From ec8ffec872a4b6dd35b309e4f5448cf7989d6652 Mon Sep 17 00:00:00 2001
From: Aldrik Ramaekers <aldrik@mailbox.org>
Date: Sat, 25 Apr 2026 17:51:14 +0200
Subject: mobile

---
 people/1.html     | 13 ++++++++++---
 people/10.html    | 13 ++++++++++---
 people/100.html   | 13 ++++++++++---
 people/1000.html  | 13 ++++++++++---
 people/10000.html | 13 ++++++++++---
 people/10001.html | 13 ++++++++++---
 people/10002.html | 13 ++++++++++---
 people/10003.html | 13 ++++++++++---
 people/10004.html | 13 ++++++++++---
 people/10005.html | 13 ++++++++++---
 people/10006.html | 13 ++++++++++---
 people/10007.html | 13 ++++++++++---
 people/10008.html | 13 ++++++++++---
 people/10009.html | 13 ++++++++++---
 people/1001.html  | 13 ++++++++++---
 people/10010.html | 13 ++++++++++---
 people/10011.html | 13 ++++++++++---
 people/10012.html | 13 ++++++++++---
 people/10013.html | 13 ++++++++++---
 people/10014.html | 13 ++++++++++---
 people/10015.html | 13 ++++++++++---
 people/10016.html | 13 ++++++++++---
 people/10017.html | 13 ++++++++++---
 people/10018.html | 13 ++++++++++---
 people/10019.html | 13 ++++++++++---
 people/1002.html  | 13 ++++++++++---
 people/10020.html | 13 ++++++++++---
 people/10021.html | 13 ++++++++++---
 people/10022.html | 13 ++++++++++---
 people/10023.html | 13 ++++++++++---
 people/10024.html | 13 ++++++++++---
 people/10025.html | 13 ++++++++++---
 people/10026.html | 13 ++++++++++---
 people/10027.html | 13 ++++++++++---
 people/10028.html | 13 ++++++++++---
 people/10029.html | 13 ++++++++++---
 people/1003.html  | 13 ++++++++++---
 people/10030.html | 13 ++++++++++---
 people/10031.html | 13 ++++++++++---
 people/10032.html | 13 ++++++++++---
 people/10033.html | 13 ++++++++++---
 people/10034.html | 13 ++++++++++---
 people/10035.html | 13 ++++++++++---
 people/10036.html | 13 ++++++++++---
 people/10037.html | 13 ++++++++++---
 people/10038.html | 13 ++++++++++---
 people/10039.html | 13 ++++++++++---
 people/1004.html  | 13 ++++++++++---
 people/10040.html | 13 ++++++++++---
 people/10041.html | 13 ++++++++++---
 people/10042.html | 13 ++++++++++---
 people/10043.html | 13 ++++++++++---
 people/10044.html | 13 ++++++++++---
 people/10045.html | 13 ++++++++++---
 people/10046.html | 13 ++++++++++---
 people/10047.html | 13 ++++++++++---
 people/10048.html | 13 ++++++++++---
 people/1005.html  | 13 ++++++++++---
 people/10050.html | 13 ++++++++++---
 people/10051.html | 13 ++++++++++---
 people/10052.html | 13 ++++++++++---
 people/10053.html | 13 ++++++++++---
 people/10054.html | 13 ++++++++++---
 people/10055.html | 13 ++++++++++---
 people/10056.html | 13 ++++++++++---
 people/10057.html | 13 ++++++++++---
 people/10058.html | 13 ++++++++++---
 people/10059.html | 13 ++++++++++---
 people/1006.html  | 13 ++++++++++---
 people/10060.html | 13 ++++++++++---
 people/10061.html | 13 ++++++++++---
 people/10062.html | 13 ++++++++++---
 people/10063.html | 13 ++++++++++---
 people/10064.html | 13 ++++++++++---
 people/10065.html | 13 ++++++++++---
 people/10066.html | 13 ++++++++++---
 people/10067.html | 13 ++++++++++---
 people/10068.html | 13 ++++++++++---
 people/10069.html | 13 ++++++++++---
 people/1007.html  | 13 ++++++++++---
 people/10070.html | 13 ++++++++++---
 people/10071.html | 13 ++++++++++---
 people/10072.html | 13 ++++++++++---
 people/10073.html | 13 ++++++++++---
 people/10074.html | 13 ++++++++++---
 people/10075.html | 13 ++++++++++---
 people/10076.html | 13 ++++++++++---
 people/10077.html | 13 ++++++++++---
 people/10078.html | 13 ++++++++++---
 people/10079.html | 13 ++++++++++---
 people/1008.html  | 13 ++++++++++---
 people/10080.html | 13 ++++++++++---
 people/10081.html | 13 ++++++++++---
 people/10082.html | 13 ++++++++++---
 people/10083.html | 13 ++++++++++---
 people/10084.html | 13 ++++++++++---
 people/10085.html | 13 ++++++++++---
 people/10086.html | 13 ++++++++++---
 people/10087.html | 13 ++++++++++---
 people/10088.html | 13 ++++++++++---
 people/10089.html | 13 ++++++++++---
 people/1009.html  | 13 ++++++++++---
 people/10090.html | 13 ++++++++++---
 people/10091.html | 13 ++++++++++---
 people/10092.html | 13 ++++++++++---
 people/10093.html | 13 ++++++++++---
 people/10094.html | 13 ++++++++++---
 people/10095.html | 13 ++++++++++---
 people/10096.html | 13 ++++++++++---
 people/10097.html | 13 ++++++++++---
 people/10098.html | 13 ++++++++++---
 people/10099.html | 13 ++++++++++---
 people/101.html   | 13 ++++++++++---
 people/1010.html  | 13 ++++++++++---
 people/10100.html | 13 ++++++++++---
 people/10101.html | 13 ++++++++++---
 people/10102.html | 13 ++++++++++---
 people/10103.html | 13 ++++++++++---
 people/10104.html | 13 ++++++++++---
 people/10105.html | 13 ++++++++++---
 people/10106.html | 13 ++++++++++---
 people/10107.html | 13 ++++++++++---
 people/10108.html | 13 ++++++++++---
 people/10109.html | 13 ++++++++++---
 people/1011.html  | 13 ++++++++++---
 people/10110.html | 13 ++++++++++---
 people/10111.html | 13 ++++++++++---
 people/10112.html | 13 ++++++++++---
 people/10113.html | 13 ++++++++++---
 people/10114.html | 13 ++++++++++---
 people/10115.html | 13 ++++++++++---
 people/10116.html | 13 ++++++++++---
 people/10117.html | 13 ++++++++++---
 people/10118.html | 13 ++++++++++---
 people/10119.html | 13 ++++++++++---
 people/1012.html  | 13 ++++++++++---
 people/10120.html | 13 ++++++++++---
 people/10121.html | 13 ++++++++++---
 people/10122.html | 13 ++++++++++---
 people/10123.html | 13 ++++++++++---
 people/10124.html | 13 ++++++++++---
 people/10125.html | 13 ++++++++++---
 people/10126.html | 13 ++++++++++---
 people/10127.html | 13 ++++++++++---
 people/10128.html | 13 ++++++++++---
 people/10129.html | 13 ++++++++++---
 people/1013.html  | 13 ++++++++++---
 people/10130.html | 13 ++++++++++---
 people/10131.html | 13 ++++++++++---
 people/10132.html | 13 ++++++++++---
 people/10133.html | 13 ++++++++++---
 people/10134.html | 13 ++++++++++---
 people/10135.html | 13 ++++++++++---
 people/10136.html | 13 ++++++++++---
 people/10137.html | 13 ++++++++++---
 people/10138.html | 13 ++++++++++---
 people/10139.html | 13 ++++++++++---
 people/1014.html  | 13 ++++++++++---
 people/10140.html | 13 ++++++++++---
 people/10141.html | 13 ++++++++++---
 people/10142.html | 13 ++++++++++---
 people/10143.html | 13 ++++++++++---
 people/10144.html | 13 ++++++++++---
 people/10145.html | 13 ++++++++++---
 people/10146.html | 13 ++++++++++---
 people/10147.html | 13 ++++++++++---
 people/10148.html | 13 ++++++++++---
 people/10149.html | 13 ++++++++++---
 people/1015.html  | 13 ++++++++++---
 people/10150.html | 13 ++++++++++---
 people/10151.html | 13 ++++++++++---
 people/10152.html | 13 ++++++++++---
 people/10153.html | 13 ++++++++++---
 people/10154.html | 13 ++++++++++---
 people/10155.html | 13 ++++++++++---
 people/10156.html | 13 ++++++++++---
 people/10157.html | 13 ++++++++++---
 people/10158.html | 13 ++++++++++---
 people/10159.html | 13 ++++++++++---
 people/1016.html  | 13 ++++++++++---
 people/10160.html | 13 ++++++++++---
 people/10161.html | 13 ++++++++++---
 people/10162.html | 13 ++++++++++---
 people/10163.html | 13 ++++++++++---
 people/10164.html | 13 ++++++++++---
 people/10165.html | 13 ++++++++++---
 people/10166.html | 13 ++++++++++---
 people/10167.html | 13 ++++++++++---
 people/10168.html | 13 ++++++++++---
 people/10169.html | 13 ++++++++++---
 people/1017.html  | 13 ++++++++++---
 people/10170.html | 13 ++++++++++---
 people/10171.html | 13 ++++++++++---
 people/10172.html | 13 ++++++++++---
 people/10173.html | 13 ++++++++++---
 people/10174.html | 13 ++++++++++---
 people/10175.html | 13 ++++++++++---
 people/10176.html | 13 ++++++++++---
 people/10177.html | 13 ++++++++++---
 people/10178.html | 13 ++++++++++---
 people/10179.html | 13 ++++++++++---
 people/1018.html  | 13 ++++++++++---
 people/10180.html | 13 ++++++++++---
 people/10181.html | 13 ++++++++++---
 people/10182.html | 13 ++++++++++---
 people/10183.html | 13 ++++++++++---
 people/10184.html | 13 ++++++++++---
 people/10185.html | 13 ++++++++++---
 people/10186.html | 13 ++++++++++---
 people/10187.html | 13 ++++++++++---
 people/10188.html | 13 ++++++++++---
 people/10189.html | 13 ++++++++++---
 people/1019.html  | 13 ++++++++++---
 people/10190.html | 13 ++++++++++---
 people/10191.html | 13 ++++++++++---
 people/10192.html | 13 ++++++++++---
 people/10193.html | 13 ++++++++++---
 people/10194.html | 13 ++++++++++---
 people/10195.html | 13 ++++++++++---
 people/10196.html | 13 ++++++++++---
 people/10197.html | 13 ++++++++++---
 people/10198.html | 13 ++++++++++---
 people/10199.html | 13 ++++++++++---
 people/102.html   | 13 ++++++++++---
 people/1020.html  | 13 ++++++++++---
 people/10200.html | 13 ++++++++++---
 people/10201.html | 13 ++++++++++---
 people/10202.html | 13 ++++++++++---
 people/10203.html | 13 ++++++++++---
 people/10204.html | 13 ++++++++++---
 people/10205.html | 13 ++++++++++---
 people/10206.html | 13 ++++++++++---
 people/10207.html | 13 ++++++++++---
 people/10208.html | 13 ++++++++++---
 people/10209.html | 13 ++++++++++---
 people/1021.html  | 13 ++++++++++---
 people/10210.html | 13 ++++++++++---
 people/10211.html | 13 ++++++++++---
 people/10212.html | 13 ++++++++++---
 people/10213.html | 13 ++++++++++---
 people/10214.html | 13 ++++++++++---
 people/10215.html | 13 ++++++++++---
 people/10216.html | 13 ++++++++++---
 people/10217.html | 13 ++++++++++---
 people/10218.html | 13 ++++++++++---
 people/10219.html | 13 ++++++++++---
 people/1022.html  | 13 ++++++++++---
 people/10220.html | 13 ++++++++++---
 people/10221.html | 13 ++++++++++---
 people/10222.html | 13 ++++++++++---
 people/10223.html | 13 ++++++++++---
 people/10224.html | 13 ++++++++++---
 people/10225.html | 13 ++++++++++---
 people/10226.html | 13 ++++++++++---
 people/10227.html | 13 ++++++++++---
 people/10228.html | 13 ++++++++++---
 people/10229.html | 13 ++++++++++---
 people/1023.html  | 13 ++++++++++---
 people/10230.html | 13 ++++++++++---
 people/10231.html | 13 ++++++++++---
 people/10232.html | 13 ++++++++++---
 people/10233.html | 13 ++++++++++---
 people/10234.html | 13 ++++++++++---
 people/10235.html | 13 ++++++++++---
 people/10236.html | 13 ++++++++++---
 people/10237.html | 13 ++++++++++---
 people/10238.html | 13 ++++++++++---
 people/10239.html | 13 ++++++++++---
 people/1024.html  | 13 ++++++++++---
 people/10240.html | 13 ++++++++++---
 people/10241.html | 13 ++++++++++---
 people/10242.html | 13 ++++++++++---
 people/10243.html | 13 ++++++++++---
 people/10244.html | 13 ++++++++++---
 people/10245.html | 13 ++++++++++---
 people/10246.html | 13 ++++++++++---
 people/10247.html | 13 ++++++++++---
 people/10248.html | 13 ++++++++++---
 people/10249.html | 13 ++++++++++---
 people/1025.html  | 13 ++++++++++---
 people/10250.html | 13 ++++++++++---
 people/10251.html | 13 ++++++++++---
 people/10252.html | 13 ++++++++++---
 people/10253.html | 13 ++++++++++---
 people/10254.html | 13 ++++++++++---
 people/10255.html | 13 ++++++++++---
 people/10256.html | 13 ++++++++++---
 people/10257.html | 13 ++++++++++---
 people/10258.html | 13 ++++++++++---
 people/10259.html | 13 ++++++++++---
 people/1026.html  | 13 ++++++++++---
 people/10260.html | 13 ++++++++++---
 people/10261.html | 13 ++++++++++---
 people/10262.html | 13 ++++++++++---
 people/10263.html | 13 ++++++++++---
 people/10264.html | 13 ++++++++++---
 people/10265.html | 13 ++++++++++---
 people/10266.html | 13 ++++++++++---
 people/10267.html | 13 ++++++++++---
 people/10268.html | 13 ++++++++++---
 people/10269.html | 13 ++++++++++---
 people/1027.html  | 13 ++++++++++---
 people/10270.html | 13 ++++++++++---
 people/10271.html | 13 ++++++++++---
 people/10272.html | 13 ++++++++++---
 people/10273.html | 13 ++++++++++---
 people/10274.html | 13 ++++++++++---
 people/10275.html | 13 ++++++++++---
 people/10276.html | 13 ++++++++++---
 people/10277.html | 13 ++++++++++---
 people/10278.html | 13 ++++++++++---
 people/10279.html | 13 ++++++++++---
 people/1028.html  | 13 ++++++++++---
 people/10280.html | 13 ++++++++++---
 people/10281.html | 13 ++++++++++---
 people/10282.html | 13 ++++++++++---
 people/10283.html | 13 ++++++++++---
 people/10284.html | 13 ++++++++++---
 people/10285.html | 13 ++++++++++---
 people/10286.html | 13 ++++++++++---
 people/10287.html | 13 ++++++++++---
 people/10288.html | 13 ++++++++++---
 people/10289.html | 13 ++++++++++---
 people/1029.html  | 13 ++++++++++---
 people/10290.html | 13 ++++++++++---
 people/10291.html | 13 ++++++++++---
 people/10292.html | 13 ++++++++++---
 people/10293.html | 13 ++++++++++---
 people/10294.html | 13 ++++++++++---
 people/10295.html | 13 ++++++++++---
 people/10296.html | 13 ++++++++++---
 people/10297.html | 13 ++++++++++---
 people/10298.html | 13 ++++++++++---
 people/10299.html | 13 ++++++++++---
 people/103.html   | 13 ++++++++++---
 people/1030.html  | 13 ++++++++++---
 people/10300.html | 13 ++++++++++---
 people/10301.html | 13 ++++++++++---
 people/10302.html | 13 ++++++++++---
 people/10303.html | 13 ++++++++++---
 people/10304.html | 13 ++++++++++---
 people/10305.html | 13 ++++++++++---
 people/10306.html | 13 ++++++++++---
 people/10307.html | 13 ++++++++++---
 people/10308.html | 13 ++++++++++---
 people/10309.html | 13 ++++++++++---
 people/1031.html  | 13 ++++++++++---
 people/10310.html | 13 ++++++++++---
 people/10311.html | 13 ++++++++++---
 people/10312.html | 13 ++++++++++---
 people/10313.html | 13 ++++++++++---
 people/10314.html | 13 ++++++++++---
 people/10315.html | 13 ++++++++++---
 people/10316.html | 13 ++++++++++---
 people/10317.html | 13 ++++++++++---
 people/10318.html | 13 ++++++++++---
 people/10319.html | 13 ++++++++++---
 people/1032.html  | 13 ++++++++++---
 people/10320.html | 13 ++++++++++---
 people/10321.html | 13 ++++++++++---
 people/10322.html | 13 ++++++++++---
 people/10323.html | 13 ++++++++++---
 people/10324.html | 13 ++++++++++---
 people/10325.html | 13 ++++++++++---
 people/10326.html | 13 ++++++++++---
 people/10327.html | 13 ++++++++++---
 people/10328.html | 13 ++++++++++---
 people/10329.html | 13 ++++++++++---
 people/1033.html  | 13 ++++++++++---
 people/10330.html | 13 ++++++++++---
 people/10331.html | 13 ++++++++++---
 people/10332.html | 13 ++++++++++---
 people/10333.html | 13 ++++++++++---
 people/10334.html | 13 ++++++++++---
 people/10335.html | 13 ++++++++++---
 people/10336.html | 13 ++++++++++---
 people/10337.html | 13 ++++++++++---
 people/10338.html | 13 ++++++++++---
 people/10339.html | 13 ++++++++++---
 people/1034.html  | 13 ++++++++++---
 people/10340.html | 13 ++++++++++---
 people/10341.html | 13 ++++++++++---
 people/10342.html | 13 ++++++++++---
 people/10343.html | 13 ++++++++++---
 people/10344.html | 13 ++++++++++---
 people/10345.html | 13 ++++++++++---
 people/10346.html | 13 ++++++++++---
 people/10347.html | 13 ++++++++++---
 people/10348.html | 13 ++++++++++---
 people/10349.html | 13 ++++++++++---
 people/1035.html  | 13 ++++++++++---
 people/10350.html | 13 ++++++++++---
 people/10351.html | 13 ++++++++++---
 people/10352.html | 13 ++++++++++---
 people/10353.html | 13 ++++++++++---
 people/10354.html | 13 ++++++++++---
 people/10355.html | 13 ++++++++++---
 people/10356.html | 13 ++++++++++---
 people/10357.html | 13 ++++++++++---
 people/10358.html | 13 ++++++++++---
 people/10359.html | 13 ++++++++++---
 people/1036.html  | 13 ++++++++++---
 people/10360.html | 13 ++++++++++---
 people/10361.html | 13 ++++++++++---
 people/10362.html | 13 ++++++++++---
 people/10363.html | 13 ++++++++++---
 people/10364.html | 13 ++++++++++---
 people/10365.html | 13 ++++++++++---
 people/10366.html | 13 ++++++++++---
 people/10367.html | 13 ++++++++++---
 people/10368.html | 13 ++++++++++---
 people/10369.html | 13 ++++++++++---
 people/1037.html  | 13 ++++++++++---
 people/10370.html | 13 ++++++++++---
 people/10371.html | 13 ++++++++++---
 people/10372.html | 13 ++++++++++---
 people/10373.html | 13 ++++++++++---
 people/10374.html | 13 ++++++++++---
 people/10375.html | 13 ++++++++++---
 people/10376.html | 13 ++++++++++---
 people/10377.html | 13 ++++++++++---
 people/10378.html | 13 ++++++++++---
 people/10379.html | 13 ++++++++++---
 people/1038.html  | 13 ++++++++++---
 people/10380.html | 13 ++++++++++---
 people/10381.html | 13 ++++++++++---
 people/10382.html | 13 ++++++++++---
 people/10383.html | 13 ++++++++++---
 people/10384.html | 13 ++++++++++---
 people/10385.html | 13 ++++++++++---
 people/10386.html | 13 ++++++++++---
 people/10387.html | 13 ++++++++++---
 people/10388.html | 13 ++++++++++---
 people/10389.html | 13 ++++++++++---
 people/1039.html  | 13 ++++++++++---
 people/10390.html | 13 ++++++++++---
 people/10391.html | 13 ++++++++++---
 people/10392.html | 13 ++++++++++---
 people/10393.html | 13 ++++++++++---
 people/10394.html | 13 ++++++++++---
 people/10395.html | 13 ++++++++++---
 people/10396.html | 13 ++++++++++---
 people/10397.html | 13 ++++++++++---
 people/10398.html | 13 ++++++++++---
 people/10399.html | 13 ++++++++++---
 people/104.html   | 13 ++++++++++---
 people/1040.html  | 13 ++++++++++---
 people/10400.html | 13 ++++++++++---
 people/10401.html | 13 ++++++++++---
 people/10402.html | 13 ++++++++++---
 people/10403.html | 13 ++++++++++---
 people/10404.html | 13 ++++++++++---
 people/10405.html | 13 ++++++++++---
 people/10406.html | 13 ++++++++++---
 people/10407.html | 13 ++++++++++---
 people/10408.html | 13 ++++++++++---
 people/10409.html | 13 ++++++++++---
 people/1041.html  | 13 ++++++++++---
 people/10410.html | 13 ++++++++++---
 people/10411.html | 13 ++++++++++---
 people/10412.html | 13 ++++++++++---
 people/10413.html | 13 ++++++++++---
 people/10414.html | 13 ++++++++++---
 people/10415.html | 13 ++++++++++---
 people/10416.html | 13 ++++++++++---
 people/10417.html | 13 ++++++++++---
 people/10418.html | 13 ++++++++++---
 people/10419.html | 13 ++++++++++---
 people/1042.html  | 13 ++++++++++---
 people/10420.html | 13 ++++++++++---
 people/10421.html | 13 ++++++++++---
 people/10422.html | 13 ++++++++++---
 people/10423.html | 13 ++++++++++---
 people/10424.html | 13 ++++++++++---
 people/10425.html | 13 ++++++++++---
 people/10426.html | 13 ++++++++++---
 people/10427.html | 13 ++++++++++---
 people/10428.html | 13 ++++++++++---
 people/10429.html | 13 ++++++++++---
 people/1043.html  | 13 ++++++++++---
 people/10430.html | 13 ++++++++++---
 people/10431.html | 13 ++++++++++---
 people/10432.html | 13 ++++++++++---
 people/10433.html | 13 ++++++++++---
 people/10434.html | 13 ++++++++++---
 people/10435.html | 13 ++++++++++---
 people/10436.html | 13 ++++++++++---
 people/10437.html | 13 ++++++++++---
 people/10438.html | 13 ++++++++++---
 people/10439.html | 13 ++++++++++---
 people/1044.html  | 13 ++++++++++---
 people/10440.html | 13 ++++++++++---
 people/10441.html | 13 ++++++++++---
 people/10442.html | 13 ++++++++++---
 people/10443.html | 13 ++++++++++---
 people/10444.html | 13 ++++++++++---
 people/10445.html | 13 ++++++++++---
 people/10446.html | 13 ++++++++++---
 people/10447.html | 13 ++++++++++---
 people/10448.html | 13 ++++++++++---
 people/10449.html | 13 ++++++++++---
 people/1045.html  | 13 ++++++++++---
 people/10450.html | 13 ++++++++++---
 people/10451.html | 13 ++++++++++---
 people/10452.html | 13 ++++++++++---
 people/10453.html | 13 ++++++++++---
 people/10454.html | 13 ++++++++++---
 people/10455.html | 13 ++++++++++---
 people/10456.html | 13 ++++++++++---
 people/10457.html | 13 ++++++++++---
 people/10458.html | 13 ++++++++++---
 people/10459.html | 13 ++++++++++---
 people/1046.html  | 13 ++++++++++---
 people/10460.html | 13 ++++++++++---
 people/10461.html | 13 ++++++++++---
 people/10462.html | 13 ++++++++++---
 people/10463.html | 13 ++++++++++---
 people/10464.html | 13 ++++++++++---
 people/10465.html | 13 ++++++++++---
 people/10466.html | 13 ++++++++++---
 people/10467.html | 13 ++++++++++---
 people/10468.html | 13 ++++++++++---
 people/10469.html | 13 ++++++++++---
 people/1047.html  | 13 ++++++++++---
 people/10470.html | 13 ++++++++++---
 people/10471.html | 13 ++++++++++---
 people/10472.html | 13 ++++++++++---
 people/10473.html | 13 ++++++++++---
 people/10474.html | 13 ++++++++++---
 people/10475.html | 13 ++++++++++---
 people/10476.html | 13 ++++++++++---
 people/10477.html | 13 ++++++++++---
 people/10478.html | 13 ++++++++++---
 people/10479.html | 13 ++++++++++---
 people/1048.html  | 13 ++++++++++---
 people/10480.html | 13 ++++++++++---
 people/10481.html | 13 ++++++++++---
 people/10482.html | 13 ++++++++++---
 people/10483.html | 13 ++++++++++---
 people/10484.html | 13 ++++++++++---
 people/10485.html | 13 ++++++++++---
 people/10486.html | 13 ++++++++++---
 people/10487.html | 13 ++++++++++---
 people/10488.html | 13 ++++++++++---
 people/10489.html | 13 ++++++++++---
 people/1049.html  | 13 ++++++++++---
 people/10490.html | 13 ++++++++++---
 people/10491.html | 13 ++++++++++---
 people/10492.html | 13 ++++++++++---
 people/10493.html | 13 ++++++++++---
 people/10494.html | 13 ++++++++++---
 people/10495.html | 13 ++++++++++---
 people/10496.html | 13 ++++++++++---
 people/10497.html | 13 ++++++++++---
 people/10498.html | 13 ++++++++++---
 people/10499.html | 13 ++++++++++---
 people/105.html   | 13 ++++++++++---
 people/1050.html  | 13 ++++++++++---
 people/10500.html | 13 ++++++++++---
 people/10501.html | 13 ++++++++++---
 people/10502.html | 13 ++++++++++---
 people/10503.html | 13 ++++++++++---
 people/10504.html | 13 ++++++++++---
 people/10505.html | 13 ++++++++++---
 people/10506.html | 13 ++++++++++---
 people/10507.html | 13 ++++++++++---
 people/10508.html | 13 ++++++++++---
 people/10509.html | 13 ++++++++++---
 people/1051.html  | 13 ++++++++++---
 people/10510.html | 13 ++++++++++---
 people/10511.html | 13 ++++++++++---
 people/10512.html | 13 ++++++++++---
 people/10513.html | 13 ++++++++++---
 people/10514.html | 13 ++++++++++---
 people/10515.html | 13 ++++++++++---
 people/10516.html | 13 ++++++++++---
 people/10517.html | 13 ++++++++++---
 people/10518.html | 13 ++++++++++---
 people/10519.html | 13 ++++++++++---
 people/1052.html  | 13 ++++++++++---
 people/10520.html | 13 ++++++++++---
 people/10521.html | 13 ++++++++++---
 people/10522.html | 13 ++++++++++---
 people/10523.html | 13 ++++++++++---
 people/10524.html | 13 ++++++++++---
 people/10525.html | 13 ++++++++++---
 people/10526.html | 13 ++++++++++---
 people/10527.html | 13 ++++++++++---
 people/10528.html | 13 ++++++++++---
 people/10529.html | 13 ++++++++++---
 people/1053.html  | 13 ++++++++++---
 people/10530.html | 13 ++++++++++---
 people/10531.html | 13 ++++++++++---
 people/10532.html | 13 ++++++++++---
 people/10533.html | 13 ++++++++++---
 people/10534.html | 13 ++++++++++---
 people/10535.html | 13 ++++++++++---
 people/10536.html | 13 ++++++++++---
 people/10537.html | 13 ++++++++++---
 people/10538.html | 13 ++++++++++---
 people/10539.html | 13 ++++++++++---
 people/1054.html  | 13 ++++++++++---
 people/10540.html | 13 ++++++++++---
 people/10541.html | 13 ++++++++++---
 people/10542.html | 13 ++++++++++---
 people/10543.html | 13 ++++++++++---
 people/10544.html | 13 ++++++++++---
 people/10545.html | 13 ++++++++++---
 people/10546.html | 13 ++++++++++---
 people/10547.html | 13 ++++++++++---
 people/10548.html | 13 ++++++++++---
 people/10549.html | 13 ++++++++++---
 people/1055.html  | 13 ++++++++++---
 people/10550.html | 13 ++++++++++---
 people/10551.html | 13 ++++++++++---
 people/10552.html | 13 ++++++++++---
 people/10553.html | 13 ++++++++++---
 people/10554.html | 13 ++++++++++---
 people/10555.html | 13 ++++++++++---
 people/10556.html | 13 ++++++++++---
 people/10557.html | 13 ++++++++++---
 people/10558.html | 13 ++++++++++---
 people/10559.html | 13 ++++++++++---
 people/1056.html  | 13 ++++++++++---
 people/10560.html | 13 ++++++++++---
 people/10561.html | 13 ++++++++++---
 people/10562.html | 13 ++++++++++---
 people/10563.html | 13 ++++++++++---
 people/10564.html | 13 ++++++++++---
 people/10565.html | 13 ++++++++++---
 people/10566.html | 13 ++++++++++---
 people/10567.html | 13 ++++++++++---
 people/10568.html | 13 ++++++++++---
 people/10569.html | 13 ++++++++++---
 people/1057.html  | 13 ++++++++++---
 people/10570.html | 13 ++++++++++---
 people/10571.html | 13 ++++++++++---
 people/10572.html | 13 ++++++++++---
 people/10573.html | 13 ++++++++++---
 people/10574.html | 13 ++++++++++---
 people/10575.html | 13 ++++++++++---
 people/10576.html | 13 ++++++++++---
 people/10577.html | 13 ++++++++++---
 people/10578.html | 13 ++++++++++---
 people/10579.html | 13 ++++++++++---
 people/1058.html  | 13 ++++++++++---
 people/10580.html | 13 ++++++++++---
 people/10581.html | 13 ++++++++++---
 people/10582.html | 13 ++++++++++---
 people/10583.html | 13 ++++++++++---
 people/10584.html | 13 ++++++++++---
 people/10585.html | 13 ++++++++++---
 people/10586.html | 13 ++++++++++---
 people/10587.html | 13 ++++++++++---
 people/10588.html | 13 ++++++++++---
 people/10589.html | 13 ++++++++++---
 people/1059.html  | 13 ++++++++++---
 people/10590.html | 13 ++++++++++---
 people/10591.html | 13 ++++++++++---
 people/10592.html | 13 ++++++++++---
 people/10593.html | 13 ++++++++++---
 people/10594.html | 13 ++++++++++---
 people/10595.html | 13 ++++++++++---
 people/10596.html | 13 ++++++++++---
 people/10597.html | 13 ++++++++++---
 people/10598.html | 13 ++++++++++---
 people/10599.html | 13 ++++++++++---
 people/106.html   | 13 ++++++++++---
 people/1060.html  | 13 ++++++++++---
 people/10600.html | 13 ++++++++++---
 people/10601.html | 13 ++++++++++---
 people/10602.html | 13 ++++++++++---
 people/10603.html | 13 ++++++++++---
 people/10604.html | 13 ++++++++++---
 people/10605.html | 13 ++++++++++---
 people/10606.html | 13 ++++++++++---
 people/10607.html | 13 ++++++++++---
 people/10608.html | 13 ++++++++++---
 people/10609.html | 13 ++++++++++---
 people/1061.html  | 13 ++++++++++---
 people/10610.html | 13 ++++++++++---
 people/10611.html | 13 ++++++++++---
 people/10612.html | 13 ++++++++++---
 people/10613.html | 13 ++++++++++---
 people/10614.html | 13 ++++++++++---
 people/10615.html | 13 ++++++++++---
 people/10616.html | 13 ++++++++++---
 people/10617.html | 13 ++++++++++---
 people/10618.html | 13 ++++++++++---
 people/10619.html | 13 ++++++++++---
 people/1062.html  | 13 ++++++++++---
 people/10620.html | 13 ++++++++++---
 people/10621.html | 13 ++++++++++---
 people/10622.html | 13 ++++++++++---
 people/10623.html | 13 ++++++++++---
 people/10624.html | 13 ++++++++++---
 people/10625.html | 13 ++++++++++---
 people/10626.html | 13 ++++++++++---
 people/10627.html | 13 ++++++++++---
 people/10628.html | 13 ++++++++++---
 people/10629.html | 13 ++++++++++---
 people/1063.html  | 13 ++++++++++---
 people/10630.html | 13 ++++++++++---
 people/10631.html | 13 ++++++++++---
 people/10632.html | 13 ++++++++++---
 people/10633.html | 13 ++++++++++---
 people/10634.html | 13 ++++++++++---
 people/10635.html | 13 ++++++++++---
 people/10636.html | 13 ++++++++++---
 people/10637.html | 13 ++++++++++---
 people/10638.html | 13 ++++++++++---
 people/10639.html | 13 ++++++++++---
 people/1064.html  | 13 ++++++++++---
 people/10640.html | 13 ++++++++++---
 people/10641.html | 13 ++++++++++---
 people/10642.html | 13 ++++++++++---
 people/10643.html | 13 ++++++++++---
 people/10644.html | 13 ++++++++++---
 people/10645.html | 13 ++++++++++---
 people/10646.html | 13 ++++++++++---
 people/10647.html | 13 ++++++++++---
 people/10648.html | 13 ++++++++++---
 people/10649.html | 13 ++++++++++---
 people/1065.html  | 13 ++++++++++---
 people/10650.html | 13 ++++++++++---
 people/10651.html | 13 ++++++++++---
 people/10652.html | 13 ++++++++++---
 people/10653.html | 13 ++++++++++---
 people/10654.html | 13 ++++++++++---
 people/10655.html | 13 ++++++++++---
 people/10656.html | 13 ++++++++++---
 people/10657.html | 13 ++++++++++---
 people/10658.html | 13 ++++++++++---
 people/10659.html | 13 ++++++++++---
 people/1066.html  | 13 ++++++++++---
 people/10660.html | 13 ++++++++++---
 people/10661.html | 13 ++++++++++---
 people/10662.html | 13 ++++++++++---
 people/10663.html | 13 ++++++++++---
 people/10664.html | 13 ++++++++++---
 people/10665.html | 13 ++++++++++---
 people/10666.html | 13 ++++++++++---
 people/10667.html | 13 ++++++++++---
 people/10668.html | 13 ++++++++++---
 people/10669.html | 13 ++++++++++---
 people/1067.html  | 13 ++++++++++---
 people/10670.html | 13 ++++++++++---
 people/10671.html | 13 ++++++++++---
 people/10672.html | 13 ++++++++++---
 people/10673.html | 13 ++++++++++---
 people/10674.html | 13 ++++++++++---
 people/10675.html | 13 ++++++++++---
 people/10676.html | 13 ++++++++++---
 people/10677.html | 13 ++++++++++---
 people/10678.html | 13 ++++++++++---
 people/10679.html | 13 ++++++++++---
 people/1068.html  | 13 ++++++++++---
 people/10680.html | 13 ++++++++++---
 people/10681.html | 13 ++++++++++---
 people/10682.html | 13 ++++++++++---
 people/10683.html | 13 ++++++++++---
 people/10684.html | 13 ++++++++++---
 people/10685.html | 13 ++++++++++---
 people/10686.html | 13 ++++++++++---
 people/10687.html | 13 ++++++++++---
 people/10688.html | 13 ++++++++++---
 people/10689.html | 13 ++++++++++---
 people/1069.html  | 13 ++++++++++---
 people/10690.html | 13 ++++++++++---
 people/10691.html | 13 ++++++++++---
 people/10692.html | 13 ++++++++++---
 people/10693.html | 13 ++++++++++---
 people/10694.html | 13 ++++++++++---
 people/10695.html | 13 ++++++++++---
 people/10696.html | 13 ++++++++++---
 people/10697.html | 13 ++++++++++---
 people/10698.html | 13 ++++++++++---
 people/10699.html | 13 ++++++++++---
 people/107.html   | 13 ++++++++++---
 people/1070.html  | 13 ++++++++++---
 people/10700.html | 13 ++++++++++---
 people/10701.html | 13 ++++++++++---
 people/10702.html | 13 ++++++++++---
 people/10703.html | 13 ++++++++++---
 people/10704.html | 13 ++++++++++---
 people/10705.html | 13 ++++++++++---
 people/10706.html | 13 ++++++++++---
 people/10707.html | 13 ++++++++++---
 people/10708.html | 13 ++++++++++---
 people/10709.html | 13 ++++++++++---
 people/1071.html  | 13 ++++++++++---
 people/10710.html | 13 ++++++++++---
 people/10711.html | 13 ++++++++++---
 people/10712.html | 13 ++++++++++---
 people/10713.html | 13 ++++++++++---
 people/10714.html | 13 ++++++++++---
 people/10715.html | 13 ++++++++++---
 people/10716.html | 13 ++++++++++---
 people/10717.html | 13 ++++++++++---
 people/10718.html | 13 ++++++++++---
 people/10719.html | 13 ++++++++++---
 people/1072.html  | 13 ++++++++++---
 people/10720.html | 13 ++++++++++---
 people/10721.html | 13 ++++++++++---
 people/10722.html | 13 ++++++++++---
 people/10723.html | 13 ++++++++++---
 people/10724.html | 13 ++++++++++---
 people/10725.html | 13 ++++++++++---
 people/10726.html | 13 ++++++++++---
 people/10727.html | 13 ++++++++++---
 people/10728.html | 13 ++++++++++---
 people/10729.html | 13 ++++++++++---
 people/1073.html  | 13 ++++++++++---
 people/10730.html | 13 ++++++++++---
 people/10731.html | 13 ++++++++++---
 people/10732.html | 13 ++++++++++---
 people/10733.html | 13 ++++++++++---
 people/10734.html | 13 ++++++++++---
 people/10735.html | 13 ++++++++++---
 people/10736.html | 13 ++++++++++---
 people/10737.html | 13 ++++++++++---
 people/10738.html | 13 ++++++++++---
 people/10739.html | 13 ++++++++++---
 people/1074.html  | 13 ++++++++++---
 people/10740.html | 13 ++++++++++---
 people/10741.html | 13 ++++++++++---
 people/10742.html | 13 ++++++++++---
 people/10743.html | 13 ++++++++++---
 people/10744.html | 13 ++++++++++---
 people/10745.html | 13 ++++++++++---
 people/10746.html | 13 ++++++++++---
 people/10747.html | 13 ++++++++++---
 people/10748.html | 13 ++++++++++---
 people/10749.html | 13 ++++++++++---
 people/1075.html  | 13 ++++++++++---
 people/10750.html | 13 ++++++++++---
 people/10751.html | 13 ++++++++++---
 people/10752.html | 13 ++++++++++---
 people/10753.html | 13 ++++++++++---
 people/10754.html | 13 ++++++++++---
 people/10755.html | 13 ++++++++++---
 people/10756.html | 13 ++++++++++---
 people/10757.html | 13 ++++++++++---
 people/10758.html | 13 ++++++++++---
 people/10759.html | 13 ++++++++++---
 people/1076.html  | 13 ++++++++++---
 people/10760.html | 13 ++++++++++---
 people/10761.html | 13 ++++++++++---
 people/10762.html | 13 ++++++++++---
 people/10763.html | 13 ++++++++++---
 people/10764.html | 13 ++++++++++---
 people/10765.html | 13 ++++++++++---
 people/10766.html | 13 ++++++++++---
 people/10767.html | 13 ++++++++++---
 people/10768.html | 13 ++++++++++---
 people/10769.html | 13 ++++++++++---
 people/1077.html  | 13 ++++++++++---
 people/10770.html | 13 ++++++++++---
 people/10771.html | 13 ++++++++++---
 people/10772.html | 13 ++++++++++---
 people/10773.html | 13 ++++++++++---
 people/10774.html | 13 ++++++++++---
 people/10775.html | 13 ++++++++++---
 people/10776.html | 13 ++++++++++---
 people/10777.html | 13 ++++++++++---
 people/10778.html | 13 ++++++++++---
 people/10779.html | 13 ++++++++++---
 people/1078.html  | 13 ++++++++++---
 people/10780.html | 13 ++++++++++---
 people/10781.html | 13 ++++++++++---
 people/10782.html | 13 ++++++++++---
 people/10783.html | 13 ++++++++++---
 people/10784.html | 13 ++++++++++---
 people/10785.html | 13 ++++++++++---
 people/10786.html | 13 ++++++++++---
 people/10787.html | 13 ++++++++++---
 people/10788.html | 13 ++++++++++---
 people/10789.html | 13 ++++++++++---
 people/1079.html  | 13 ++++++++++---
 people/10790.html | 13 ++++++++++---
 people/10791.html | 13 ++++++++++---
 people/10792.html | 13 ++++++++++---
 people/10793.html | 13 ++++++++++---
 people/10794.html | 13 ++++++++++---
 people/10795.html | 13 ++++++++++---
 people/10796.html | 13 ++++++++++---
 people/10797.html | 13 ++++++++++---
 people/10798.html | 13 ++++++++++---
 people/10799.html | 13 ++++++++++---
 people/108.html   | 13 ++++++++++---
 people/1080.html  | 13 ++++++++++---
 people/10800.html | 13 ++++++++++---
 people/10801.html | 13 ++++++++++---
 people/10802.html | 13 ++++++++++---
 people/10803.html | 13 ++++++++++---
 people/10804.html | 13 ++++++++++---
 people/10805.html | 13 ++++++++++---
 people/10806.html | 13 ++++++++++---
 people/10807.html | 13 ++++++++++---
 people/10808.html | 13 ++++++++++---
 people/10809.html | 13 ++++++++++---
 people/1081.html  | 13 ++++++++++---
 people/10810.html | 13 ++++++++++---
 people/10811.html | 13 ++++++++++---
 people/10812.html | 13 ++++++++++---
 people/10813.html | 13 ++++++++++---
 people/10814.html | 13 ++++++++++---
 people/10815.html | 13 ++++++++++---
 people/10816.html | 13 ++++++++++---
 people/10817.html | 13 ++++++++++---
 people/10818.html | 13 ++++++++++---
 people/10819.html | 13 ++++++++++---
 people/1082.html  | 13 ++++++++++---
 people/10820.html | 13 ++++++++++---
 people/10821.html | 13 ++++++++++---
 people/10822.html | 13 ++++++++++---
 people/10823.html | 13 ++++++++++---
 people/10824.html | 13 ++++++++++---
 people/10825.html | 13 ++++++++++---
 people/10826.html | 13 ++++++++++---
 people/10827.html | 13 ++++++++++---
 people/10828.html | 13 ++++++++++---
 people/10829.html | 13 ++++++++++---
 people/1083.html  | 13 ++++++++++---
 people/10830.html | 13 ++++++++++---
 people/10831.html | 13 ++++++++++---
 people/10832.html | 13 ++++++++++---
 people/10833.html | 13 ++++++++++---
 people/10834.html | 13 ++++++++++---
 people/10835.html | 13 ++++++++++---
 people/10836.html | 13 ++++++++++---
 people/10837.html | 13 ++++++++++---
 people/10838.html | 13 ++++++++++---
 people/10839.html | 13 ++++++++++---
 people/1084.html  | 13 ++++++++++---
 people/10840.html | 13 ++++++++++---
 people/10841.html | 13 ++++++++++---
 people/10842.html | 13 ++++++++++---
 people/10843.html | 13 ++++++++++---
 people/10844.html | 13 ++++++++++---
 people/10845.html | 13 ++++++++++---
 people/10846.html | 13 ++++++++++---
 people/10847.html | 13 ++++++++++---
 people/10848.html | 13 ++++++++++---
 people/10849.html | 13 ++++++++++---
 people/1085.html  | 13 ++++++++++---
 people/10850.html | 13 ++++++++++---
 people/10851.html | 13 ++++++++++---
 people/10852.html | 13 ++++++++++---
 people/10853.html | 13 ++++++++++---
 people/10854.html | 13 ++++++++++---
 people/10855.html | 13 ++++++++++---
 people/10856.html | 13 ++++++++++---
 people/10857.html | 13 ++++++++++---
 people/10858.html | 13 ++++++++++---
 people/10859.html | 13 ++++++++++---
 people/1086.html  | 13 ++++++++++---
 people/10860.html | 13 ++++++++++---
 people/10861.html | 13 ++++++++++---
 people/10862.html | 13 ++++++++++---
 people/10863.html | 13 ++++++++++---
 people/10864.html | 13 ++++++++++---
 people/10865.html | 13 ++++++++++---
 people/10866.html | 13 ++++++++++---
 people/10867.html | 13 ++++++++++---
 people/10868.html | 13 ++++++++++---
 people/10869.html | 13 ++++++++++---
 people/1087.html  | 13 ++++++++++---
 people/10870.html | 13 ++++++++++---
 people/10871.html | 13 ++++++++++---
 people/10872.html | 13 ++++++++++---
 people/10873.html | 13 ++++++++++---
 people/10874.html | 13 ++++++++++---
 people/10875.html | 13 ++++++++++---
 people/10876.html | 13 ++++++++++---
 people/10877.html | 13 ++++++++++---
 people/10878.html | 13 ++++++++++---
 people/10879.html | 13 ++++++++++---
 people/1088.html  | 13 ++++++++++---
 people/10880.html | 13 ++++++++++---
 people/10881.html | 13 ++++++++++---
 people/10882.html | 13 ++++++++++---
 people/10883.html | 13 ++++++++++---
 people/10884.html | 13 ++++++++++---
 people/10885.html | 13 ++++++++++---
 people/10886.html | 13 ++++++++++---
 people/10887.html | 13 ++++++++++---
 people/10888.html | 13 ++++++++++---
 people/10889.html | 13 ++++++++++---
 people/1089.html  | 13 ++++++++++---
 people/10890.html | 13 ++++++++++---
 people/10891.html | 13 ++++++++++---
 people/10892.html | 13 ++++++++++---
 people/10893.html | 13 ++++++++++---
 people/10894.html | 13 ++++++++++---
 people/10895.html | 13 ++++++++++---
 people/10896.html | 13 ++++++++++---
 people/10897.html | 13 ++++++++++---
 people/10898.html | 13 ++++++++++---
 people/10899.html | 13 ++++++++++---
 people/109.html   | 13 ++++++++++---
 people/1090.html  | 13 ++++++++++---
 people/10900.html | 13 ++++++++++---
 people/10901.html | 13 ++++++++++---
 people/10902.html | 13 ++++++++++---
 people/10903.html | 13 ++++++++++---
 people/10904.html | 13 ++++++++++---
 people/10905.html | 13 ++++++++++---
 people/10906.html | 13 ++++++++++---
 people/10907.html | 13 ++++++++++---
 people/10908.html | 13 ++++++++++---
 people/10909.html | 13 ++++++++++---
 people/1091.html  | 13 ++++++++++---
 people/10910.html | 13 ++++++++++---
 people/10911.html | 13 ++++++++++---
 people/10912.html | 13 ++++++++++---
 people/10913.html | 13 ++++++++++---
 people/10914.html | 13 ++++++++++---
 people/10915.html | 13 ++++++++++---
 people/10916.html | 13 ++++++++++---
 people/10917.html | 13 ++++++++++---
 people/10918.html | 13 ++++++++++---
 people/10919.html | 13 ++++++++++---
 people/1092.html  | 13 ++++++++++---
 people/10920.html | 13 ++++++++++---
 people/10921.html | 13 ++++++++++---
 people/10922.html | 13 ++++++++++---
 people/10923.html | 13 ++++++++++---
 people/10924.html | 13 ++++++++++---
 people/10925.html | 13 ++++++++++---
 people/10926.html | 13 ++++++++++---
 people/10927.html | 13 ++++++++++---
 people/10928.html | 13 ++++++++++---
 people/10929.html | 13 ++++++++++---
 people/1093.html  | 13 ++++++++++---
 people/10930.html | 13 ++++++++++---
 people/10931.html | 13 ++++++++++---
 people/10932.html | 13 ++++++++++---
 people/10933.html | 13 ++++++++++---
 people/10934.html | 13 ++++++++++---
 people/10935.html | 13 ++++++++++---
 people/10936.html | 13 ++++++++++---
 people/10937.html | 13 ++++++++++---
 people/10938.html | 13 ++++++++++---
 people/10939.html | 13 ++++++++++---
 people/1094.html  | 13 ++++++++++---
 people/10940.html | 13 ++++++++++---
 people/10941.html | 13 ++++++++++---
 people/10942.html | 13 ++++++++++---
 people/10943.html | 13 ++++++++++---
 people/10944.html | 13 ++++++++++---
 people/10945.html | 13 ++++++++++---
 people/10946.html | 13 ++++++++++---
 people/10947.html | 13 ++++++++++---
 people/10948.html | 13 ++++++++++---
 people/10949.html | 13 ++++++++++---
 people/1095.html  | 13 ++++++++++---
 people/10950.html | 13 ++++++++++---
 people/10951.html | 13 ++++++++++---
 people/10952.html | 13 ++++++++++---
 people/10953.html | 13 ++++++++++---
 people/10954.html | 13 ++++++++++---
 people/10955.html | 13 ++++++++++---
 people/10956.html | 13 ++++++++++---
 people/10957.html | 13 ++++++++++---
 people/10958.html | 13 ++++++++++---
 people/10959.html | 13 ++++++++++---
 people/1096.html  | 13 ++++++++++---
 people/10960.html | 13 ++++++++++---
 people/10961.html | 13 ++++++++++---
 people/10962.html | 13 ++++++++++---
 people/10963.html | 13 ++++++++++---
 people/10964.html | 13 ++++++++++---
 people/10965.html | 13 ++++++++++---
 people/10966.html | 13 ++++++++++---
 people/10967.html | 13 ++++++++++---
 people/10968.html | 13 ++++++++++---
 people/10969.html | 13 ++++++++++---
 people/1097.html  | 13 ++++++++++---
 people/10970.html | 13 ++++++++++---
 people/10971.html | 13 ++++++++++---
 people/10972.html | 13 ++++++++++---
 people/10973.html | 13 ++++++++++---
 people/10974.html | 13 ++++++++++---
 people/10975.html | 13 ++++++++++---
 people/10976.html | 13 ++++++++++---
 people/10977.html | 13 ++++++++++---
 people/10978.html | 13 ++++++++++---
 people/10979.html | 13 ++++++++++---
 people/1098.html  | 13 ++++++++++---
 people/10980.html | 13 ++++++++++---
 people/10981.html | 13 ++++++++++---
 people/10982.html | 13 ++++++++++---
 people/10983.html | 13 ++++++++++---
 people/10984.html | 13 ++++++++++---
 people/10985.html | 13 ++++++++++---
 people/10986.html | 13 ++++++++++---
 people/10987.html | 13 ++++++++++---
 people/10988.html | 13 ++++++++++---
 people/10989.html | 13 ++++++++++---
 people/1099.html  | 13 ++++++++++---
 people/10990.html | 13 ++++++++++---
 people/10991.html | 13 ++++++++++---
 people/10992.html | 13 ++++++++++---
 people/10993.html | 13 ++++++++++---
 people/10994.html | 13 ++++++++++---
 people/10995.html | 13 ++++++++++---
 people/10996.html | 13 ++++++++++---
 people/10997.html | 13 ++++++++++---
 people/10998.html | 13 ++++++++++---
 people/10999.html | 13 ++++++++++---
 people/11.html    | 13 ++++++++++---
 people/110.html   | 13 ++++++++++---
 people/1100.html  | 13 ++++++++++---
 people/11000.html | 13 ++++++++++---
 people/11001.html | 13 ++++++++++---
 people/11002.html | 13 ++++++++++---
 people/11003.html | 13 ++++++++++---
 people/11004.html | 13 ++++++++++---
 people/11005.html | 13 ++++++++++---
 people/11006.html | 13 ++++++++++---
 people/11007.html | 13 ++++++++++---
 people/11008.html | 13 ++++++++++---
 people/11009.html | 13 ++++++++++---
 people/1101.html  | 13 ++++++++++---
 people/11010.html | 13 ++++++++++---
 people/11011.html | 13 ++++++++++---
 people/11012.html | 13 ++++++++++---
 people/11013.html | 13 ++++++++++---
 people/11014.html | 13 ++++++++++---
 people/11015.html | 13 ++++++++++---
 people/11016.html | 13 ++++++++++---
 people/11017.html | 13 ++++++++++---
 people/11018.html | 13 ++++++++++---
 people/11019.html | 13 ++++++++++---
 people/1102.html  | 13 ++++++++++---
 people/11020.html | 13 ++++++++++---
 people/11021.html | 13 ++++++++++---
 people/11022.html | 13 ++++++++++---
 people/11023.html | 13 ++++++++++---
 people/11024.html | 13 ++++++++++---
 people/11025.html | 13 ++++++++++---
 people/11026.html | 13 ++++++++++---
 people/11027.html | 13 ++++++++++---
 people/11028.html | 13 ++++++++++---
 people/11029.html | 13 ++++++++++---
 people/1103.html  | 13 ++++++++++---
 people/11030.html | 13 ++++++++++---
 people/11031.html | 13 ++++++++++---
 people/11032.html | 13 ++++++++++---
 people/11033.html | 13 ++++++++++---
 people/11034.html | 13 ++++++++++---
 people/11035.html | 13 ++++++++++---
 people/11036.html | 13 ++++++++++---
 people/11037.html | 13 ++++++++++---
 people/11038.html | 13 ++++++++++---
 people/11039.html | 13 ++++++++++---
 people/1104.html  | 13 ++++++++++---
 people/11040.html | 13 ++++++++++---
 people/11041.html | 13 ++++++++++---
 people/11042.html | 13 ++++++++++---
 people/11043.html | 13 ++++++++++---
 people/11044.html | 13 ++++++++++---
 people/11045.html | 13 ++++++++++---
 people/11046.html | 13 ++++++++++---
 people/11047.html | 13 ++++++++++---
 people/11048.html | 13 ++++++++++---
 people/11049.html | 13 ++++++++++---
 people/1105.html  | 13 ++++++++++---
 people/11050.html | 13 ++++++++++---
 people/11051.html | 13 ++++++++++---
 people/11052.html | 13 ++++++++++---
 people/11053.html | 13 ++++++++++---
 people/11054.html | 13 ++++++++++---
 people/11055.html | 13 ++++++++++---
 people/11056.html | 13 ++++++++++---
 people/11057.html | 13 ++++++++++---
 people/11058.html | 13 ++++++++++---
 people/11059.html | 13 ++++++++++---
 people/1106.html  | 13 ++++++++++---
 people/11060.html | 13 ++++++++++---
 people/11061.html | 13 ++++++++++---
 people/11062.html | 13 ++++++++++---
 people/11063.html | 13 ++++++++++---
 people/11064.html | 13 ++++++++++---
 people/11065.html | 13 ++++++++++---
 people/11066.html | 13 ++++++++++---
 people/11067.html | 13 ++++++++++---
 people/11068.html | 13 ++++++++++---
 people/11069.html | 13 ++++++++++---
 people/1107.html  | 13 ++++++++++---
 people/11070.html | 13 ++++++++++---
 people/11071.html | 13 ++++++++++---
 people/11072.html | 13 ++++++++++---
 people/11073.html | 13 ++++++++++---
 people/11074.html | 13 ++++++++++---
 people/11075.html | 13 ++++++++++---
 people/11076.html | 13 ++++++++++---
 people/11077.html | 13 ++++++++++---
 people/11078.html | 13 ++++++++++---
 people/11079.html | 13 ++++++++++---
 people/1108.html  | 13 ++++++++++---
 people/11080.html | 13 ++++++++++---
 people/11081.html | 13 ++++++++++---
 people/11082.html | 13 ++++++++++---
 people/11083.html | 13 ++++++++++---
 people/11084.html | 13 ++++++++++---
 people/11085.html | 13 ++++++++++---
 people/11086.html | 13 ++++++++++---
 people/11087.html | 13 ++++++++++---
 people/11088.html | 13 ++++++++++---
 people/11089.html | 13 ++++++++++---
 people/1109.html  | 13 ++++++++++---
 people/11090.html | 13 ++++++++++---
 people/11091.html | 13 ++++++++++---
 people/11092.html | 13 ++++++++++---
 people/11093.html | 13 ++++++++++---
 people/11094.html | 13 ++++++++++---
 people/11095.html | 13 ++++++++++---
 people/11096.html | 13 ++++++++++---
 people/11097.html | 13 ++++++++++---
 people/11098.html | 13 ++++++++++---
 people/11099.html | 13 ++++++++++---
 people/111.html   | 13 ++++++++++---
 people/1110.html  | 13 ++++++++++---
 people/11100.html | 13 ++++++++++---
 people/11101.html | 13 ++++++++++---
 people/11102.html | 13 ++++++++++---
 people/11103.html | 13 ++++++++++---
 people/11104.html | 13 ++++++++++---
 people/11105.html | 13 ++++++++++---
 people/11106.html | 13 ++++++++++---
 people/11107.html | 13 ++++++++++---
 people/11108.html | 13 ++++++++++---
 people/11109.html | 13 ++++++++++---
 people/1111.html  | 13 ++++++++++---
 people/11110.html | 13 ++++++++++---
 people/11111.html | 13 ++++++++++---
 people/11112.html | 13 ++++++++++---
 people/11113.html | 13 ++++++++++---
 people/11114.html | 13 ++++++++++---
 people/11115.html | 13 ++++++++++---
 people/11116.html | 13 ++++++++++---
 people/11117.html | 13 ++++++++++---
 people/11118.html | 13 ++++++++++---
 people/11119.html | 13 ++++++++++---
 people/1112.html  | 13 ++++++++++---
 people/11120.html | 13 ++++++++++---
 people/11121.html | 13 ++++++++++---
 people/11122.html | 13 ++++++++++---
 people/11123.html | 13 ++++++++++---
 people/11124.html | 13 ++++++++++---
 people/11125.html | 13 ++++++++++---
 people/11126.html | 13 ++++++++++---
 people/11127.html | 13 ++++++++++---
 people/11128.html | 13 ++++++++++---
 people/11129.html | 13 ++++++++++---
 people/1113.html  | 13 ++++++++++---
 people/11130.html | 13 ++++++++++---
 people/11131.html | 13 ++++++++++---
 people/11132.html | 13 ++++++++++---
 people/11133.html | 13 ++++++++++---
 people/11134.html | 13 ++++++++++---
 people/11135.html | 13 ++++++++++---
 people/11136.html | 13 ++++++++++---
 people/11137.html | 13 ++++++++++---
 people/11138.html | 13 ++++++++++---
 people/11139.html | 13 ++++++++++---
 people/1114.html  | 13 ++++++++++---
 people/11140.html | 13 ++++++++++---
 people/11141.html | 13 ++++++++++---
 people/11142.html | 13 ++++++++++---
 people/11143.html | 13 ++++++++++---
 people/11144.html | 13 ++++++++++---
 people/11145.html | 13 ++++++++++---
 people/11146.html | 13 ++++++++++---
 people/11147.html | 13 ++++++++++---
 people/11148.html | 13 ++++++++++---
 people/11149.html | 13 ++++++++++---
 people/1115.html  | 13 ++++++++++---
 people/11150.html | 13 ++++++++++---
 people/11151.html | 13 ++++++++++---
 people/11152.html | 13 ++++++++++---
 people/11153.html | 13 ++++++++++---
 people/11154.html | 13 ++++++++++---
 people/11155.html | 13 ++++++++++---
 people/11156.html | 13 ++++++++++---
 people/11157.html | 13 ++++++++++---
 people/11158.html | 13 ++++++++++---
 people/11159.html | 13 ++++++++++---
 people/1116.html  | 13 ++++++++++---
 people/11160.html | 13 ++++++++++---
 people/11161.html | 13 ++++++++++---
 people/11162.html | 13 ++++++++++---
 people/11163.html | 13 ++++++++++---
 people/11164.html | 13 ++++++++++---
 people/11165.html | 13 ++++++++++---
 people/11166.html | 13 ++++++++++---
 people/11167.html | 13 ++++++++++---
 people/11168.html | 13 ++++++++++---
 people/11169.html | 13 ++++++++++---
 people/1117.html  | 13 ++++++++++---
 people/11170.html | 13 ++++++++++---
 people/11171.html | 13 ++++++++++---
 people/11172.html | 13 ++++++++++---
 people/11173.html | 13 ++++++++++---
 people/11174.html | 13 ++++++++++---
 people/11175.html | 13 ++++++++++---
 people/11176.html | 13 ++++++++++---
 people/11177.html | 13 ++++++++++---
 people/11178.html | 13 ++++++++++---
 people/11179.html | 13 ++++++++++---
 people/1118.html  | 13 ++++++++++---
 people/11180.html | 13 ++++++++++---
 people/11181.html | 13 ++++++++++---
 people/11182.html | 13 ++++++++++---
 people/11183.html | 13 ++++++++++---
 people/11184.html | 13 ++++++++++---
 people/11185.html | 13 ++++++++++---
 people/11186.html | 13 ++++++++++---
 people/11187.html | 13 ++++++++++---
 people/11188.html | 13 ++++++++++---
 people/11189.html | 13 ++++++++++---
 people/1119.html  | 13 ++++++++++---
 people/11190.html | 13 ++++++++++---
 people/11191.html | 13 ++++++++++---
 people/11192.html | 13 ++++++++++---
 people/11193.html | 13 ++++++++++---
 people/11194.html | 13 ++++++++++---
 people/11195.html | 13 ++++++++++---
 people/11196.html | 13 ++++++++++---
 people/11197.html | 13 ++++++++++---
 people/11198.html | 13 ++++++++++---
 people/11199.html | 13 ++++++++++---
 people/112.html   | 13 ++++++++++---
 people/1120.html  | 13 ++++++++++---
 people/11200.html | 13 ++++++++++---
 people/11201.html | 13 ++++++++++---
 people/11202.html | 13 ++++++++++---
 people/11203.html | 13 ++++++++++---
 people/11204.html | 13 ++++++++++---
 people/11205.html | 13 ++++++++++---
 people/11206.html | 13 ++++++++++---
 people/11207.html | 13 ++++++++++---
 people/11208.html | 13 ++++++++++---
 people/11209.html | 13 ++++++++++---
 people/1121.html  | 13 ++++++++++---
 people/11210.html | 13 ++++++++++---
 people/11211.html | 13 ++++++++++---
 people/11212.html | 13 ++++++++++---
 people/11213.html | 13 ++++++++++---
 people/11214.html | 13 ++++++++++---
 people/11215.html | 13 ++++++++++---
 people/11216.html | 13 ++++++++++---
 people/11217.html | 13 ++++++++++---
 people/11218.html | 13 ++++++++++---
 people/11219.html | 13 ++++++++++---
 people/1122.html  | 13 ++++++++++---
 people/11220.html | 13 ++++++++++---
 people/11221.html | 13 ++++++++++---
 people/11222.html | 13 ++++++++++---
 people/11223.html | 13 ++++++++++---
 people/11224.html | 13 ++++++++++---
 people/11225.html | 13 ++++++++++---
 people/11226.html | 13 ++++++++++---
 people/11227.html | 13 ++++++++++---
 people/11228.html | 13 ++++++++++---
 people/11229.html | 13 ++++++++++---
 people/1123.html  | 13 ++++++++++---
 people/11230.html | 13 ++++++++++---
 people/11231.html | 13 ++++++++++---
 people/11232.html | 13 ++++++++++---
 people/11233.html | 13 ++++++++++---
 people/11234.html | 13 ++++++++++---
 people/11235.html | 13 ++++++++++---
 people/11236.html | 13 ++++++++++---
 people/11237.html | 13 ++++++++++---
 people/11238.html | 13 ++++++++++---
 people/11239.html | 13 ++++++++++---
 people/1124.html  | 13 ++++++++++---
 people/11240.html | 13 ++++++++++---
 people/11241.html | 13 ++++++++++---
 people/11242.html | 13 ++++++++++---
 people/11243.html | 13 ++++++++++---
 people/11244.html | 13 ++++++++++---
 people/11245.html | 13 ++++++++++---
 people/11246.html | 13 ++++++++++---
 people/11247.html | 13 ++++++++++---
 people/11248.html | 13 ++++++++++---
 people/11249.html | 13 ++++++++++---
 people/1125.html  | 13 ++++++++++---
 people/11250.html | 13 ++++++++++---
 people/11251.html | 13 ++++++++++---
 people/11252.html | 13 ++++++++++---
 people/11253.html | 13 ++++++++++---
 people/11254.html | 13 ++++++++++---
 people/11255.html | 13 ++++++++++---
 people/11256.html | 13 ++++++++++---
 people/11257.html | 13 ++++++++++---
 people/11258.html | 13 ++++++++++---
 people/11259.html | 13 ++++++++++---
 people/1126.html  | 13 ++++++++++---
 people/11260.html | 13 ++++++++++---
 people/11261.html | 13 ++++++++++---
 people/11262.html | 13 ++++++++++---
 people/11263.html | 13 ++++++++++---
 people/11264.html | 13 ++++++++++---
 people/11265.html | 13 ++++++++++---
 people/11266.html | 13 ++++++++++---
 people/11267.html | 13 ++++++++++---
 people/11268.html | 13 ++++++++++---
 people/11269.html | 13 ++++++++++---
 people/1127.html  | 13 ++++++++++---
 people/11270.html | 13 ++++++++++---
 people/11271.html | 13 ++++++++++---
 people/11272.html | 13 ++++++++++---
 people/11273.html | 13 ++++++++++---
 people/11274.html | 13 ++++++++++---
 people/11275.html | 13 ++++++++++---
 people/11276.html | 13 ++++++++++---
 people/11277.html | 13 ++++++++++---
 people/11278.html | 13 ++++++++++---
 people/11279.html | 13 ++++++++++---
 people/1128.html  | 13 ++++++++++---
 people/11280.html | 13 ++++++++++---
 people/11281.html | 13 ++++++++++---
 people/11282.html | 13 ++++++++++---
 people/11283.html | 13 ++++++++++---
 people/11284.html | 13 ++++++++++---
 people/11285.html | 13 ++++++++++---
 people/11286.html | 13 ++++++++++---
 people/11287.html | 13 ++++++++++---
 people/11288.html | 13 ++++++++++---
 people/11289.html | 13 ++++++++++---
 people/1129.html  | 13 ++++++++++---
 people/11290.html | 13 ++++++++++---
 people/11291.html | 13 ++++++++++---
 people/11292.html | 13 ++++++++++---
 people/11293.html | 13 ++++++++++---
 people/11294.html | 13 ++++++++++---
 people/11295.html | 13 ++++++++++---
 people/11296.html | 13 ++++++++++---
 people/11297.html | 13 ++++++++++---
 people/11298.html | 13 ++++++++++---
 people/11299.html | 13 ++++++++++---
 people/113.html   | 13 ++++++++++---
 people/1130.html  | 13 ++++++++++---
 people/11300.html | 13 ++++++++++---
 people/11301.html | 13 ++++++++++---
 people/11302.html | 13 ++++++++++---
 people/11303.html | 13 ++++++++++---
 people/11304.html | 13 ++++++++++---
 people/11305.html | 13 ++++++++++---
 people/11306.html | 13 ++++++++++---
 people/11307.html | 13 ++++++++++---
 people/11308.html | 13 ++++++++++---
 people/11309.html | 13 ++++++++++---
 people/1131.html  | 13 ++++++++++---
 people/11310.html | 13 ++++++++++---
 people/11311.html | 13 ++++++++++---
 people/11312.html | 13 ++++++++++---
 people/11313.html | 13 ++++++++++---
 people/11314.html | 13 ++++++++++---
 people/11315.html | 13 ++++++++++---
 people/11316.html | 13 ++++++++++---
 people/11317.html | 13 ++++++++++---
 people/11318.html | 13 ++++++++++---
 people/11319.html | 13 ++++++++++---
 people/1132.html  | 13 ++++++++++---
 people/11320.html | 13 ++++++++++---
 people/11321.html | 13 ++++++++++---
 people/11322.html | 13 ++++++++++---
 people/11323.html | 13 ++++++++++---
 people/11324.html | 13 ++++++++++---
 people/11325.html | 13 ++++++++++---
 people/11326.html | 13 ++++++++++---
 people/11327.html | 13 ++++++++++---
 people/11328.html | 13 ++++++++++---
 people/11329.html | 13 ++++++++++---
 people/1133.html  | 13 ++++++++++---
 people/11330.html | 13 ++++++++++---
 people/11331.html | 13 ++++++++++---
 people/11332.html | 13 ++++++++++---
 people/11333.html | 13 ++++++++++---
 people/11334.html | 13 ++++++++++---
 people/11335.html | 13 ++++++++++---
 people/11336.html | 13 ++++++++++---
 people/11337.html | 13 ++++++++++---
 people/11338.html | 13 ++++++++++---
 people/11339.html | 13 ++++++++++---
 people/1134.html  | 13 ++++++++++---
 people/11340.html | 13 ++++++++++---
 people/11341.html | 13 ++++++++++---
 people/11342.html | 13 ++++++++++---
 people/11343.html | 13 ++++++++++---
 people/11344.html | 13 ++++++++++---
 people/11345.html | 13 ++++++++++---
 people/11346.html | 13 ++++++++++---
 people/11347.html | 13 ++++++++++---
 people/11348.html | 13 ++++++++++---
 people/11349.html | 13 ++++++++++---
 people/1135.html  | 13 ++++++++++---
 people/11350.html | 13 ++++++++++---
 people/11351.html | 13 ++++++++++---
 people/11352.html | 13 ++++++++++---
 people/11353.html | 13 ++++++++++---
 people/11354.html | 13 ++++++++++---
 people/11355.html | 13 ++++++++++---
 people/11356.html | 13 ++++++++++---
 people/11357.html | 13 ++++++++++---
 people/11358.html | 13 ++++++++++---
 people/11359.html | 13 ++++++++++---
 people/1136.html  | 13 ++++++++++---
 people/11360.html | 13 ++++++++++---
 people/11361.html | 13 ++++++++++---
 people/11362.html | 13 ++++++++++---
 people/11363.html | 13 ++++++++++---
 people/11364.html | 13 ++++++++++---
 people/11365.html | 13 ++++++++++---
 people/11366.html | 13 ++++++++++---
 people/11367.html | 13 ++++++++++---
 people/11368.html | 13 ++++++++++---
 people/11369.html | 13 ++++++++++---
 people/1137.html  | 13 ++++++++++---
 people/11370.html | 13 ++++++++++---
 people/11371.html | 13 ++++++++++---
 people/11372.html | 13 ++++++++++---
 people/11373.html | 13 ++++++++++---
 people/11374.html | 13 ++++++++++---
 people/11375.html | 13 ++++++++++---
 people/11376.html | 13 ++++++++++---
 people/11377.html | 13 ++++++++++---
 people/11378.html | 13 ++++++++++---
 people/11379.html | 13 ++++++++++---
 people/1138.html  | 13 ++++++++++---
 people/11380.html | 13 ++++++++++---
 people/11381.html | 13 ++++++++++---
 people/11382.html | 13 ++++++++++---
 people/11383.html | 13 ++++++++++---
 people/11384.html | 13 ++++++++++---
 people/11385.html | 13 ++++++++++---
 people/11386.html | 13 ++++++++++---
 people/11387.html | 13 ++++++++++---
 people/11388.html | 13 ++++++++++---
 people/11389.html | 13 ++++++++++---
 people/1139.html  | 13 ++++++++++---
 people/11390.html | 13 ++++++++++---
 people/11391.html | 13 ++++++++++---
 people/11392.html | 13 ++++++++++---
 people/11393.html | 13 ++++++++++---
 people/11394.html | 13 ++++++++++---
 people/11395.html | 13 ++++++++++---
 people/11396.html | 13 ++++++++++---
 people/11397.html | 13 ++++++++++---
 people/11398.html | 13 ++++++++++---
 people/11399.html | 13 ++++++++++---
 people/114.html   | 13 ++++++++++---
 people/1140.html  | 13 ++++++++++---
 people/11400.html | 13 ++++++++++---
 people/11401.html | 13 ++++++++++---
 people/11402.html | 13 ++++++++++---
 people/11403.html | 13 ++++++++++---
 people/11404.html | 13 ++++++++++---
 people/11405.html | 13 ++++++++++---
 people/11406.html | 13 ++++++++++---
 people/11407.html | 13 ++++++++++---
 people/11408.html | 13 ++++++++++---
 people/11409.html | 13 ++++++++++---
 people/1141.html  | 13 ++++++++++---
 people/11410.html | 13 ++++++++++---
 people/11411.html | 13 ++++++++++---
 people/11412.html | 13 ++++++++++---
 people/11413.html | 13 ++++++++++---
 people/11414.html | 13 ++++++++++---
 people/11415.html | 13 ++++++++++---
 people/11416.html | 13 ++++++++++---
 people/11417.html | 13 ++++++++++---
 people/11418.html | 13 ++++++++++---
 people/11419.html | 13 ++++++++++---
 people/1142.html  | 13 ++++++++++---
 people/11420.html | 13 ++++++++++---
 people/11421.html | 13 ++++++++++---
 people/11422.html | 13 ++++++++++---
 people/11423.html | 13 ++++++++++---
 people/11424.html | 13 ++++++++++---
 people/11425.html | 13 ++++++++++---
 people/11426.html | 13 ++++++++++---
 people/11427.html | 13 ++++++++++---
 people/11428.html | 13 ++++++++++---
 people/11429.html | 13 ++++++++++---
 people/1143.html  | 13 ++++++++++---
 people/11430.html | 13 ++++++++++---
 people/11431.html | 13 ++++++++++---
 people/11432.html | 13 ++++++++++---
 people/11433.html | 13 ++++++++++---
 people/11434.html | 13 ++++++++++---
 people/11435.html | 13 ++++++++++---
 people/11436.html | 13 ++++++++++---
 people/11437.html | 13 ++++++++++---
 people/11438.html | 13 ++++++++++---
 people/11439.html | 13 ++++++++++---
 people/1144.html  | 13 ++++++++++---
 people/11440.html | 13 ++++++++++---
 people/11441.html | 13 ++++++++++---
 people/11442.html | 13 ++++++++++---
 people/11443.html | 13 ++++++++++---
 people/11444.html | 13 ++++++++++---
 people/11445.html | 13 ++++++++++---
 people/11446.html | 13 ++++++++++---
 people/11447.html | 13 ++++++++++---
 people/11448.html | 13 ++++++++++---
 people/11449.html | 13 ++++++++++---
 people/1145.html  | 13 ++++++++++---
 people/11450.html | 13 ++++++++++---
 people/11451.html | 13 ++++++++++---
 people/11452.html | 13 ++++++++++---
 people/11453.html | 13 ++++++++++---
 people/11454.html | 13 ++++++++++---
 people/11455.html | 13 ++++++++++---
 people/11456.html | 13 ++++++++++---
 people/11457.html | 13 ++++++++++---
 people/11458.html | 13 ++++++++++---
 people/11459.html | 13 ++++++++++---
 people/1146.html  | 13 ++++++++++---
 people/11460.html | 13 ++++++++++---
 people/11461.html | 13 ++++++++++---
 people/11462.html | 13 ++++++++++---
 people/11463.html | 13 ++++++++++---
 people/11464.html | 13 ++++++++++---
 people/11465.html | 13 ++++++++++---
 people/11466.html | 13 ++++++++++---
 people/11467.html | 13 ++++++++++---
 people/11468.html | 13 ++++++++++---
 people/11469.html | 13 ++++++++++---
 people/1147.html  | 13 ++++++++++---
 people/11470.html | 13 ++++++++++---
 people/11471.html | 13 ++++++++++---
 people/11472.html | 13 ++++++++++---
 people/11473.html | 13 ++++++++++---
 people/11474.html | 13 ++++++++++---
 people/11475.html | 13 ++++++++++---
 people/11476.html | 13 ++++++++++---
 people/11477.html | 13 ++++++++++---
 people/11478.html | 13 ++++++++++---
 people/11479.html | 13 ++++++++++---
 people/1148.html  | 13 ++++++++++---
 people/11480.html | 13 ++++++++++---
 people/11481.html | 13 ++++++++++---
 people/11482.html | 13 ++++++++++---
 people/11483.html | 13 ++++++++++---
 people/11484.html | 13 ++++++++++---
 people/11485.html | 13 ++++++++++---
 people/11486.html | 13 ++++++++++---
 people/11487.html | 13 ++++++++++---
 people/11488.html | 13 ++++++++++---
 people/11489.html | 13 ++++++++++---
 people/1149.html  | 13 ++++++++++---
 people/11490.html | 13 ++++++++++---
 people/11491.html | 13 ++++++++++---
 people/11492.html | 13 ++++++++++---
 people/11493.html | 13 ++++++++++---
 people/11494.html | 13 ++++++++++---
 people/11495.html | 13 ++++++++++---
 people/11496.html | 13 ++++++++++---
 people/11497.html | 13 ++++++++++---
 people/11498.html | 13 ++++++++++---
 people/11499.html | 13 ++++++++++---
 people/115.html   | 13 ++++++++++---
 people/1150.html  | 13 ++++++++++---
 people/11500.html | 13 ++++++++++---
 people/11501.html | 13 ++++++++++---
 people/11502.html | 13 ++++++++++---
 people/11503.html | 13 ++++++++++---
 people/11504.html | 13 ++++++++++---
 people/11505.html | 13 ++++++++++---
 people/11506.html | 13 ++++++++++---
 people/11507.html | 13 ++++++++++---
 people/11508.html | 13 ++++++++++---
 people/11509.html | 13 ++++++++++---
 people/1151.html  | 13 ++++++++++---
 people/11510.html | 13 ++++++++++---
 people/11511.html | 13 ++++++++++---
 people/11512.html | 13 ++++++++++---
 people/11513.html | 13 ++++++++++---
 people/11514.html | 13 ++++++++++---
 people/11515.html | 13 ++++++++++---
 people/11516.html | 13 ++++++++++---
 people/11517.html | 13 ++++++++++---
 people/11518.html | 13 ++++++++++---
 people/11519.html | 13 ++++++++++---
 people/1152.html  | 13 ++++++++++---
 people/11520.html | 13 ++++++++++---
 people/11521.html | 13 ++++++++++---
 people/11522.html | 13 ++++++++++---
 people/11523.html | 13 ++++++++++---
 people/11524.html | 13 ++++++++++---
 people/11525.html | 13 ++++++++++---
 people/11526.html | 13 ++++++++++---
 people/11527.html | 13 ++++++++++---
 people/11528.html | 13 ++++++++++---
 people/11529.html | 13 ++++++++++---
 people/1153.html  | 13 ++++++++++---
 people/11530.html | 13 ++++++++++---
 people/11531.html | 13 ++++++++++---
 people/11532.html | 13 ++++++++++---
 people/11533.html | 13 ++++++++++---
 people/11534.html | 13 ++++++++++---
 people/11535.html | 13 ++++++++++---
 people/11536.html | 13 ++++++++++---
 people/11537.html | 13 ++++++++++---
 people/11538.html | 13 ++++++++++---
 people/11539.html | 13 ++++++++++---
 people/1154.html  | 13 ++++++++++---
 people/11540.html | 13 ++++++++++---
 people/11541.html | 13 ++++++++++---
 people/11542.html | 13 ++++++++++---
 people/11543.html | 13 ++++++++++---
 people/11544.html | 13 ++++++++++---
 people/11545.html | 13 ++++++++++---
 people/11546.html | 13 ++++++++++---
 people/11547.html | 13 ++++++++++---
 people/11548.html | 13 ++++++++++---
 people/11549.html | 13 ++++++++++---
 people/1155.html  | 13 ++++++++++---
 people/11550.html | 13 ++++++++++---
 people/11551.html | 13 ++++++++++---
 people/11552.html | 13 ++++++++++---
 people/11553.html | 13 ++++++++++---
 people/11554.html | 13 ++++++++++---
 people/11555.html | 13 ++++++++++---
 people/11556.html | 13 ++++++++++---
 people/11557.html | 13 ++++++++++---
 people/11558.html | 13 ++++++++++---
 people/11559.html | 13 ++++++++++---
 people/1156.html  | 13 ++++++++++---
 people/11560.html | 13 ++++++++++---
 people/11561.html | 13 ++++++++++---
 people/11562.html | 13 ++++++++++---
 people/11563.html | 13 ++++++++++---
 people/11564.html | 13 ++++++++++---
 people/11565.html | 13 ++++++++++---
 people/11566.html | 13 ++++++++++---
 people/11567.html | 13 ++++++++++---
 people/11568.html | 13 ++++++++++---
 people/11569.html | 13 ++++++++++---
 people/1157.html  | 13 ++++++++++---
 people/11570.html | 13 ++++++++++---
 people/11571.html | 13 ++++++++++---
 people/11572.html | 13 ++++++++++---
 people/11573.html | 13 ++++++++++---
 people/11574.html | 13 ++++++++++---
 people/11575.html | 13 ++++++++++---
 people/11576.html | 13 ++++++++++---
 people/11577.html | 13 ++++++++++---
 people/11578.html | 13 ++++++++++---
 people/11579.html | 13 ++++++++++---
 people/1158.html  | 13 ++++++++++---
 people/11580.html | 13 ++++++++++---
 people/11581.html | 13 ++++++++++---
 people/11582.html | 13 ++++++++++---
 people/11583.html | 13 ++++++++++---
 people/11584.html | 13 ++++++++++---
 people/11585.html | 13 ++++++++++---
 people/11586.html | 13 ++++++++++---
 people/11587.html | 13 ++++++++++---
 people/11588.html | 13 ++++++++++---
 people/11589.html | 13 ++++++++++---
 people/1159.html  | 13 ++++++++++---
 people/11590.html | 13 ++++++++++---
 people/11591.html | 13 ++++++++++---
 people/11592.html | 13 ++++++++++---
 people/11593.html | 13 ++++++++++---
 people/11594.html | 13 ++++++++++---
 people/11595.html | 13 ++++++++++---
 people/11596.html | 13 ++++++++++---
 people/11597.html | 13 ++++++++++---
 people/11598.html | 13 ++++++++++---
 people/11599.html | 13 ++++++++++---
 people/116.html   | 13 ++++++++++---
 people/1160.html  | 13 ++++++++++---
 people/11600.html | 13 ++++++++++---
 people/11601.html | 13 ++++++++++---
 people/11602.html | 13 ++++++++++---
 people/11603.html | 13 ++++++++++---
 people/11604.html | 13 ++++++++++---
 people/11605.html | 13 ++++++++++---
 people/11606.html | 13 ++++++++++---
 people/11607.html | 13 ++++++++++---
 people/11608.html | 13 ++++++++++---
 people/11609.html | 13 ++++++++++---
 people/1161.html  | 13 ++++++++++---
 people/11610.html | 13 ++++++++++---
 people/11611.html | 13 ++++++++++---
 people/11612.html | 13 ++++++++++---
 people/11613.html | 13 ++++++++++---
 people/11614.html | 13 ++++++++++---
 people/11615.html | 13 ++++++++++---
 people/11616.html | 13 ++++++++++---
 people/11617.html | 13 ++++++++++---
 people/11618.html | 13 ++++++++++---
 people/11619.html | 13 ++++++++++---
 people/1162.html  | 13 ++++++++++---
 people/11620.html | 13 ++++++++++---
 people/11621.html | 13 ++++++++++---
 people/11622.html | 13 ++++++++++---
 people/11623.html | 13 ++++++++++---
 people/11624.html | 13 ++++++++++---
 people/11625.html | 13 ++++++++++---
 people/11626.html | 13 ++++++++++---
 people/11627.html | 13 ++++++++++---
 people/11628.html | 13 ++++++++++---
 people/11629.html | 13 ++++++++++---
 people/1163.html  | 13 ++++++++++---
 people/11630.html | 13 ++++++++++---
 people/11631.html | 13 ++++++++++---
 people/11632.html | 13 ++++++++++---
 people/11633.html | 13 ++++++++++---
 people/11634.html | 13 ++++++++++---
 people/11635.html | 13 ++++++++++---
 people/11636.html | 13 ++++++++++---
 people/11637.html | 13 ++++++++++---
 people/11638.html | 13 ++++++++++---
 people/11639.html | 13 ++++++++++---
 people/1164.html  | 13 ++++++++++---
 people/11640.html | 13 ++++++++++---
 people/11641.html | 13 ++++++++++---
 people/11642.html | 13 ++++++++++---
 people/11643.html | 13 ++++++++++---
 people/11644.html | 13 ++++++++++---
 people/11645.html | 13 ++++++++++---
 people/11646.html | 13 ++++++++++---
 people/11647.html | 13 ++++++++++---
 people/11648.html | 13 ++++++++++---
 people/11649.html | 13 ++++++++++---
 people/1165.html  | 13 ++++++++++---
 people/11650.html | 13 ++++++++++---
 people/11651.html | 13 ++++++++++---
 people/11652.html | 13 ++++++++++---
 people/11653.html | 13 ++++++++++---
 people/11654.html | 13 ++++++++++---
 people/11655.html | 13 ++++++++++---
 people/11656.html | 13 ++++++++++---
 people/11657.html | 13 ++++++++++---
 people/11658.html | 13 ++++++++++---
 people/11659.html | 13 ++++++++++---
 people/1166.html  | 13 ++++++++++---
 people/11660.html | 13 ++++++++++---
 people/11661.html | 13 ++++++++++---
 people/11662.html | 13 ++++++++++---
 people/11663.html | 13 ++++++++++---
 people/11664.html | 13 ++++++++++---
 people/11665.html | 13 ++++++++++---
 people/11666.html | 13 ++++++++++---
 people/11667.html | 13 ++++++++++---
 people/11668.html | 13 ++++++++++---
 people/11669.html | 13 ++++++++++---
 people/1167.html  | 13 ++++++++++---
 people/11670.html | 13 ++++++++++---
 people/11671.html | 13 ++++++++++---
 people/11672.html | 13 ++++++++++---
 people/11673.html | 13 ++++++++++---
 people/11674.html | 13 ++++++++++---
 people/11675.html | 13 ++++++++++---
 people/11676.html | 13 ++++++++++---
 people/11677.html | 13 ++++++++++---
 people/11678.html | 13 ++++++++++---
 people/11679.html | 13 ++++++++++---
 people/1168.html  | 13 ++++++++++---
 people/11680.html | 13 ++++++++++---
 people/11681.html | 13 ++++++++++---
 people/11682.html | 13 ++++++++++---
 people/11683.html | 13 ++++++++++---
 people/11684.html | 13 ++++++++++---
 people/11685.html | 13 ++++++++++---
 people/11686.html | 13 ++++++++++---
 people/11687.html | 13 ++++++++++---
 people/11688.html | 13 ++++++++++---
 people/11689.html | 13 ++++++++++---
 people/1169.html  | 13 ++++++++++---
 people/11690.html | 13 ++++++++++---
 people/11691.html | 13 ++++++++++---
 people/11692.html | 13 ++++++++++---
 people/11693.html | 13 ++++++++++---
 people/11694.html | 13 ++++++++++---
 people/11695.html | 13 ++++++++++---
 people/11696.html | 13 ++++++++++---
 people/11697.html | 13 ++++++++++---
 people/11698.html | 13 ++++++++++---
 people/11699.html | 13 ++++++++++---
 people/117.html   | 13 ++++++++++---
 people/1170.html  | 13 ++++++++++---
 people/11700.html | 13 ++++++++++---
 people/11701.html | 13 ++++++++++---
 people/11702.html | 13 ++++++++++---
 people/11703.html | 13 ++++++++++---
 people/11704.html | 13 ++++++++++---
 people/11705.html | 13 ++++++++++---
 people/11706.html | 13 ++++++++++---
 people/11707.html | 13 ++++++++++---
 people/11708.html | 13 ++++++++++---
 people/11709.html | 13 ++++++++++---
 people/1171.html  | 13 ++++++++++---
 people/11710.html | 13 ++++++++++---
 people/11711.html | 13 ++++++++++---
 people/11712.html | 13 ++++++++++---
 people/11713.html | 13 ++++++++++---
 people/11714.html | 13 ++++++++++---
 people/11715.html | 13 ++++++++++---
 people/11716.html | 13 ++++++++++---
 people/11717.html | 13 ++++++++++---
 people/11718.html | 13 ++++++++++---
 people/11719.html | 13 ++++++++++---
 people/1172.html  | 13 ++++++++++---
 people/11720.html | 13 ++++++++++---
 people/11721.html | 13 ++++++++++---
 people/11722.html | 13 ++++++++++---
 people/11723.html | 13 ++++++++++---
 people/11724.html | 13 ++++++++++---
 people/11725.html | 13 ++++++++++---
 people/11726.html | 13 ++++++++++---
 people/11727.html | 13 ++++++++++---
 people/11728.html | 13 ++++++++++---
 people/11729.html | 13 ++++++++++---
 people/1173.html  | 13 ++++++++++---
 people/11730.html | 13 ++++++++++---
 people/11731.html | 13 ++++++++++---
 people/11732.html | 13 ++++++++++---
 people/11733.html | 13 ++++++++++---
 people/11734.html | 13 ++++++++++---
 people/11735.html | 13 ++++++++++---
 people/11736.html | 13 ++++++++++---
 people/11737.html | 13 ++++++++++---
 people/11738.html | 13 ++++++++++---
 people/11739.html | 13 ++++++++++---
 people/1174.html  | 13 ++++++++++---
 people/11740.html | 13 ++++++++++---
 people/11741.html | 13 ++++++++++---
 people/11742.html | 13 ++++++++++---
 people/11743.html | 13 ++++++++++---
 people/11744.html | 13 ++++++++++---
 people/11745.html | 13 ++++++++++---
 people/11746.html | 13 ++++++++++---
 people/11747.html | 13 ++++++++++---
 people/11748.html | 13 ++++++++++---
 people/11749.html | 13 ++++++++++---
 people/1175.html  | 13 ++++++++++---
 people/11750.html | 13 ++++++++++---
 people/11751.html | 13 ++++++++++---
 people/11752.html | 13 ++++++++++---
 people/11753.html | 13 ++++++++++---
 people/11754.html | 13 ++++++++++---
 people/11755.html | 13 ++++++++++---
 people/11756.html | 13 ++++++++++---
 people/11757.html | 13 ++++++++++---
 people/11758.html | 13 ++++++++++---
 people/11759.html | 13 ++++++++++---
 people/1176.html  | 13 ++++++++++---
 people/11760.html | 13 ++++++++++---
 people/11761.html | 13 ++++++++++---
 people/11762.html | 13 ++++++++++---
 people/11763.html | 13 ++++++++++---
 people/11764.html | 13 ++++++++++---
 people/11765.html | 13 ++++++++++---
 people/11766.html | 13 ++++++++++---
 people/11767.html | 13 ++++++++++---
 people/11768.html | 13 ++++++++++---
 people/11769.html | 13 ++++++++++---
 people/1177.html  | 13 ++++++++++---
 people/11770.html | 13 ++++++++++---
 people/11771.html | 13 ++++++++++---
 people/11772.html | 13 ++++++++++---
 people/11773.html | 13 ++++++++++---
 people/11774.html | 13 ++++++++++---
 people/11775.html | 13 ++++++++++---
 people/11776.html | 13 ++++++++++---
 people/11777.html | 13 ++++++++++---
 people/11778.html | 13 ++++++++++---
 people/11779.html | 13 ++++++++++---
 people/1178.html  | 13 ++++++++++---
 people/11780.html | 13 ++++++++++---
 people/11781.html | 13 ++++++++++---
 people/11782.html | 13 ++++++++++---
 people/11783.html | 13 ++++++++++---
 people/11784.html | 13 ++++++++++---
 people/11785.html | 13 ++++++++++---
 people/11786.html | 13 ++++++++++---
 people/11787.html | 13 ++++++++++---
 people/11788.html | 13 ++++++++++---
 people/11789.html | 13 ++++++++++---
 people/1179.html  | 13 ++++++++++---
 people/11790.html | 13 ++++++++++---
 people/11791.html | 13 ++++++++++---
 people/11792.html | 13 ++++++++++---
 people/11793.html | 13 ++++++++++---
 people/11794.html | 13 ++++++++++---
 people/11795.html | 13 ++++++++++---
 people/11796.html | 13 ++++++++++---
 people/11797.html | 13 ++++++++++---
 people/11798.html | 13 ++++++++++---
 people/11799.html | 13 ++++++++++---
 people/118.html   | 13 ++++++++++---
 people/1180.html  | 13 ++++++++++---
 people/11800.html | 13 ++++++++++---
 people/11801.html | 13 ++++++++++---
 people/11802.html | 13 ++++++++++---
 people/11803.html | 13 ++++++++++---
 people/11804.html | 13 ++++++++++---
 people/11805.html | 13 ++++++++++---
 people/11806.html | 13 ++++++++++---
 people/11807.html | 13 ++++++++++---
 people/11808.html | 13 ++++++++++---
 people/11809.html | 13 ++++++++++---
 people/1181.html  | 13 ++++++++++---
 people/11810.html | 13 ++++++++++---
 people/11811.html | 13 ++++++++++---
 people/11812.html | 13 ++++++++++---
 people/11813.html | 13 ++++++++++---
 people/11814.html | 13 ++++++++++---
 people/11815.html | 13 ++++++++++---
 people/11816.html | 13 ++++++++++---
 people/11817.html | 13 ++++++++++---
 people/11818.html | 13 ++++++++++---
 people/11819.html | 13 ++++++++++---
 people/1182.html  | 13 ++++++++++---
 people/11820.html | 13 ++++++++++---
 people/11821.html | 13 ++++++++++---
 people/11822.html | 13 ++++++++++---
 people/11823.html | 13 ++++++++++---
 people/11824.html | 13 ++++++++++---
 people/11825.html | 13 ++++++++++---
 people/11826.html | 13 ++++++++++---
 people/11827.html | 13 ++++++++++---
 people/11828.html | 13 ++++++++++---
 people/11829.html | 13 ++++++++++---
 people/1183.html  | 13 ++++++++++---
 people/11830.html | 13 ++++++++++---
 people/11831.html | 13 ++++++++++---
 people/11832.html | 13 ++++++++++---
 people/11833.html | 13 ++++++++++---
 people/11834.html | 13 ++++++++++---
 people/11835.html | 13 ++++++++++---
 people/11836.html | 13 ++++++++++---
 people/11837.html | 13 ++++++++++---
 people/11838.html | 13 ++++++++++---
 people/11839.html | 13 ++++++++++---
 people/1184.html  | 13 ++++++++++---
 people/11840.html | 13 ++++++++++---
 people/11841.html | 13 ++++++++++---
 people/11842.html | 13 ++++++++++---
 people/11843.html | 13 ++++++++++---
 people/11844.html | 13 ++++++++++---
 people/11845.html | 13 ++++++++++---
 people/11846.html | 13 ++++++++++---
 people/11847.html | 13 ++++++++++---
 people/11848.html | 13 ++++++++++---
 people/11849.html | 13 ++++++++++---
 people/1185.html  | 13 ++++++++++---
 people/11850.html | 13 ++++++++++---
 people/11851.html | 13 ++++++++++---
 people/11852.html | 13 ++++++++++---
 people/11853.html | 13 ++++++++++---
 people/11854.html | 13 ++++++++++---
 people/11855.html | 13 ++++++++++---
 people/11856.html | 13 ++++++++++---
 people/11857.html | 13 ++++++++++---
 people/11858.html | 13 ++++++++++---
 people/11859.html | 13 ++++++++++---
 people/1186.html  | 13 ++++++++++---
 people/11860.html | 13 ++++++++++---
 people/11861.html | 13 ++++++++++---
 people/11862.html | 13 ++++++++++---
 people/11863.html | 13 ++++++++++---
 people/11864.html | 13 ++++++++++---
 people/11865.html | 13 ++++++++++---
 people/11866.html | 13 ++++++++++---
 people/11867.html | 13 ++++++++++---
 people/11868.html | 13 ++++++++++---
 people/11869.html | 13 ++++++++++---
 people/1187.html  | 13 ++++++++++---
 people/11870.html | 13 ++++++++++---
 people/11871.html | 13 ++++++++++---
 people/11872.html | 13 ++++++++++---
 people/11873.html | 13 ++++++++++---
 people/11874.html | 13 ++++++++++---
 people/11875.html | 13 ++++++++++---
 people/11876.html | 13 ++++++++++---
 people/11877.html | 13 ++++++++++---
 people/11878.html | 13 ++++++++++---
 people/11879.html | 13 ++++++++++---
 people/1188.html  | 13 ++++++++++---
 people/11880.html | 13 ++++++++++---
 people/11881.html | 13 ++++++++++---
 people/11882.html | 13 ++++++++++---
 people/11883.html | 13 ++++++++++---
 people/11884.html | 13 ++++++++++---
 people/11885.html | 13 ++++++++++---
 people/11886.html | 13 ++++++++++---
 people/11887.html | 13 ++++++++++---
 people/11888.html | 13 ++++++++++---
 people/11889.html | 13 ++++++++++---
 people/1189.html  | 13 ++++++++++---
 people/11890.html | 13 ++++++++++---
 people/11891.html | 13 ++++++++++---
 people/11892.html | 13 ++++++++++---
 people/11893.html | 13 ++++++++++---
 people/11894.html | 13 ++++++++++---
 people/11895.html | 13 ++++++++++---
 people/11896.html | 13 ++++++++++---
 people/11897.html | 13 ++++++++++---
 people/11898.html | 13 ++++++++++---
 people/11899.html | 13 ++++++++++---
 people/119.html   | 13 ++++++++++---
 people/1190.html  | 13 ++++++++++---
 people/11900.html | 13 ++++++++++---
 people/11901.html | 13 ++++++++++---
 people/11902.html | 13 ++++++++++---
 people/11903.html | 13 ++++++++++---
 people/11904.html | 13 ++++++++++---
 people/11905.html | 13 ++++++++++---
 people/11906.html | 13 ++++++++++---
 people/11907.html | 13 ++++++++++---
 people/11908.html | 13 ++++++++++---
 people/11909.html | 13 ++++++++++---
 people/1191.html  | 13 ++++++++++---
 people/11910.html | 13 ++++++++++---
 people/11911.html | 13 ++++++++++---
 people/11912.html | 13 ++++++++++---
 people/11913.html | 13 ++++++++++---
 people/11914.html | 13 ++++++++++---
 people/11915.html | 13 ++++++++++---
 people/11916.html | 13 ++++++++++---
 people/11917.html | 13 ++++++++++---
 people/11918.html | 13 ++++++++++---
 people/11919.html | 13 ++++++++++---
 people/1192.html  | 13 ++++++++++---
 people/11920.html | 13 ++++++++++---
 people/11921.html | 13 ++++++++++---
 people/11922.html | 13 ++++++++++---
 people/11923.html | 13 ++++++++++---
 people/11924.html | 13 ++++++++++---
 people/11925.html | 13 ++++++++++---
 people/11926.html | 13 ++++++++++---
 people/11927.html | 13 ++++++++++---
 people/11928.html | 13 ++++++++++---
 people/11929.html | 13 ++++++++++---
 people/1193.html  | 13 ++++++++++---
 people/11930.html | 13 ++++++++++---
 people/11931.html | 13 ++++++++++---
 people/11932.html | 13 ++++++++++---
 people/11933.html | 13 ++++++++++---
 people/11934.html | 13 ++++++++++---
 people/11935.html | 13 ++++++++++---
 people/11936.html | 13 ++++++++++---
 people/11937.html | 13 ++++++++++---
 people/11938.html | 13 ++++++++++---
 people/11939.html | 13 ++++++++++---
 people/1194.html  | 13 ++++++++++---
 people/11940.html | 13 ++++++++++---
 people/11941.html | 13 ++++++++++---
 people/11942.html | 13 ++++++++++---
 people/11943.html | 13 ++++++++++---
 people/11944.html | 13 ++++++++++---
 people/11945.html | 13 ++++++++++---
 people/11946.html | 13 ++++++++++---
 people/11947.html | 13 ++++++++++---
 people/11948.html | 13 ++++++++++---
 people/11949.html | 13 ++++++++++---
 people/1195.html  | 13 ++++++++++---
 people/11950.html | 13 ++++++++++---
 people/11951.html | 13 ++++++++++---
 people/11952.html | 13 ++++++++++---
 people/11953.html | 13 ++++++++++---
 people/11954.html | 13 ++++++++++---
 people/11955.html | 13 ++++++++++---
 people/11956.html | 13 ++++++++++---
 people/11957.html | 13 ++++++++++---
 people/11958.html | 13 ++++++++++---
 people/11959.html | 13 ++++++++++---
 people/1196.html  | 13 ++++++++++---
 people/11960.html | 13 ++++++++++---
 people/11961.html | 13 ++++++++++---
 people/11962.html | 13 ++++++++++---
 people/11963.html | 13 ++++++++++---
 people/11964.html | 13 ++++++++++---
 people/11965.html | 13 ++++++++++---
 people/11966.html | 13 ++++++++++---
 people/11967.html | 13 ++++++++++---
 people/11968.html | 13 ++++++++++---
 people/11969.html | 13 ++++++++++---
 people/1197.html  | 13 ++++++++++---
 people/11970.html | 13 ++++++++++---
 people/11971.html | 13 ++++++++++---
 people/11972.html | 13 ++++++++++---
 people/11973.html | 13 ++++++++++---
 people/11974.html | 13 ++++++++++---
 people/11975.html | 13 ++++++++++---
 people/11976.html | 13 ++++++++++---
 people/11977.html | 13 ++++++++++---
 people/11978.html | 13 ++++++++++---
 people/11979.html | 13 ++++++++++---
 people/1198.html  | 13 ++++++++++---
 people/11980.html | 13 ++++++++++---
 people/11981.html | 13 ++++++++++---
 people/11982.html | 13 ++++++++++---
 people/11983.html | 13 ++++++++++---
 people/11984.html | 13 ++++++++++---
 people/11985.html | 13 ++++++++++---
 people/11986.html | 13 ++++++++++---
 people/11987.html | 13 ++++++++++---
 people/11988.html | 13 ++++++++++---
 people/11989.html | 13 ++++++++++---
 people/1199.html  | 13 ++++++++++---
 people/11990.html | 13 ++++++++++---
 people/11991.html | 13 ++++++++++---
 people/11992.html | 13 ++++++++++---
 people/11993.html | 13 ++++++++++---
 people/11994.html | 13 ++++++++++---
 people/11995.html | 13 ++++++++++---
 people/11996.html | 13 ++++++++++---
 people/11997.html | 13 ++++++++++---
 people/11998.html | 13 ++++++++++---
 people/11999.html | 13 ++++++++++---
 people/12.html    | 13 ++++++++++---
 people/120.html   | 13 ++++++++++---
 people/1200.html  | 13 ++++++++++---
 people/12000.html | 13 ++++++++++---
 people/12001.html | 13 ++++++++++---
 people/12002.html | 13 ++++++++++---
 people/12003.html | 13 ++++++++++---
 people/12004.html | 13 ++++++++++---
 people/12005.html | 13 ++++++++++---
 people/12006.html | 13 ++++++++++---
 people/12007.html | 13 ++++++++++---
 people/12008.html | 13 ++++++++++---
 people/12009.html | 13 ++++++++++---
 people/1201.html  | 13 ++++++++++---
 people/12010.html | 13 ++++++++++---
 people/12011.html | 13 ++++++++++---
 people/12012.html | 13 ++++++++++---
 people/12013.html | 13 ++++++++++---
 people/12014.html | 13 ++++++++++---
 people/12015.html | 13 ++++++++++---
 people/12016.html | 13 ++++++++++---
 people/12017.html | 13 ++++++++++---
 people/12018.html | 13 ++++++++++---
 people/12019.html | 13 ++++++++++---
 people/1202.html  | 13 ++++++++++---
 people/12020.html | 13 ++++++++++---
 people/12021.html | 13 ++++++++++---
 people/12022.html | 13 ++++++++++---
 people/12023.html | 13 ++++++++++---
 people/12024.html | 13 ++++++++++---
 people/12025.html | 13 ++++++++++---
 people/12026.html | 13 ++++++++++---
 people/12027.html | 13 ++++++++++---
 people/12028.html | 13 ++++++++++---
 people/12029.html | 13 ++++++++++---
 people/1203.html  | 13 ++++++++++---
 people/12030.html | 13 ++++++++++---
 people/12031.html | 13 ++++++++++---
 people/12032.html | 13 ++++++++++---
 people/12033.html | 13 ++++++++++---
 people/12034.html | 13 ++++++++++---
 people/12035.html | 13 ++++++++++---
 people/12036.html | 13 ++++++++++---
 people/12037.html | 13 ++++++++++---
 people/12038.html | 13 ++++++++++---
 people/12039.html | 13 ++++++++++---
 people/1204.html  | 13 ++++++++++---
 people/12040.html | 13 ++++++++++---
 people/12041.html | 13 ++++++++++---
 people/12042.html | 13 ++++++++++---
 people/12043.html | 13 ++++++++++---
 people/12044.html | 13 ++++++++++---
 people/12045.html | 13 ++++++++++---
 people/12046.html | 13 ++++++++++---
 people/12047.html | 13 ++++++++++---
 people/12048.html | 13 ++++++++++---
 people/12049.html | 13 ++++++++++---
 people/1205.html  | 13 ++++++++++---
 people/12050.html | 13 ++++++++++---
 people/12051.html | 13 ++++++++++---
 people/12052.html | 13 ++++++++++---
 people/12053.html | 13 ++++++++++---
 people/12054.html | 13 ++++++++++---
 people/12055.html | 13 ++++++++++---
 people/12056.html | 13 ++++++++++---
 people/12057.html | 13 ++++++++++---
 people/12058.html | 13 ++++++++++---
 people/12059.html | 13 ++++++++++---
 people/1206.html  | 13 ++++++++++---
 people/12060.html | 13 ++++++++++---
 people/12061.html | 13 ++++++++++---
 people/12062.html | 13 ++++++++++---
 people/12063.html | 13 ++++++++++---
 people/12064.html | 13 ++++++++++---
 people/12065.html | 13 ++++++++++---
 people/12066.html | 13 ++++++++++---
 people/12067.html | 13 ++++++++++---
 people/12068.html | 13 ++++++++++---
 people/12069.html | 13 ++++++++++---
 people/1207.html  | 13 ++++++++++---
 people/12070.html | 13 ++++++++++---
 people/12071.html | 13 ++++++++++---
 people/12072.html | 13 ++++++++++---
 people/12073.html | 13 ++++++++++---
 people/12074.html | 13 ++++++++++---
 people/12075.html | 13 ++++++++++---
 people/12076.html | 13 ++++++++++---
 people/12077.html | 13 ++++++++++---
 people/12078.html | 13 ++++++++++---
 people/12079.html | 13 ++++++++++---
 people/1208.html  | 13 ++++++++++---
 people/12080.html | 13 ++++++++++---
 people/12081.html | 13 ++++++++++---
 people/12082.html | 13 ++++++++++---
 people/12083.html | 13 ++++++++++---
 people/12084.html | 13 ++++++++++---
 people/12085.html | 13 ++++++++++---
 people/12086.html | 13 ++++++++++---
 people/12087.html | 13 ++++++++++---
 people/12088.html | 13 ++++++++++---
 people/12089.html | 13 ++++++++++---
 people/1209.html  | 13 ++++++++++---
 people/12090.html | 13 ++++++++++---
 people/12091.html | 13 ++++++++++---
 people/12092.html | 13 ++++++++++---
 people/12093.html | 13 ++++++++++---
 people/12094.html | 13 ++++++++++---
 people/12095.html | 13 ++++++++++---
 people/12096.html | 13 ++++++++++---
 people/12097.html | 13 ++++++++++---
 people/12098.html | 13 ++++++++++---
 people/12099.html | 13 ++++++++++---
 people/121.html   | 13 ++++++++++---
 people/1210.html  | 13 ++++++++++---
 people/12100.html | 13 ++++++++++---
 people/12101.html | 13 ++++++++++---
 people/12102.html | 13 ++++++++++---
 people/12103.html | 13 ++++++++++---
 people/12104.html | 13 ++++++++++---
 people/12105.html | 13 ++++++++++---
 people/12106.html | 13 ++++++++++---
 people/12107.html | 13 ++++++++++---
 people/12108.html | 13 ++++++++++---
 people/12109.html | 13 ++++++++++---
 people/1211.html  | 13 ++++++++++---
 people/12110.html | 13 ++++++++++---
 people/12111.html | 13 ++++++++++---
 people/12112.html | 13 ++++++++++---
 people/12113.html | 13 ++++++++++---
 people/12114.html | 13 ++++++++++---
 people/12115.html | 13 ++++++++++---
 people/12116.html | 13 ++++++++++---
 people/12117.html | 13 ++++++++++---
 people/12118.html | 13 ++++++++++---
 people/12119.html | 13 ++++++++++---
 people/1212.html  | 13 ++++++++++---
 people/12120.html | 13 ++++++++++---
 people/12121.html | 13 ++++++++++---
 people/12122.html | 13 ++++++++++---
 people/12123.html | 13 ++++++++++---
 people/12124.html | 13 ++++++++++---
 people/12125.html | 13 ++++++++++---
 people/12126.html | 13 ++++++++++---
 people/12127.html | 13 ++++++++++---
 people/12128.html | 13 ++++++++++---
 people/12129.html | 13 ++++++++++---
 people/1213.html  | 13 ++++++++++---
 people/12130.html | 13 ++++++++++---
 people/12131.html | 13 ++++++++++---
 people/12132.html | 13 ++++++++++---
 people/12133.html | 13 ++++++++++---
 people/12134.html | 13 ++++++++++---
 people/12135.html | 13 ++++++++++---
 people/12136.html | 13 ++++++++++---
 people/12137.html | 13 ++++++++++---
 people/12138.html | 13 ++++++++++---
 people/12139.html | 13 ++++++++++---
 people/1214.html  | 13 ++++++++++---
 people/12140.html | 13 ++++++++++---
 people/12141.html | 13 ++++++++++---
 people/12142.html | 13 ++++++++++---
 people/12143.html | 13 ++++++++++---
 people/12144.html | 13 ++++++++++---
 people/12145.html | 13 ++++++++++---
 people/12146.html | 13 ++++++++++---
 people/12147.html | 13 ++++++++++---
 people/12148.html | 13 ++++++++++---
 people/12149.html | 13 ++++++++++---
 people/1215.html  | 13 ++++++++++---
 people/12150.html | 13 ++++++++++---
 people/12151.html | 13 ++++++++++---
 people/12152.html | 13 ++++++++++---
 people/12153.html | 13 ++++++++++---
 people/12154.html | 13 ++++++++++---
 people/12155.html | 13 ++++++++++---
 people/12156.html | 13 ++++++++++---
 people/12157.html | 13 ++++++++++---
 people/12158.html | 13 ++++++++++---
 people/12159.html | 13 ++++++++++---
 people/1216.html  | 13 ++++++++++---
 people/12160.html | 13 ++++++++++---
 people/12161.html | 13 ++++++++++---
 people/12162.html | 13 ++++++++++---
 people/12163.html | 13 ++++++++++---
 people/12164.html | 13 ++++++++++---
 people/12165.html | 13 ++++++++++---
 people/12166.html | 13 ++++++++++---
 people/12167.html | 13 ++++++++++---
 people/12168.html | 13 ++++++++++---
 people/12169.html | 13 ++++++++++---
 people/1217.html  | 13 ++++++++++---
 people/12170.html | 13 ++++++++++---
 people/12171.html | 13 ++++++++++---
 people/12172.html | 13 ++++++++++---
 people/12173.html | 13 ++++++++++---
 people/12174.html | 13 ++++++++++---
 people/12175.html | 13 ++++++++++---
 people/12176.html | 13 ++++++++++---
 people/12177.html | 13 ++++++++++---
 people/12178.html | 13 ++++++++++---
 people/12179.html | 13 ++++++++++---
 people/1218.html  | 13 ++++++++++---
 people/12180.html | 13 ++++++++++---
 people/12181.html | 13 ++++++++++---
 people/12182.html | 13 ++++++++++---
 people/12183.html | 13 ++++++++++---
 people/12184.html | 13 ++++++++++---
 people/12185.html | 13 ++++++++++---
 people/12186.html | 13 ++++++++++---
 people/12187.html | 13 ++++++++++---
 people/12188.html | 13 ++++++++++---
 people/12189.html | 13 ++++++++++---
 people/1219.html  | 13 ++++++++++---
 people/12190.html | 13 ++++++++++---
 people/12191.html | 13 ++++++++++---
 people/12192.html | 13 ++++++++++---
 people/12193.html | 13 ++++++++++---
 people/12194.html | 13 ++++++++++---
 people/12195.html | 13 ++++++++++---
 people/12196.html | 13 ++++++++++---
 people/12197.html | 13 ++++++++++---
 people/12198.html | 13 ++++++++++---
 people/12199.html | 13 ++++++++++---
 people/122.html   | 13 ++++++++++---
 people/1220.html  | 13 ++++++++++---
 people/12200.html | 13 ++++++++++---
 people/12201.html | 13 ++++++++++---
 people/12202.html | 13 ++++++++++---
 people/12203.html | 13 ++++++++++---
 people/12204.html | 13 ++++++++++---
 people/12205.html | 13 ++++++++++---
 people/12206.html | 13 ++++++++++---
 people/12207.html | 13 ++++++++++---
 people/12208.html | 13 ++++++++++---
 people/12209.html | 13 ++++++++++---
 people/1221.html  | 13 ++++++++++---
 people/12210.html | 13 ++++++++++---
 people/12211.html | 13 ++++++++++---
 people/12212.html | 13 ++++++++++---
 people/12213.html | 13 ++++++++++---
 people/12214.html | 13 ++++++++++---
 people/12215.html | 13 ++++++++++---
 people/12216.html | 13 ++++++++++---
 people/12217.html | 13 ++++++++++---
 people/12218.html | 13 ++++++++++---
 people/12219.html | 13 ++++++++++---
 people/1222.html  | 13 ++++++++++---
 people/12220.html | 13 ++++++++++---
 people/12221.html | 13 ++++++++++---
 people/12222.html | 13 ++++++++++---
 people/12223.html | 13 ++++++++++---
 people/12224.html | 13 ++++++++++---
 people/12225.html | 13 ++++++++++---
 people/12226.html | 13 ++++++++++---
 people/12227.html | 13 ++++++++++---
 people/12228.html | 13 ++++++++++---
 people/12229.html | 13 ++++++++++---
 people/1223.html  | 13 ++++++++++---
 people/12230.html | 13 ++++++++++---
 people/12231.html | 13 ++++++++++---
 people/12232.html | 13 ++++++++++---
 people/12233.html | 13 ++++++++++---
 people/12234.html | 13 ++++++++++---
 people/12235.html | 13 ++++++++++---
 people/12236.html | 13 ++++++++++---
 people/12237.html | 13 ++++++++++---
 people/12238.html | 13 ++++++++++---
 people/12239.html | 13 ++++++++++---
 people/1224.html  | 13 ++++++++++---
 people/12240.html | 13 ++++++++++---
 people/12241.html | 13 ++++++++++---
 people/12242.html | 13 ++++++++++---
 people/12243.html | 13 ++++++++++---
 people/12244.html | 13 ++++++++++---
 people/12245.html | 13 ++++++++++---
 people/12246.html | 13 ++++++++++---
 people/12247.html | 13 ++++++++++---
 people/12248.html | 13 ++++++++++---
 people/12249.html | 13 ++++++++++---
 people/1225.html  | 13 ++++++++++---
 people/12250.html | 13 ++++++++++---
 people/12251.html | 13 ++++++++++---
 people/12252.html | 13 ++++++++++---
 people/12253.html | 13 ++++++++++---
 people/12254.html | 13 ++++++++++---
 people/12255.html | 13 ++++++++++---
 people/12256.html | 13 ++++++++++---
 people/12257.html | 13 ++++++++++---
 people/12258.html | 13 ++++++++++---
 people/12259.html | 13 ++++++++++---
 people/1226.html  | 13 ++++++++++---
 people/12260.html | 13 ++++++++++---
 people/12261.html | 13 ++++++++++---
 people/12262.html | 13 ++++++++++---
 people/12263.html | 13 ++++++++++---
 people/12264.html | 13 ++++++++++---
 people/12265.html | 13 ++++++++++---
 people/12266.html | 13 ++++++++++---
 people/12267.html | 13 ++++++++++---
 people/12268.html | 13 ++++++++++---
 people/12269.html | 13 ++++++++++---
 people/1227.html  | 13 ++++++++++---
 people/12270.html | 13 ++++++++++---
 people/12271.html | 13 ++++++++++---
 people/12272.html | 13 ++++++++++---
 people/12273.html | 13 ++++++++++---
 people/12274.html | 13 ++++++++++---
 people/12275.html | 13 ++++++++++---
 people/12276.html | 13 ++++++++++---
 people/12277.html | 13 ++++++++++---
 people/12278.html | 13 ++++++++++---
 people/12279.html | 13 ++++++++++---
 people/1228.html  | 13 ++++++++++---
 people/12280.html | 13 ++++++++++---
 people/12281.html | 13 ++++++++++---
 people/12282.html | 13 ++++++++++---
 people/12283.html | 13 ++++++++++---
 people/12284.html | 13 ++++++++++---
 people/12285.html | 13 ++++++++++---
 people/12286.html | 13 ++++++++++---
 people/12287.html | 13 ++++++++++---
 people/12288.html | 13 ++++++++++---
 people/12289.html | 13 ++++++++++---
 people/1229.html  | 13 ++++++++++---
 people/12290.html | 13 ++++++++++---
 people/12291.html | 13 ++++++++++---
 people/12292.html | 13 ++++++++++---
 people/12293.html | 13 ++++++++++---
 people/12294.html | 13 ++++++++++---
 people/12295.html | 13 ++++++++++---
 people/12296.html | 13 ++++++++++---
 people/12297.html | 13 ++++++++++---
 people/12298.html | 13 ++++++++++---
 people/12299.html | 13 ++++++++++---
 people/123.html   | 13 ++++++++++---
 people/1230.html  | 13 ++++++++++---
 people/12300.html | 13 ++++++++++---
 people/12301.html | 13 ++++++++++---
 people/12302.html | 13 ++++++++++---
 people/12303.html | 13 ++++++++++---
 people/12304.html | 13 ++++++++++---
 people/12305.html | 13 ++++++++++---
 people/12306.html | 13 ++++++++++---
 people/12307.html | 13 ++++++++++---
 people/12308.html | 13 ++++++++++---
 people/12309.html | 13 ++++++++++---
 people/1231.html  | 13 ++++++++++---
 people/12310.html | 13 ++++++++++---
 people/12311.html | 13 ++++++++++---
 people/12312.html | 13 ++++++++++---
 people/12313.html | 13 ++++++++++---
 people/12314.html | 13 ++++++++++---
 people/12315.html | 13 ++++++++++---
 people/12316.html | 13 ++++++++++---
 people/12317.html | 13 ++++++++++---
 people/12318.html | 13 ++++++++++---
 people/12319.html | 13 ++++++++++---
 people/1232.html  | 13 ++++++++++---
 people/12320.html | 13 ++++++++++---
 people/12321.html | 13 ++++++++++---
 people/12322.html | 13 ++++++++++---
 people/12323.html | 13 ++++++++++---
 people/12324.html | 13 ++++++++++---
 people/12325.html | 13 ++++++++++---
 people/12326.html | 13 ++++++++++---
 people/12327.html | 13 ++++++++++---
 people/12328.html | 13 ++++++++++---
 people/12329.html | 13 ++++++++++---
 people/1233.html  | 13 ++++++++++---
 people/12330.html | 13 ++++++++++---
 people/12331.html | 13 ++++++++++---
 people/12332.html | 13 ++++++++++---
 people/12333.html | 13 ++++++++++---
 people/12334.html | 13 ++++++++++---
 people/12335.html | 13 ++++++++++---
 people/12336.html | 13 ++++++++++---
 people/12337.html | 13 ++++++++++---
 people/12338.html | 13 ++++++++++---
 people/12339.html | 13 ++++++++++---
 people/1234.html  | 13 ++++++++++---
 people/12340.html | 13 ++++++++++---
 people/12341.html | 13 ++++++++++---
 people/12342.html | 13 ++++++++++---
 people/12343.html | 13 ++++++++++---
 people/12344.html | 13 ++++++++++---
 people/12345.html | 13 ++++++++++---
 people/12346.html | 13 ++++++++++---
 people/12347.html | 13 ++++++++++---
 people/12348.html | 13 ++++++++++---
 people/12349.html | 13 ++++++++++---
 people/1235.html  | 13 ++++++++++---
 people/12350.html | 13 ++++++++++---
 people/12351.html | 13 ++++++++++---
 people/12352.html | 13 ++++++++++---
 people/12353.html | 13 ++++++++++---
 people/12354.html | 13 ++++++++++---
 people/12355.html | 13 ++++++++++---
 people/12356.html | 13 ++++++++++---
 people/12357.html | 13 ++++++++++---
 people/12358.html | 13 ++++++++++---
 people/12359.html | 13 ++++++++++---
 people/1236.html  | 13 ++++++++++---
 people/12360.html | 13 ++++++++++---
 people/12361.html | 13 ++++++++++---
 people/12362.html | 13 ++++++++++---
 people/12363.html | 13 ++++++++++---
 people/12364.html | 13 ++++++++++---
 people/12365.html | 13 ++++++++++---
 people/12366.html | 13 ++++++++++---
 people/12367.html | 13 ++++++++++---
 people/12368.html | 13 ++++++++++---
 people/12369.html | 13 ++++++++++---
 people/1237.html  | 13 ++++++++++---
 people/12370.html | 13 ++++++++++---
 people/12371.html | 13 ++++++++++---
 people/12372.html | 13 ++++++++++---
 people/12373.html | 13 ++++++++++---
 people/12374.html | 13 ++++++++++---
 people/12375.html | 13 ++++++++++---
 people/12376.html | 13 ++++++++++---
 people/12377.html | 13 ++++++++++---
 people/12378.html | 13 ++++++++++---
 people/12379.html | 13 ++++++++++---
 people/1238.html  | 13 ++++++++++---
 people/12380.html | 13 ++++++++++---
 people/12381.html | 13 ++++++++++---
 people/12382.html | 13 ++++++++++---
 people/12383.html | 13 ++++++++++---
 people/12384.html | 13 ++++++++++---
 people/12385.html | 13 ++++++++++---
 people/12386.html | 13 ++++++++++---
 people/12387.html | 13 ++++++++++---
 people/12388.html | 13 ++++++++++---
 people/12389.html | 13 ++++++++++---
 people/1239.html  | 13 ++++++++++---
 people/12390.html | 13 ++++++++++---
 people/12391.html | 13 ++++++++++---
 people/12392.html | 13 ++++++++++---
 people/12393.html | 13 ++++++++++---
 people/12394.html | 13 ++++++++++---
 people/12395.html | 13 ++++++++++---
 people/12396.html | 13 ++++++++++---
 people/12397.html | 13 ++++++++++---
 people/12398.html | 13 ++++++++++---
 people/12399.html | 13 ++++++++++---
 people/124.html   | 13 ++++++++++---
 people/1240.html  | 13 ++++++++++---
 people/12400.html | 13 ++++++++++---
 people/12401.html | 13 ++++++++++---
 people/12402.html | 13 ++++++++++---
 people/12403.html | 13 ++++++++++---
 people/12404.html | 13 ++++++++++---
 people/12405.html | 13 ++++++++++---
 people/12406.html | 13 ++++++++++---
 people/12407.html | 13 ++++++++++---
 people/12408.html | 13 ++++++++++---
 people/12409.html | 13 ++++++++++---
 people/1241.html  | 13 ++++++++++---
 people/12410.html | 13 ++++++++++---
 people/12411.html | 13 ++++++++++---
 people/12412.html | 13 ++++++++++---
 people/12413.html | 13 ++++++++++---
 people/12414.html | 13 ++++++++++---
 people/12415.html | 13 ++++++++++---
 people/12416.html | 13 ++++++++++---
 people/12417.html | 13 ++++++++++---
 people/12418.html | 13 ++++++++++---
 people/12419.html | 13 ++++++++++---
 people/1242.html  | 13 ++++++++++---
 people/12420.html | 13 ++++++++++---
 people/12421.html | 13 ++++++++++---
 people/12422.html | 13 ++++++++++---
 people/12423.html | 13 ++++++++++---
 people/12424.html | 13 ++++++++++---
 people/12425.html | 13 ++++++++++---
 people/12426.html | 13 ++++++++++---
 people/12427.html | 13 ++++++++++---
 people/12428.html | 13 ++++++++++---
 people/12429.html | 13 ++++++++++---
 people/1243.html  | 13 ++++++++++---
 people/12430.html | 13 ++++++++++---
 people/12431.html | 13 ++++++++++---
 people/12432.html | 13 ++++++++++---
 people/12433.html | 13 ++++++++++---
 people/12434.html | 13 ++++++++++---
 people/12435.html | 13 ++++++++++---
 people/12436.html | 13 ++++++++++---
 people/12437.html | 13 ++++++++++---
 people/12438.html | 13 ++++++++++---
 people/12439.html | 13 ++++++++++---
 people/1244.html  | 13 ++++++++++---
 people/12440.html | 13 ++++++++++---
 people/12441.html | 13 ++++++++++---
 people/12442.html | 13 ++++++++++---
 people/12443.html | 13 ++++++++++---
 people/12444.html | 13 ++++++++++---
 people/12445.html | 13 ++++++++++---
 people/12446.html | 13 ++++++++++---
 people/12447.html | 13 ++++++++++---
 people/12448.html | 13 ++++++++++---
 people/12449.html | 13 ++++++++++---
 people/1245.html  | 13 ++++++++++---
 people/12450.html | 13 ++++++++++---
 people/12451.html | 13 ++++++++++---
 people/12452.html | 13 ++++++++++---
 people/12453.html | 13 ++++++++++---
 people/12454.html | 13 ++++++++++---
 people/12455.html | 13 ++++++++++---
 people/12456.html | 13 ++++++++++---
 people/12457.html | 13 ++++++++++---
 people/12458.html | 13 ++++++++++---
 people/12459.html | 13 ++++++++++---
 people/1246.html  | 13 ++++++++++---
 people/12460.html | 13 ++++++++++---
 people/12461.html | 13 ++++++++++---
 people/12462.html | 13 ++++++++++---
 people/12463.html | 13 ++++++++++---
 people/12464.html | 13 ++++++++++---
 people/12465.html | 13 ++++++++++---
 people/12466.html | 13 ++++++++++---
 people/12467.html | 13 ++++++++++---
 people/12468.html | 13 ++++++++++---
 people/12469.html | 13 ++++++++++---
 people/1247.html  | 13 ++++++++++---
 people/12470.html | 13 ++++++++++---
 people/12471.html | 13 ++++++++++---
 people/12472.html | 13 ++++++++++---
 people/12473.html | 13 ++++++++++---
 people/12474.html | 13 ++++++++++---
 people/12475.html | 13 ++++++++++---
 people/12476.html | 13 ++++++++++---
 people/12477.html | 13 ++++++++++---
 people/12478.html | 13 ++++++++++---
 people/12479.html | 13 ++++++++++---
 people/1248.html  | 13 ++++++++++---
 people/12480.html | 13 ++++++++++---
 people/12481.html | 13 ++++++++++---
 people/12482.html | 13 ++++++++++---
 people/12483.html | 13 ++++++++++---
 people/12484.html | 13 ++++++++++---
 people/12485.html | 13 ++++++++++---
 people/12486.html | 13 ++++++++++---
 people/12487.html | 13 ++++++++++---
 people/12488.html | 13 ++++++++++---
 people/12489.html | 13 ++++++++++---
 people/1249.html  | 13 ++++++++++---
 people/12490.html | 13 ++++++++++---
 people/12491.html | 13 ++++++++++---
 people/12492.html | 13 ++++++++++---
 people/12493.html | 13 ++++++++++---
 people/12494.html | 13 ++++++++++---
 people/12495.html | 13 ++++++++++---
 people/12496.html | 13 ++++++++++---
 people/12497.html | 13 ++++++++++---
 people/12498.html | 13 ++++++++++---
 people/12499.html | 13 ++++++++++---
 people/125.html   | 13 ++++++++++---
 people/1250.html  | 13 ++++++++++---
 people/12500.html | 13 ++++++++++---
 people/12501.html | 13 ++++++++++---
 people/12502.html | 13 ++++++++++---
 people/12503.html | 13 ++++++++++---
 people/12504.html | 13 ++++++++++---
 people/12505.html | 13 ++++++++++---
 people/12506.html | 13 ++++++++++---
 people/12507.html | 13 ++++++++++---
 people/12508.html | 13 ++++++++++---
 people/12509.html | 13 ++++++++++---
 people/1251.html  | 13 ++++++++++---
 people/12510.html | 13 ++++++++++---
 people/12511.html | 13 ++++++++++---
 people/12512.html | 13 ++++++++++---
 people/12513.html | 13 ++++++++++---
 people/12514.html | 13 ++++++++++---
 people/12515.html | 13 ++++++++++---
 people/12516.html | 13 ++++++++++---
 people/12517.html | 13 ++++++++++---
 people/12518.html | 13 ++++++++++---
 people/12519.html | 13 ++++++++++---
 people/1252.html  | 13 ++++++++++---
 people/12520.html | 13 ++++++++++---
 people/12521.html | 13 ++++++++++---
 people/12522.html | 13 ++++++++++---
 people/12523.html | 13 ++++++++++---
 people/12524.html | 13 ++++++++++---
 people/12525.html | 13 ++++++++++---
 people/12526.html | 13 ++++++++++---
 people/12527.html | 13 ++++++++++---
 people/12528.html | 13 ++++++++++---
 people/12529.html | 13 ++++++++++---
 people/1253.html  | 13 ++++++++++---
 people/12530.html | 13 ++++++++++---
 people/12531.html | 13 ++++++++++---
 people/12532.html | 13 ++++++++++---
 people/12533.html | 13 ++++++++++---
 people/12534.html | 13 ++++++++++---
 people/12535.html | 13 ++++++++++---
 people/12536.html | 13 ++++++++++---
 people/12537.html | 13 ++++++++++---
 people/12538.html | 13 ++++++++++---
 people/12539.html | 13 ++++++++++---
 people/1254.html  | 13 ++++++++++---
 people/12540.html | 13 ++++++++++---
 people/12541.html | 13 ++++++++++---
 people/12542.html | 13 ++++++++++---
 people/12543.html | 13 ++++++++++---
 people/12544.html | 13 ++++++++++---
 people/12545.html | 13 ++++++++++---
 people/12546.html | 13 ++++++++++---
 people/12547.html | 13 ++++++++++---
 people/12548.html | 13 ++++++++++---
 people/12549.html | 13 ++++++++++---
 people/1255.html  | 13 ++++++++++---
 people/12550.html | 13 ++++++++++---
 people/12551.html | 13 ++++++++++---
 people/12552.html | 13 ++++++++++---
 people/12553.html | 13 ++++++++++---
 people/12554.html | 13 ++++++++++---
 people/12555.html | 13 ++++++++++---
 people/12556.html | 13 ++++++++++---
 people/12557.html | 13 ++++++++++---
 people/12558.html | 13 ++++++++++---
 people/12559.html | 13 ++++++++++---
 people/1256.html  | 13 ++++++++++---
 people/12560.html | 13 ++++++++++---
 people/12561.html | 13 ++++++++++---
 people/12562.html | 13 ++++++++++---
 people/12563.html | 13 ++++++++++---
 people/12564.html | 13 ++++++++++---
 people/12565.html | 13 ++++++++++---
 people/12566.html | 13 ++++++++++---
 people/12567.html | 13 ++++++++++---
 people/12568.html | 13 ++++++++++---
 people/12569.html | 13 ++++++++++---
 people/1257.html  | 13 ++++++++++---
 people/12570.html | 13 ++++++++++---
 people/12571.html | 13 ++++++++++---
 people/12572.html | 13 ++++++++++---
 people/12573.html | 13 ++++++++++---
 people/12574.html | 13 ++++++++++---
 people/12575.html | 13 ++++++++++---
 people/12576.html | 13 ++++++++++---
 people/12577.html | 13 ++++++++++---
 people/12578.html | 13 ++++++++++---
 people/12579.html | 13 ++++++++++---
 people/1258.html  | 13 ++++++++++---
 people/12580.html | 13 ++++++++++---
 people/12581.html | 13 ++++++++++---
 people/12582.html | 13 ++++++++++---
 people/12583.html | 13 ++++++++++---
 people/12584.html | 13 ++++++++++---
 people/12585.html | 13 ++++++++++---
 people/12586.html | 13 ++++++++++---
 people/12587.html | 13 ++++++++++---
 people/12588.html | 13 ++++++++++---
 people/12589.html | 13 ++++++++++---
 people/1259.html  | 13 ++++++++++---
 people/12590.html | 13 ++++++++++---
 people/12591.html | 13 ++++++++++---
 people/12592.html | 13 ++++++++++---
 people/12593.html | 13 ++++++++++---
 people/12594.html | 13 ++++++++++---
 people/12595.html | 13 ++++++++++---
 people/12596.html | 13 ++++++++++---
 people/12597.html | 13 ++++++++++---
 people/12598.html | 13 ++++++++++---
 people/12599.html | 13 ++++++++++---
 people/126.html   | 13 ++++++++++---
 people/1260.html  | 13 ++++++++++---
 people/12600.html | 13 ++++++++++---
 people/12601.html | 13 ++++++++++---
 people/12602.html | 13 ++++++++++---
 people/12603.html | 13 ++++++++++---
 people/12604.html | 13 ++++++++++---
 people/12605.html | 13 ++++++++++---
 people/12606.html | 13 ++++++++++---
 people/12607.html | 13 ++++++++++---
 people/12608.html | 13 ++++++++++---
 people/12609.html | 13 ++++++++++---
 people/1261.html  | 13 ++++++++++---
 people/12610.html | 13 ++++++++++---
 people/12611.html | 13 ++++++++++---
 people/12612.html | 13 ++++++++++---
 people/12613.html | 13 ++++++++++---
 people/12614.html | 13 ++++++++++---
 people/12615.html | 13 ++++++++++---
 people/12616.html | 13 ++++++++++---
 people/12617.html | 13 ++++++++++---
 people/12618.html | 13 ++++++++++---
 people/12619.html | 13 ++++++++++---
 people/1262.html  | 13 ++++++++++---
 people/12620.html | 13 ++++++++++---
 people/12621.html | 13 ++++++++++---
 people/12622.html | 13 ++++++++++---
 people/12623.html | 13 ++++++++++---
 people/12624.html | 13 ++++++++++---
 people/12625.html | 13 ++++++++++---
 people/12626.html | 13 ++++++++++---
 people/12627.html | 13 ++++++++++---
 people/12628.html | 13 ++++++++++---
 people/12629.html | 13 ++++++++++---
 people/1263.html  | 13 ++++++++++---
 people/12630.html | 13 ++++++++++---
 people/12631.html | 13 ++++++++++---
 people/12632.html | 13 ++++++++++---
 people/12633.html | 13 ++++++++++---
 people/12634.html | 13 ++++++++++---
 people/12635.html | 13 ++++++++++---
 people/12636.html | 13 ++++++++++---
 people/12637.html | 13 ++++++++++---
 people/12638.html | 13 ++++++++++---
 people/12639.html | 13 ++++++++++---
 people/1264.html  | 13 ++++++++++---
 people/12640.html | 13 ++++++++++---
 people/12641.html | 13 ++++++++++---
 people/12642.html | 13 ++++++++++---
 people/12643.html | 13 ++++++++++---
 people/12644.html | 13 ++++++++++---
 people/12645.html | 13 ++++++++++---
 people/12646.html | 13 ++++++++++---
 people/12647.html | 13 ++++++++++---
 people/12648.html | 13 ++++++++++---
 people/12649.html | 13 ++++++++++---
 people/1265.html  | 13 ++++++++++---
 people/12650.html | 13 ++++++++++---
 people/12651.html | 13 ++++++++++---
 people/12652.html | 13 ++++++++++---
 people/12653.html | 13 ++++++++++---
 people/12654.html | 13 ++++++++++---
 people/12655.html | 13 ++++++++++---
 people/12656.html | 13 ++++++++++---
 people/12657.html | 13 ++++++++++---
 people/12658.html | 13 ++++++++++---
 people/12659.html | 13 ++++++++++---
 people/1266.html  | 13 ++++++++++---
 people/12660.html | 13 ++++++++++---
 people/12661.html | 13 ++++++++++---
 people/12662.html | 13 ++++++++++---
 people/12663.html | 13 ++++++++++---
 people/12664.html | 13 ++++++++++---
 people/12665.html | 13 ++++++++++---
 people/12666.html | 13 ++++++++++---
 people/12667.html | 13 ++++++++++---
 people/12668.html | 13 ++++++++++---
 people/12669.html | 13 ++++++++++---
 people/1267.html  | 13 ++++++++++---
 people/12670.html | 13 ++++++++++---
 people/12671.html | 13 ++++++++++---
 people/12672.html | 13 ++++++++++---
 people/12673.html | 13 ++++++++++---
 people/12674.html | 13 ++++++++++---
 people/12675.html | 13 ++++++++++---
 people/12676.html | 13 ++++++++++---
 people/12677.html | 13 ++++++++++---
 people/12678.html | 13 ++++++++++---
 people/12679.html | 13 ++++++++++---
 people/1268.html  | 13 ++++++++++---
 people/12680.html | 13 ++++++++++---
 people/12681.html | 13 ++++++++++---
 people/12682.html | 13 ++++++++++---
 people/12683.html | 13 ++++++++++---
 people/12684.html | 13 ++++++++++---
 people/12685.html | 13 ++++++++++---
 people/12686.html | 13 ++++++++++---
 people/12687.html | 13 ++++++++++---
 people/12688.html | 13 ++++++++++---
 people/12689.html | 13 ++++++++++---
 people/1269.html  | 13 ++++++++++---
 people/12690.html | 13 ++++++++++---
 people/12691.html | 13 ++++++++++---
 people/12692.html | 13 ++++++++++---
 people/12693.html | 13 ++++++++++---
 people/12694.html | 13 ++++++++++---
 people/12695.html | 13 ++++++++++---
 people/12696.html | 13 ++++++++++---
 people/12697.html | 13 ++++++++++---
 people/12698.html | 13 ++++++++++---
 people/12699.html | 13 ++++++++++---
 people/127.html   | 13 ++++++++++---
 people/1270.html  | 13 ++++++++++---
 people/12700.html | 13 ++++++++++---
 people/12701.html | 13 ++++++++++---
 people/12702.html | 13 ++++++++++---
 people/12703.html | 13 ++++++++++---
 people/12704.html | 13 ++++++++++---
 people/12705.html | 13 ++++++++++---
 people/12706.html | 13 ++++++++++---
 people/12707.html | 13 ++++++++++---
 people/12708.html | 13 ++++++++++---
 people/12709.html | 13 ++++++++++---
 people/1271.html  | 13 ++++++++++---
 people/12710.html | 13 ++++++++++---
 people/12711.html | 13 ++++++++++---
 people/12712.html | 13 ++++++++++---
 people/12713.html | 13 ++++++++++---
 people/12714.html | 13 ++++++++++---
 people/12715.html | 13 ++++++++++---
 people/12716.html | 13 ++++++++++---
 people/12717.html | 13 ++++++++++---
 people/12718.html | 13 ++++++++++---
 people/12719.html | 13 ++++++++++---
 people/1272.html  | 13 ++++++++++---
 people/12720.html | 13 ++++++++++---
 people/12721.html | 13 ++++++++++---
 people/12722.html | 13 ++++++++++---
 people/12723.html | 13 ++++++++++---
 people/12724.html | 13 ++++++++++---
 people/12725.html | 13 ++++++++++---
 people/12726.html | 13 ++++++++++---
 people/12727.html | 13 ++++++++++---
 people/12728.html | 13 ++++++++++---
 people/12729.html | 13 ++++++++++---
 people/1273.html  | 13 ++++++++++---
 people/12730.html | 13 ++++++++++---
 people/12731.html | 13 ++++++++++---
 people/12732.html | 13 ++++++++++---
 people/12733.html | 13 ++++++++++---
 people/12734.html | 13 ++++++++++---
 people/12735.html | 13 ++++++++++---
 people/12736.html | 13 ++++++++++---
 people/12737.html | 13 ++++++++++---
 people/12738.html | 13 ++++++++++---
 people/12739.html | 13 ++++++++++---
 people/1274.html  | 13 ++++++++++---
 people/12740.html | 13 ++++++++++---
 people/12741.html | 13 ++++++++++---
 people/12742.html | 13 ++++++++++---
 people/12743.html | 13 ++++++++++---
 people/12744.html | 13 ++++++++++---
 people/12745.html | 13 ++++++++++---
 people/12746.html | 13 ++++++++++---
 people/12747.html | 13 ++++++++++---
 people/12748.html | 13 ++++++++++---
 people/12749.html | 13 ++++++++++---
 people/1275.html  | 13 ++++++++++---
 people/12750.html | 13 ++++++++++---
 people/12751.html | 13 ++++++++++---
 people/12752.html | 13 ++++++++++---
 people/12753.html | 13 ++++++++++---
 people/12754.html | 13 ++++++++++---
 people/12755.html | 13 ++++++++++---
 people/12756.html | 13 ++++++++++---
 people/12757.html | 13 ++++++++++---
 people/12758.html | 13 ++++++++++---
 people/12759.html | 13 ++++++++++---
 people/1276.html  | 13 ++++++++++---
 people/12760.html | 13 ++++++++++---
 people/12761.html | 13 ++++++++++---
 people/12762.html | 13 ++++++++++---
 people/12763.html | 13 ++++++++++---
 people/12764.html | 13 ++++++++++---
 people/12765.html | 13 ++++++++++---
 people/12766.html | 13 ++++++++++---
 people/12767.html | 13 ++++++++++---
 people/12768.html | 13 ++++++++++---
 people/12769.html | 13 ++++++++++---
 people/1277.html  | 13 ++++++++++---
 people/12770.html | 13 ++++++++++---
 people/12771.html | 13 ++++++++++---
 people/12772.html | 13 ++++++++++---
 people/12773.html | 13 ++++++++++---
 people/12774.html | 13 ++++++++++---
 people/12775.html | 13 ++++++++++---
 people/12776.html | 13 ++++++++++---
 people/12777.html | 13 ++++++++++---
 people/12778.html | 13 ++++++++++---
 people/12779.html | 13 ++++++++++---
 people/1278.html  | 13 ++++++++++---
 people/12780.html | 13 ++++++++++---
 people/12781.html | 13 ++++++++++---
 people/12782.html | 13 ++++++++++---
 people/12783.html | 13 ++++++++++---
 people/12784.html | 13 ++++++++++---
 people/12785.html | 13 ++++++++++---
 people/12786.html | 13 ++++++++++---
 people/12787.html | 13 ++++++++++---
 people/12788.html | 13 ++++++++++---
 people/12789.html | 13 ++++++++++---
 people/1279.html  | 13 ++++++++++---
 people/12790.html | 13 ++++++++++---
 people/12791.html | 13 ++++++++++---
 people/12792.html | 13 ++++++++++---
 people/12793.html | 13 ++++++++++---
 people/12794.html | 13 ++++++++++---
 people/12795.html | 13 ++++++++++---
 people/12796.html | 13 ++++++++++---
 people/12797.html | 13 ++++++++++---
 people/12798.html | 13 ++++++++++---
 people/12799.html | 13 ++++++++++---
 people/128.html   | 13 ++++++++++---
 people/1280.html  | 13 ++++++++++---
 people/12800.html | 13 ++++++++++---
 people/12801.html | 13 ++++++++++---
 people/12802.html | 13 ++++++++++---
 people/12803.html | 13 ++++++++++---
 people/12804.html | 13 ++++++++++---
 people/12805.html | 13 ++++++++++---
 people/12806.html | 13 ++++++++++---
 people/12807.html | 13 ++++++++++---
 people/12808.html | 13 ++++++++++---
 people/12809.html | 13 ++++++++++---
 people/1281.html  | 13 ++++++++++---
 people/12810.html | 13 ++++++++++---
 people/12811.html | 13 ++++++++++---
 people/12812.html | 13 ++++++++++---
 people/12813.html | 13 ++++++++++---
 people/12814.html | 13 ++++++++++---
 people/12815.html | 13 ++++++++++---
 people/12816.html | 13 ++++++++++---
 people/12817.html | 13 ++++++++++---
 people/12818.html | 13 ++++++++++---
 people/12819.html | 13 ++++++++++---
 people/1282.html  | 13 ++++++++++---
 people/12820.html | 13 ++++++++++---
 people/12821.html | 13 ++++++++++---
 people/12822.html | 13 ++++++++++---
 people/12823.html | 13 ++++++++++---
 people/12824.html | 13 ++++++++++---
 people/12825.html | 13 ++++++++++---
 people/12826.html | 13 ++++++++++---
 people/12827.html | 13 ++++++++++---
 people/12828.html | 13 ++++++++++---
 people/12829.html | 13 ++++++++++---
 people/1283.html  | 13 ++++++++++---
 people/12830.html | 13 ++++++++++---
 people/12831.html | 13 ++++++++++---
 people/12832.html | 13 ++++++++++---
 people/12833.html | 13 ++++++++++---
 people/12834.html | 13 ++++++++++---
 people/12835.html | 13 ++++++++++---
 people/12836.html | 13 ++++++++++---
 people/12837.html | 13 ++++++++++---
 people/12838.html | 13 ++++++++++---
 people/12839.html | 13 ++++++++++---
 people/1284.html  | 13 ++++++++++---
 people/12840.html | 13 ++++++++++---
 people/12841.html | 13 ++++++++++---
 people/12842.html | 13 ++++++++++---
 people/12843.html | 13 ++++++++++---
 people/12844.html | 13 ++++++++++---
 people/12845.html | 13 ++++++++++---
 people/12846.html | 13 ++++++++++---
 people/12847.html | 13 ++++++++++---
 people/12848.html | 13 ++++++++++---
 people/12849.html | 13 ++++++++++---
 people/1285.html  | 13 ++++++++++---
 people/12850.html | 13 ++++++++++---
 people/12851.html | 13 ++++++++++---
 people/12852.html | 13 ++++++++++---
 people/12853.html | 13 ++++++++++---
 people/12854.html | 13 ++++++++++---
 people/12855.html | 13 ++++++++++---
 people/12856.html | 13 ++++++++++---
 people/12857.html | 13 ++++++++++---
 people/12858.html | 13 ++++++++++---
 people/12859.html | 13 ++++++++++---
 people/1286.html  | 13 ++++++++++---
 people/12860.html | 13 ++++++++++---
 people/12861.html | 13 ++++++++++---
 people/12862.html | 13 ++++++++++---
 people/12863.html | 13 ++++++++++---
 people/12864.html | 13 ++++++++++---
 people/12865.html | 13 ++++++++++---
 people/12866.html | 13 ++++++++++---
 people/12867.html | 13 ++++++++++---
 people/12868.html | 13 ++++++++++---
 people/12869.html | 13 ++++++++++---
 people/1287.html  | 13 ++++++++++---
 people/12870.html | 13 ++++++++++---
 people/12871.html | 13 ++++++++++---
 people/12872.html | 13 ++++++++++---
 people/12873.html | 13 ++++++++++---
 people/12874.html | 13 ++++++++++---
 people/12875.html | 13 ++++++++++---
 people/12876.html | 13 ++++++++++---
 people/12877.html | 13 ++++++++++---
 people/12878.html | 13 ++++++++++---
 people/12879.html | 13 ++++++++++---
 people/1288.html  | 13 ++++++++++---
 people/12880.html | 13 ++++++++++---
 people/12881.html | 13 ++++++++++---
 people/12882.html | 13 ++++++++++---
 people/12883.html | 13 ++++++++++---
 people/12884.html | 13 ++++++++++---
 people/12885.html | 13 ++++++++++---
 people/12886.html | 13 ++++++++++---
 people/12887.html | 13 ++++++++++---
 people/12888.html | 13 ++++++++++---
 people/12889.html | 13 ++++++++++---
 people/1289.html  | 13 ++++++++++---
 people/12890.html | 13 ++++++++++---
 people/12891.html | 13 ++++++++++---
 people/12892.html | 13 ++++++++++---
 people/12893.html | 13 ++++++++++---
 people/12894.html | 13 ++++++++++---
 people/12895.html | 13 ++++++++++---
 people/12896.html | 13 ++++++++++---
 people/12897.html | 13 ++++++++++---
 people/12898.html | 13 ++++++++++---
 people/12899.html | 13 ++++++++++---
 people/129.html   | 13 ++++++++++---
 people/1290.html  | 13 ++++++++++---
 people/12900.html | 13 ++++++++++---
 people/12901.html | 13 ++++++++++---
 people/12902.html | 13 ++++++++++---
 people/12903.html | 13 ++++++++++---
 people/12904.html | 13 ++++++++++---
 people/12905.html | 13 ++++++++++---
 people/12906.html | 13 ++++++++++---
 people/12907.html | 13 ++++++++++---
 people/12908.html | 13 ++++++++++---
 people/12909.html | 13 ++++++++++---
 people/1291.html  | 13 ++++++++++---
 people/12910.html | 13 ++++++++++---
 people/12911.html | 13 ++++++++++---
 people/12912.html | 13 ++++++++++---
 people/12913.html | 13 ++++++++++---
 people/12914.html | 13 ++++++++++---
 people/12915.html | 13 ++++++++++---
 people/12916.html | 13 ++++++++++---
 people/12917.html | 13 ++++++++++---
 people/12918.html | 13 ++++++++++---
 people/12919.html | 13 ++++++++++---
 people/1292.html  | 13 ++++++++++---
 people/12920.html | 13 ++++++++++---
 people/12921.html | 13 ++++++++++---
 people/12922.html | 13 ++++++++++---
 people/12923.html | 13 ++++++++++---
 people/12924.html | 13 ++++++++++---
 people/12925.html | 13 ++++++++++---
 people/12926.html | 13 ++++++++++---
 people/12927.html | 13 ++++++++++---
 people/12928.html | 13 ++++++++++---
 people/12929.html | 13 ++++++++++---
 people/1293.html  | 13 ++++++++++---
 people/12930.html | 13 ++++++++++---
 people/12931.html | 13 ++++++++++---
 people/12932.html | 13 ++++++++++---
 people/12933.html | 13 ++++++++++---
 people/12934.html | 13 ++++++++++---
 people/12935.html | 13 ++++++++++---
 people/12936.html | 13 ++++++++++---
 people/12937.html | 13 ++++++++++---
 people/12938.html | 13 ++++++++++---
 people/12939.html | 13 ++++++++++---
 people/1294.html  | 13 ++++++++++---
 people/12940.html | 13 ++++++++++---
 people/12941.html | 13 ++++++++++---
 people/12942.html | 13 ++++++++++---
 people/12943.html | 13 ++++++++++---
 people/12944.html | 13 ++++++++++---
 people/12945.html | 13 ++++++++++---
 people/12946.html | 13 ++++++++++---
 people/12947.html | 13 ++++++++++---
 people/12948.html | 13 ++++++++++---
 people/12949.html | 13 ++++++++++---
 people/1295.html  | 13 ++++++++++---
 people/12950.html | 13 ++++++++++---
 people/12951.html | 13 ++++++++++---
 people/12952.html | 13 ++++++++++---
 people/12953.html | 13 ++++++++++---
 people/12954.html | 13 ++++++++++---
 people/12955.html | 13 ++++++++++---
 people/12956.html | 13 ++++++++++---
 people/12957.html | 13 ++++++++++---
 people/12958.html | 13 ++++++++++---
 people/12959.html | 13 ++++++++++---
 people/1296.html  | 13 ++++++++++---
 people/12960.html | 13 ++++++++++---
 people/12961.html | 13 ++++++++++---
 people/12962.html | 13 ++++++++++---
 people/12963.html | 13 ++++++++++---
 people/12964.html | 13 ++++++++++---
 people/12965.html | 13 ++++++++++---
 people/12966.html | 13 ++++++++++---
 people/12967.html | 13 ++++++++++---
 people/12968.html | 13 ++++++++++---
 people/12969.html | 13 ++++++++++---
 people/1297.html  | 13 ++++++++++---
 people/12970.html | 13 ++++++++++---
 people/12971.html | 13 ++++++++++---
 people/12972.html | 13 ++++++++++---
 people/12973.html | 13 ++++++++++---
 people/12974.html | 13 ++++++++++---
 people/12975.html | 13 ++++++++++---
 people/12976.html | 13 ++++++++++---
 people/12977.html | 13 ++++++++++---
 people/12978.html | 13 ++++++++++---
 people/12979.html | 13 ++++++++++---
 people/1298.html  | 13 ++++++++++---
 people/12980.html | 13 ++++++++++---
 people/12981.html | 13 ++++++++++---
 people/12982.html | 13 ++++++++++---
 people/12983.html | 13 ++++++++++---
 people/12984.html | 13 ++++++++++---
 people/12985.html | 13 ++++++++++---
 people/12986.html | 13 ++++++++++---
 people/12987.html | 13 ++++++++++---
 people/12988.html | 13 ++++++++++---
 people/12989.html | 13 ++++++++++---
 people/1299.html  | 13 ++++++++++---
 people/12990.html | 13 ++++++++++---
 people/12991.html | 13 ++++++++++---
 people/12992.html | 13 ++++++++++---
 people/12993.html | 13 ++++++++++---
 people/12994.html | 13 ++++++++++---
 people/12995.html | 13 ++++++++++---
 people/12996.html | 13 ++++++++++---
 people/12997.html | 13 ++++++++++---
 people/12998.html | 13 ++++++++++---
 people/12999.html | 13 ++++++++++---
 people/13.html    | 13 ++++++++++---
 people/130.html   | 13 ++++++++++---
 people/1300.html  | 13 ++++++++++---
 people/13000.html | 13 ++++++++++---
 people/13001.html | 13 ++++++++++---
 people/13002.html | 13 ++++++++++---
 people/13003.html | 13 ++++++++++---
 people/13004.html | 13 ++++++++++---
 people/13005.html | 13 ++++++++++---
 people/13006.html | 13 ++++++++++---
 people/13007.html | 13 ++++++++++---
 people/13008.html | 13 ++++++++++---
 people/13009.html | 13 ++++++++++---
 people/1301.html  | 13 ++++++++++---
 people/13010.html | 13 ++++++++++---
 people/13011.html | 13 ++++++++++---
 people/13012.html | 13 ++++++++++---
 people/13013.html | 13 ++++++++++---
 people/13014.html | 13 ++++++++++---
 people/13015.html | 13 ++++++++++---
 people/13016.html | 13 ++++++++++---
 people/13017.html | 13 ++++++++++---
 people/13018.html | 13 ++++++++++---
 people/13019.html | 13 ++++++++++---
 people/1302.html  | 13 ++++++++++---
 people/13020.html | 13 ++++++++++---
 people/13021.html | 13 ++++++++++---
 people/13022.html | 13 ++++++++++---
 people/13023.html | 13 ++++++++++---
 people/13024.html | 13 ++++++++++---
 people/13025.html | 13 ++++++++++---
 people/13026.html | 13 ++++++++++---
 people/13027.html | 13 ++++++++++---
 people/13028.html | 13 ++++++++++---
 people/13029.html | 13 ++++++++++---
 people/1303.html  | 13 ++++++++++---
 people/13030.html | 13 ++++++++++---
 people/13031.html | 13 ++++++++++---
 people/13032.html | 13 ++++++++++---
 people/13033.html | 13 ++++++++++---
 people/13034.html | 13 ++++++++++---
 people/13035.html | 13 ++++++++++---
 people/13036.html | 13 ++++++++++---
 people/13037.html | 13 ++++++++++---
 people/13038.html | 13 ++++++++++---
 people/13039.html | 13 ++++++++++---
 people/1304.html  | 13 ++++++++++---
 people/13040.html | 13 ++++++++++---
 people/13041.html | 13 ++++++++++---
 people/13042.html | 13 ++++++++++---
 people/13043.html | 13 ++++++++++---
 people/13044.html | 13 ++++++++++---
 people/13045.html | 13 ++++++++++---
 people/13046.html | 13 ++++++++++---
 people/13047.html | 13 ++++++++++---
 people/13048.html | 13 ++++++++++---
 people/13049.html | 13 ++++++++++---
 people/1305.html  | 13 ++++++++++---
 people/13050.html | 13 ++++++++++---
 people/13051.html | 13 ++++++++++---
 people/13052.html | 13 ++++++++++---
 people/13053.html | 13 ++++++++++---
 people/13054.html | 13 ++++++++++---
 people/13055.html | 13 ++++++++++---
 people/13056.html | 13 ++++++++++---
 people/13057.html | 13 ++++++++++---
 people/13058.html | 13 ++++++++++---
 people/13059.html | 13 ++++++++++---
 people/1306.html  | 13 ++++++++++---
 people/13060.html | 13 ++++++++++---
 people/13061.html | 13 ++++++++++---
 people/13062.html | 13 ++++++++++---
 people/13063.html | 13 ++++++++++---
 people/13064.html | 13 ++++++++++---
 people/13065.html | 13 ++++++++++---
 people/13066.html | 13 ++++++++++---
 people/13067.html | 13 ++++++++++---
 people/13068.html | 13 ++++++++++---
 people/13069.html | 13 ++++++++++---
 people/1307.html  | 13 ++++++++++---
 people/13070.html | 13 ++++++++++---
 people/13071.html | 13 ++++++++++---
 people/13072.html | 13 ++++++++++---
 people/13073.html | 13 ++++++++++---
 people/13074.html | 13 ++++++++++---
 people/13075.html | 13 ++++++++++---
 people/13076.html | 13 ++++++++++---
 people/13077.html | 13 ++++++++++---
 people/13078.html | 13 ++++++++++---
 people/13079.html | 13 ++++++++++---
 people/1308.html  | 13 ++++++++++---
 people/13080.html | 13 ++++++++++---
 people/13081.html | 13 ++++++++++---
 people/13082.html | 13 ++++++++++---
 people/13083.html | 13 ++++++++++---
 people/13084.html | 13 ++++++++++---
 people/13085.html | 13 ++++++++++---
 people/13086.html | 13 ++++++++++---
 people/13087.html | 13 ++++++++++---
 people/13088.html | 13 ++++++++++---
 people/13089.html | 13 ++++++++++---
 people/1309.html  | 13 ++++++++++---
 people/13090.html | 13 ++++++++++---
 people/13091.html | 13 ++++++++++---
 people/13092.html | 13 ++++++++++---
 people/13093.html | 13 ++++++++++---
 people/13094.html | 13 ++++++++++---
 people/13095.html | 13 ++++++++++---
 people/13096.html | 13 ++++++++++---
 people/13097.html | 13 ++++++++++---
 people/13098.html | 13 ++++++++++---
 people/13099.html | 13 ++++++++++---
 people/131.html   | 13 ++++++++++---
 people/1310.html  | 13 ++++++++++---
 people/13100.html | 13 ++++++++++---
 people/13101.html | 13 ++++++++++---
 people/13102.html | 13 ++++++++++---
 people/13103.html | 13 ++++++++++---
 people/13104.html | 13 ++++++++++---
 people/13105.html | 13 ++++++++++---
 people/13106.html | 13 ++++++++++---
 people/13107.html | 13 ++++++++++---
 people/13108.html | 13 ++++++++++---
 people/13109.html | 13 ++++++++++---
 people/1311.html  | 13 ++++++++++---
 people/13110.html | 13 ++++++++++---
 people/13111.html | 13 ++++++++++---
 people/13112.html | 13 ++++++++++---
 people/13113.html | 13 ++++++++++---
 people/13114.html | 13 ++++++++++---
 people/13115.html | 13 ++++++++++---
 people/13116.html | 13 ++++++++++---
 people/13117.html | 13 ++++++++++---
 people/13118.html | 13 ++++++++++---
 people/13119.html | 13 ++++++++++---
 people/1312.html  | 13 ++++++++++---
 people/13120.html | 13 ++++++++++---
 people/13121.html | 13 ++++++++++---
 people/13122.html | 13 ++++++++++---
 people/13123.html | 13 ++++++++++---
 people/13124.html | 13 ++++++++++---
 people/13125.html | 13 ++++++++++---
 people/13126.html | 13 ++++++++++---
 people/13127.html | 13 ++++++++++---
 people/13128.html | 13 ++++++++++---
 people/13129.html | 13 ++++++++++---
 people/1313.html  | 13 ++++++++++---
 people/13130.html | 13 ++++++++++---
 people/13131.html | 13 ++++++++++---
 people/13132.html | 13 ++++++++++---
 people/13133.html | 13 ++++++++++---
 people/13134.html | 13 ++++++++++---
 people/13135.html | 13 ++++++++++---
 people/13136.html | 13 ++++++++++---
 people/13137.html | 13 ++++++++++---
 people/13138.html | 13 ++++++++++---
 people/13139.html | 13 ++++++++++---
 people/1314.html  | 13 ++++++++++---
 people/13140.html | 13 ++++++++++---
 people/13141.html | 13 ++++++++++---
 people/13142.html | 13 ++++++++++---
 people/13143.html | 13 ++++++++++---
 people/13144.html | 13 ++++++++++---
 people/13145.html | 13 ++++++++++---
 people/13146.html | 13 ++++++++++---
 people/13147.html | 13 ++++++++++---
 people/13148.html | 13 ++++++++++---
 people/13149.html | 13 ++++++++++---
 people/1315.html  | 13 ++++++++++---
 people/13150.html | 13 ++++++++++---
 people/13151.html | 13 ++++++++++---
 people/13152.html | 13 ++++++++++---
 people/13153.html | 13 ++++++++++---
 people/13154.html | 13 ++++++++++---
 people/13155.html | 13 ++++++++++---
 people/13156.html | 13 ++++++++++---
 people/13157.html | 13 ++++++++++---
 people/13158.html | 13 ++++++++++---
 people/13159.html | 13 ++++++++++---
 people/1316.html  | 13 ++++++++++---
 people/13160.html | 13 ++++++++++---
 people/13161.html | 13 ++++++++++---
 people/13162.html | 13 ++++++++++---
 people/13163.html | 13 ++++++++++---
 people/13164.html | 13 ++++++++++---
 people/13165.html | 13 ++++++++++---
 people/13166.html | 13 ++++++++++---
 people/13167.html | 13 ++++++++++---
 people/13168.html | 13 ++++++++++---
 people/13169.html | 13 ++++++++++---
 people/1317.html  | 13 ++++++++++---
 people/13170.html | 13 ++++++++++---
 people/13171.html | 13 ++++++++++---
 people/13172.html | 13 ++++++++++---
 people/13173.html | 13 ++++++++++---
 people/13174.html | 13 ++++++++++---
 people/13175.html | 13 ++++++++++---
 people/13176.html | 13 ++++++++++---
 people/13177.html | 13 ++++++++++---
 people/13178.html | 13 ++++++++++---
 people/13179.html | 13 ++++++++++---
 people/1318.html  | 13 ++++++++++---
 people/13180.html | 13 ++++++++++---
 people/13181.html | 13 ++++++++++---
 people/13182.html | 13 ++++++++++---
 people/13183.html | 13 ++++++++++---
 people/13184.html | 13 ++++++++++---
 people/13185.html | 13 ++++++++++---
 people/13186.html | 13 ++++++++++---
 people/13187.html | 13 ++++++++++---
 people/13188.html | 13 ++++++++++---
 people/13189.html | 13 ++++++++++---
 people/1319.html  | 13 ++++++++++---
 people/13190.html | 13 ++++++++++---
 people/13191.html | 13 ++++++++++---
 people/13192.html | 13 ++++++++++---
 people/13193.html | 13 ++++++++++---
 people/13194.html | 13 ++++++++++---
 people/13195.html | 13 ++++++++++---
 people/13196.html | 13 ++++++++++---
 people/13197.html | 13 ++++++++++---
 people/13198.html | 13 ++++++++++---
 people/13199.html | 13 ++++++++++---
 people/132.html   | 13 ++++++++++---
 people/1320.html  | 13 ++++++++++---
 people/13200.html | 13 ++++++++++---
 people/13201.html | 13 ++++++++++---
 people/13202.html | 13 ++++++++++---
 people/13203.html | 13 ++++++++++---
 people/13204.html | 13 ++++++++++---
 people/13205.html | 13 ++++++++++---
 people/13206.html | 13 ++++++++++---
 people/13207.html | 13 ++++++++++---
 people/13208.html | 13 ++++++++++---
 people/13209.html | 13 ++++++++++---
 people/1321.html  | 13 ++++++++++---
 people/13210.html | 13 ++++++++++---
 people/13211.html | 13 ++++++++++---
 people/13212.html | 13 ++++++++++---
 people/13213.html | 13 ++++++++++---
 people/13214.html | 13 ++++++++++---
 people/13215.html | 13 ++++++++++---
 people/13216.html | 13 ++++++++++---
 people/13217.html | 13 ++++++++++---
 people/13218.html | 13 ++++++++++---
 people/13219.html | 13 ++++++++++---
 people/1322.html  | 13 ++++++++++---
 people/13220.html | 13 ++++++++++---
 people/13221.html | 13 ++++++++++---
 people/13222.html | 13 ++++++++++---
 people/13223.html | 13 ++++++++++---
 people/13224.html | 13 ++++++++++---
 people/13225.html | 13 ++++++++++---
 people/13226.html | 13 ++++++++++---
 people/13227.html | 13 ++++++++++---
 people/13228.html | 13 ++++++++++---
 people/13229.html | 13 ++++++++++---
 people/1323.html  | 13 ++++++++++---
 people/13230.html | 13 ++++++++++---
 people/13231.html | 13 ++++++++++---
 people/13232.html | 13 ++++++++++---
 people/13233.html | 13 ++++++++++---
 people/13234.html | 13 ++++++++++---
 people/13235.html | 13 ++++++++++---
 people/13236.html | 13 ++++++++++---
 people/13237.html | 13 ++++++++++---
 people/13238.html | 13 ++++++++++---
 people/13239.html | 13 ++++++++++---
 people/1324.html  | 13 ++++++++++---
 people/13240.html | 13 ++++++++++---
 people/13241.html | 13 ++++++++++---
 people/13242.html | 13 ++++++++++---
 people/13243.html | 13 ++++++++++---
 people/13244.html | 13 ++++++++++---
 people/13245.html | 13 ++++++++++---
 people/13246.html | 13 ++++++++++---
 people/13247.html | 13 ++++++++++---
 people/13248.html | 13 ++++++++++---
 people/13249.html | 13 ++++++++++---
 people/1325.html  | 13 ++++++++++---
 people/13250.html | 13 ++++++++++---
 people/13251.html | 13 ++++++++++---
 people/13252.html | 13 ++++++++++---
 people/13253.html | 13 ++++++++++---
 people/13254.html | 13 ++++++++++---
 people/13255.html | 13 ++++++++++---
 people/13256.html | 13 ++++++++++---
 people/13257.html | 13 ++++++++++---
 people/13258.html | 13 ++++++++++---
 people/13259.html | 13 ++++++++++---
 people/1326.html  | 13 ++++++++++---
 people/13260.html | 13 ++++++++++---
 people/13261.html | 13 ++++++++++---
 people/13262.html | 13 ++++++++++---
 people/13263.html | 13 ++++++++++---
 people/13264.html | 13 ++++++++++---
 people/13265.html | 13 ++++++++++---
 people/13266.html | 13 ++++++++++---
 people/13267.html | 13 ++++++++++---
 people/13268.html | 13 ++++++++++---
 people/13269.html | 13 ++++++++++---
 people/1327.html  | 13 ++++++++++---
 people/13270.html | 13 ++++++++++---
 people/13271.html | 13 ++++++++++---
 people/13272.html | 13 ++++++++++---
 people/13273.html | 13 ++++++++++---
 people/13274.html | 13 ++++++++++---
 people/13275.html | 13 ++++++++++---
 people/13276.html | 13 ++++++++++---
 people/13277.html | 13 ++++++++++---
 people/13278.html | 13 ++++++++++---
 people/13279.html | 13 ++++++++++---
 people/1328.html  | 13 ++++++++++---
 people/13280.html | 13 ++++++++++---
 people/13281.html | 13 ++++++++++---
 people/13282.html | 13 ++++++++++---
 people/13283.html | 13 ++++++++++---
 people/13284.html | 13 ++++++++++---
 people/13285.html | 13 ++++++++++---
 people/13286.html | 13 ++++++++++---
 people/13287.html | 13 ++++++++++---
 people/13288.html | 13 ++++++++++---
 people/13289.html | 13 ++++++++++---
 people/1329.html  | 13 ++++++++++---
 people/13290.html | 13 ++++++++++---
 people/13291.html | 13 ++++++++++---
 people/13292.html | 13 ++++++++++---
 people/13293.html | 13 ++++++++++---
 people/13294.html | 13 ++++++++++---
 people/13295.html | 13 ++++++++++---
 people/13296.html | 13 ++++++++++---
 people/13297.html | 13 ++++++++++---
 people/13298.html | 13 ++++++++++---
 people/13299.html | 13 ++++++++++---
 people/133.html   | 13 ++++++++++---
 people/1330.html  | 13 ++++++++++---
 people/13300.html | 13 ++++++++++---
 people/13301.html | 13 ++++++++++---
 people/13302.html | 13 ++++++++++---
 people/13303.html | 13 ++++++++++---
 people/13304.html | 13 ++++++++++---
 people/13305.html | 13 ++++++++++---
 people/13306.html | 13 ++++++++++---
 people/13307.html | 13 ++++++++++---
 people/13308.html | 13 ++++++++++---
 people/13309.html | 13 ++++++++++---
 people/1331.html  | 13 ++++++++++---
 people/13310.html | 13 ++++++++++---
 people/13311.html | 13 ++++++++++---
 people/13312.html | 13 ++++++++++---
 people/13313.html | 13 ++++++++++---
 people/13314.html | 13 ++++++++++---
 people/13315.html | 13 ++++++++++---
 people/13316.html | 13 ++++++++++---
 people/13317.html | 13 ++++++++++---
 people/13318.html | 13 ++++++++++---
 people/13319.html | 13 ++++++++++---
 people/1332.html  | 13 ++++++++++---
 people/13320.html | 13 ++++++++++---
 people/13321.html | 13 ++++++++++---
 people/13322.html | 13 ++++++++++---
 people/13323.html | 13 ++++++++++---
 people/13324.html | 13 ++++++++++---
 people/13325.html | 13 ++++++++++---
 people/13326.html | 13 ++++++++++---
 people/13327.html | 13 ++++++++++---
 people/13328.html | 13 ++++++++++---
 people/13329.html | 13 ++++++++++---
 people/1333.html  | 13 ++++++++++---
 people/13330.html | 13 ++++++++++---
 people/13331.html | 13 ++++++++++---
 people/13332.html | 13 ++++++++++---
 people/13333.html | 13 ++++++++++---
 people/13334.html | 13 ++++++++++---
 people/13335.html | 13 ++++++++++---
 people/13336.html | 13 ++++++++++---
 people/13337.html | 13 ++++++++++---
 people/13338.html | 13 ++++++++++---
 people/13339.html | 13 ++++++++++---
 people/1334.html  | 13 ++++++++++---
 people/13340.html | 13 ++++++++++---
 people/13341.html | 13 ++++++++++---
 people/13342.html | 13 ++++++++++---
 people/13343.html | 13 ++++++++++---
 people/13344.html | 13 ++++++++++---
 people/13345.html | 13 ++++++++++---
 people/13346.html | 13 ++++++++++---
 people/13347.html | 13 ++++++++++---
 people/13348.html | 13 ++++++++++---
 people/13349.html | 13 ++++++++++---
 people/1335.html  | 13 ++++++++++---
 people/13350.html | 13 ++++++++++---
 people/13351.html | 13 ++++++++++---
 people/13352.html | 13 ++++++++++---
 people/13353.html | 13 ++++++++++---
 people/13354.html | 13 ++++++++++---
 people/13355.html | 13 ++++++++++---
 people/13356.html | 13 ++++++++++---
 people/13357.html | 13 ++++++++++---
 people/13358.html | 13 ++++++++++---
 people/13359.html | 13 ++++++++++---
 people/1336.html  | 13 ++++++++++---
 people/13360.html | 13 ++++++++++---
 people/13361.html | 13 ++++++++++---
 people/13362.html | 13 ++++++++++---
 people/13363.html | 13 ++++++++++---
 people/13364.html | 13 ++++++++++---
 people/13365.html | 13 ++++++++++---
 people/13366.html | 13 ++++++++++---
 people/13367.html | 13 ++++++++++---
 people/13368.html | 13 ++++++++++---
 people/13369.html | 13 ++++++++++---
 people/1337.html  | 13 ++++++++++---
 people/13370.html | 13 ++++++++++---
 people/13371.html | 13 ++++++++++---
 people/13372.html | 13 ++++++++++---
 people/13373.html | 13 ++++++++++---
 people/13374.html | 13 ++++++++++---
 people/13375.html | 13 ++++++++++---
 people/13376.html | 13 ++++++++++---
 people/13377.html | 13 ++++++++++---
 people/13378.html | 13 ++++++++++---
 people/13379.html | 13 ++++++++++---
 people/1338.html  | 13 ++++++++++---
 people/13380.html | 13 ++++++++++---
 people/13381.html | 13 ++++++++++---
 people/13382.html | 13 ++++++++++---
 people/13383.html | 13 ++++++++++---
 people/13384.html | 13 ++++++++++---
 people/13385.html | 13 ++++++++++---
 people/13386.html | 13 ++++++++++---
 people/13387.html | 13 ++++++++++---
 people/13388.html | 13 ++++++++++---
 people/13389.html | 13 ++++++++++---
 people/1339.html  | 13 ++++++++++---
 people/13390.html | 13 ++++++++++---
 people/13391.html | 13 ++++++++++---
 people/13392.html | 13 ++++++++++---
 people/13393.html | 13 ++++++++++---
 people/13394.html | 13 ++++++++++---
 people/13395.html | 13 ++++++++++---
 people/13396.html | 13 ++++++++++---
 people/13397.html | 13 ++++++++++---
 people/13398.html | 13 ++++++++++---
 people/13399.html | 13 ++++++++++---
 people/134.html   | 13 ++++++++++---
 people/1340.html  | 13 ++++++++++---
 people/13400.html | 13 ++++++++++---
 people/13401.html | 13 ++++++++++---
 people/13402.html | 13 ++++++++++---
 people/13403.html | 13 ++++++++++---
 people/13404.html | 13 ++++++++++---
 people/13405.html | 13 ++++++++++---
 people/13406.html | 13 ++++++++++---
 people/13407.html | 13 ++++++++++---
 people/13408.html | 13 ++++++++++---
 people/13409.html | 13 ++++++++++---
 people/1341.html  | 13 ++++++++++---
 people/13410.html | 13 ++++++++++---
 people/13411.html | 13 ++++++++++---
 people/13412.html | 13 ++++++++++---
 people/13413.html | 13 ++++++++++---
 people/13414.html | 13 ++++++++++---
 people/13415.html | 13 ++++++++++---
 people/13416.html | 13 ++++++++++---
 people/13417.html | 13 ++++++++++---
 people/13418.html | 13 ++++++++++---
 people/13419.html | 13 ++++++++++---
 people/1342.html  | 13 ++++++++++---
 people/13420.html | 13 ++++++++++---
 people/13421.html | 13 ++++++++++---
 people/13422.html | 13 ++++++++++---
 people/13423.html | 13 ++++++++++---
 people/13424.html | 13 ++++++++++---
 people/13425.html | 13 ++++++++++---
 people/13426.html | 13 ++++++++++---
 people/13427.html | 13 ++++++++++---
 people/13428.html | 13 ++++++++++---
 people/13429.html | 13 ++++++++++---
 people/1343.html  | 13 ++++++++++---
 people/13430.html | 13 ++++++++++---
 people/13431.html | 13 ++++++++++---
 people/13432.html | 13 ++++++++++---
 people/13433.html | 13 ++++++++++---
 people/13434.html | 13 ++++++++++---
 people/13435.html | 13 ++++++++++---
 people/13436.html | 13 ++++++++++---
 people/13437.html | 13 ++++++++++---
 people/13438.html | 13 ++++++++++---
 people/13439.html | 13 ++++++++++---
 people/1344.html  | 13 ++++++++++---
 people/13440.html | 13 ++++++++++---
 people/13441.html | 13 ++++++++++---
 people/13442.html | 13 ++++++++++---
 people/13443.html | 13 ++++++++++---
 people/13444.html | 13 ++++++++++---
 people/13445.html | 13 ++++++++++---
 people/13446.html | 13 ++++++++++---
 people/13447.html | 13 ++++++++++---
 people/13448.html | 13 ++++++++++---
 people/13449.html | 13 ++++++++++---
 people/1345.html  | 13 ++++++++++---
 people/13450.html | 13 ++++++++++---
 people/13451.html | 13 ++++++++++---
 people/13452.html | 13 ++++++++++---
 people/13453.html | 13 ++++++++++---
 people/13454.html | 13 ++++++++++---
 people/13455.html | 13 ++++++++++---
 people/13456.html | 13 ++++++++++---
 people/13457.html | 13 ++++++++++---
 people/13458.html | 13 ++++++++++---
 people/13459.html | 13 ++++++++++---
 people/1346.html  | 13 ++++++++++---
 people/13460.html | 13 ++++++++++---
 people/13461.html | 13 ++++++++++---
 people/13462.html | 13 ++++++++++---
 people/13463.html | 13 ++++++++++---
 people/13464.html | 13 ++++++++++---
 people/13465.html | 13 ++++++++++---
 people/13466.html | 13 ++++++++++---
 people/13467.html | 13 ++++++++++---
 people/13468.html | 13 ++++++++++---
 people/13469.html | 13 ++++++++++---
 people/1347.html  | 13 ++++++++++---
 people/13470.html | 13 ++++++++++---
 people/13471.html | 13 ++++++++++---
 people/13472.html | 13 ++++++++++---
 people/13473.html | 13 ++++++++++---
 people/13474.html | 13 ++++++++++---
 people/13475.html | 13 ++++++++++---
 people/13476.html | 13 ++++++++++---
 people/13477.html | 13 ++++++++++---
 people/13478.html | 13 ++++++++++---
 people/13479.html | 13 ++++++++++---
 people/1348.html  | 13 ++++++++++---
 people/13480.html | 13 ++++++++++---
 people/13481.html | 13 ++++++++++---
 people/13482.html | 13 ++++++++++---
 people/13483.html | 13 ++++++++++---
 people/13484.html | 13 ++++++++++---
 people/13485.html | 13 ++++++++++---
 people/13486.html | 13 ++++++++++---
 people/13487.html | 13 ++++++++++---
 people/13488.html | 13 ++++++++++---
 people/13489.html | 13 ++++++++++---
 people/1349.html  | 13 ++++++++++---
 people/13490.html | 13 ++++++++++---
 people/13491.html | 13 ++++++++++---
 people/13492.html | 13 ++++++++++---
 people/13493.html | 13 ++++++++++---
 people/13494.html | 13 ++++++++++---
 people/13495.html | 13 ++++++++++---
 people/13496.html | 13 ++++++++++---
 people/13497.html | 13 ++++++++++---
 people/13498.html | 13 ++++++++++---
 people/13499.html | 13 ++++++++++---
 people/135.html   | 13 ++++++++++---
 people/1350.html  | 13 ++++++++++---
 people/13500.html | 13 ++++++++++---
 people/13501.html | 13 ++++++++++---
 people/13502.html | 13 ++++++++++---
 people/13503.html | 13 ++++++++++---
 people/13504.html | 13 ++++++++++---
 people/13505.html | 13 ++++++++++---
 people/13506.html | 13 ++++++++++---
 people/13507.html | 13 ++++++++++---
 people/13508.html | 13 ++++++++++---
 people/13509.html | 13 ++++++++++---
 people/1351.html  | 13 ++++++++++---
 people/13510.html | 13 ++++++++++---
 people/13511.html | 13 ++++++++++---
 people/13512.html | 13 ++++++++++---
 people/13513.html | 13 ++++++++++---
 people/13514.html | 13 ++++++++++---
 people/13515.html | 13 ++++++++++---
 people/13516.html | 13 ++++++++++---
 people/13517.html | 13 ++++++++++---
 people/13518.html | 13 ++++++++++---
 people/13519.html | 13 ++++++++++---
 people/1352.html  | 13 ++++++++++---
 people/13520.html | 13 ++++++++++---
 people/13521.html | 13 ++++++++++---
 people/13522.html | 13 ++++++++++---
 people/13523.html | 13 ++++++++++---
 people/13524.html | 13 ++++++++++---
 people/13525.html | 13 ++++++++++---
 people/13526.html | 13 ++++++++++---
 people/13527.html | 13 ++++++++++---
 people/13528.html | 13 ++++++++++---
 people/13529.html | 13 ++++++++++---
 people/1353.html  | 13 ++++++++++---
 people/13530.html | 13 ++++++++++---
 people/13531.html | 13 ++++++++++---
 people/13532.html | 13 ++++++++++---
 people/13533.html | 13 ++++++++++---
 people/13534.html | 13 ++++++++++---
 people/13535.html | 13 ++++++++++---
 people/13536.html | 13 ++++++++++---
 people/13537.html | 13 ++++++++++---
 people/13538.html | 13 ++++++++++---
 people/13539.html | 13 ++++++++++---
 people/1354.html  | 13 ++++++++++---
 people/13540.html | 13 ++++++++++---
 people/13541.html | 13 ++++++++++---
 people/13542.html | 13 ++++++++++---
 people/13543.html | 13 ++++++++++---
 people/13544.html | 13 ++++++++++---
 people/13545.html | 13 ++++++++++---
 people/13546.html | 13 ++++++++++---
 people/13547.html | 13 ++++++++++---
 people/13548.html | 13 ++++++++++---
 people/13549.html | 13 ++++++++++---
 people/1355.html  | 13 ++++++++++---
 people/13550.html | 13 ++++++++++---
 people/13551.html | 13 ++++++++++---
 people/13552.html | 13 ++++++++++---
 people/13553.html | 13 ++++++++++---
 people/13554.html | 13 ++++++++++---
 people/13555.html | 13 ++++++++++---
 people/13556.html | 13 ++++++++++---
 people/13557.html | 13 ++++++++++---
 people/13558.html | 13 ++++++++++---
 people/13559.html | 13 ++++++++++---
 people/1356.html  | 13 ++++++++++---
 people/13560.html | 13 ++++++++++---
 people/13561.html | 13 ++++++++++---
 people/13562.html | 13 ++++++++++---
 people/13563.html | 13 ++++++++++---
 people/13564.html | 13 ++++++++++---
 people/13565.html | 13 ++++++++++---
 people/13566.html | 13 ++++++++++---
 people/13567.html | 13 ++++++++++---
 people/13568.html | 13 ++++++++++---
 people/13569.html | 13 ++++++++++---
 people/1357.html  | 13 ++++++++++---
 people/13570.html | 13 ++++++++++---
 people/13571.html | 13 ++++++++++---
 people/13572.html | 13 ++++++++++---
 people/13573.html | 13 ++++++++++---
 people/13574.html | 13 ++++++++++---
 people/13575.html | 13 ++++++++++---
 people/13576.html | 13 ++++++++++---
 people/13577.html | 13 ++++++++++---
 people/13578.html | 13 ++++++++++---
 people/13579.html | 13 ++++++++++---
 people/1358.html  | 13 ++++++++++---
 people/13580.html | 13 ++++++++++---
 people/13581.html | 13 ++++++++++---
 people/13582.html | 13 ++++++++++---
 people/13583.html | 13 ++++++++++---
 people/13584.html | 13 ++++++++++---
 people/13585.html | 13 ++++++++++---
 people/13586.html | 13 ++++++++++---
 people/13587.html | 13 ++++++++++---
 people/13588.html | 13 ++++++++++---
 people/13589.html | 13 ++++++++++---
 people/1359.html  | 13 ++++++++++---
 people/13590.html | 13 ++++++++++---
 people/13591.html | 13 ++++++++++---
 people/13592.html | 13 ++++++++++---
 people/13593.html | 13 ++++++++++---
 people/13594.html | 13 ++++++++++---
 people/13595.html | 13 ++++++++++---
 people/13596.html | 13 ++++++++++---
 people/13597.html | 13 ++++++++++---
 people/13598.html | 13 ++++++++++---
 people/13599.html | 13 ++++++++++---
 people/136.html   | 13 ++++++++++---
 people/1360.html  | 13 ++++++++++---
 people/13600.html | 13 ++++++++++---
 people/13601.html | 13 ++++++++++---
 people/13602.html | 13 ++++++++++---
 people/13603.html | 13 ++++++++++---
 people/13604.html | 13 ++++++++++---
 people/13605.html | 13 ++++++++++---
 people/13606.html | 13 ++++++++++---
 people/13607.html | 13 ++++++++++---
 people/13608.html | 13 ++++++++++---
 people/13609.html | 13 ++++++++++---
 people/1361.html  | 13 ++++++++++---
 people/13610.html | 13 ++++++++++---
 people/13611.html | 13 ++++++++++---
 people/13612.html | 13 ++++++++++---
 people/13613.html | 13 ++++++++++---
 people/13614.html | 13 ++++++++++---
 people/13615.html | 13 ++++++++++---
 people/13616.html | 13 ++++++++++---
 people/13617.html | 13 ++++++++++---
 people/13618.html | 13 ++++++++++---
 people/13619.html | 13 ++++++++++---
 people/1362.html  | 13 ++++++++++---
 people/13620.html | 13 ++++++++++---
 people/13621.html | 13 ++++++++++---
 people/13622.html | 13 ++++++++++---
 people/13623.html | 13 ++++++++++---
 people/13624.html | 13 ++++++++++---
 people/13625.html | 13 ++++++++++---
 people/13626.html | 13 ++++++++++---
 people/13627.html | 13 ++++++++++---
 people/13628.html | 13 ++++++++++---
 people/13629.html | 13 ++++++++++---
 people/1363.html  | 13 ++++++++++---
 people/13630.html | 13 ++++++++++---
 people/13631.html | 13 ++++++++++---
 people/13632.html | 13 ++++++++++---
 people/13633.html | 13 ++++++++++---
 people/13634.html | 13 ++++++++++---
 people/13635.html | 13 ++++++++++---
 people/13636.html | 13 ++++++++++---
 people/13637.html | 13 ++++++++++---
 people/13638.html | 13 ++++++++++---
 people/13639.html | 13 ++++++++++---
 people/1364.html  | 13 ++++++++++---
 people/13640.html | 13 ++++++++++---
 people/13641.html | 13 ++++++++++---
 people/13642.html | 13 ++++++++++---
 people/13643.html | 13 ++++++++++---
 people/13644.html | 13 ++++++++++---
 people/13645.html | 13 ++++++++++---
 people/13646.html | 13 ++++++++++---
 people/13647.html | 13 ++++++++++---
 people/13648.html | 13 ++++++++++---
 people/13649.html | 13 ++++++++++---
 people/1365.html  | 13 ++++++++++---
 people/13650.html | 13 ++++++++++---
 people/13651.html | 13 ++++++++++---
 people/13652.html | 13 ++++++++++---
 people/13653.html | 13 ++++++++++---
 people/13654.html | 13 ++++++++++---
 people/13655.html | 13 ++++++++++---
 people/13656.html | 13 ++++++++++---
 people/13657.html | 13 ++++++++++---
 people/13658.html | 13 ++++++++++---
 people/13659.html | 13 ++++++++++---
 people/1366.html  | 13 ++++++++++---
 people/13660.html | 13 ++++++++++---
 people/13661.html | 13 ++++++++++---
 people/13662.html | 13 ++++++++++---
 people/13663.html | 13 ++++++++++---
 people/13664.html | 13 ++++++++++---
 people/13665.html | 13 ++++++++++---
 people/13666.html | 13 ++++++++++---
 people/13667.html | 13 ++++++++++---
 people/13668.html | 13 ++++++++++---
 people/13669.html | 13 ++++++++++---
 people/1367.html  | 13 ++++++++++---
 people/13670.html | 13 ++++++++++---
 people/13671.html | 13 ++++++++++---
 people/13672.html | 13 ++++++++++---
 people/13673.html | 13 ++++++++++---
 people/13674.html | 13 ++++++++++---
 people/13675.html | 13 ++++++++++---
 people/13676.html | 13 ++++++++++---
 people/13677.html | 13 ++++++++++---
 people/13678.html | 13 ++++++++++---
 people/13679.html | 13 ++++++++++---
 people/1368.html  | 13 ++++++++++---
 people/13680.html | 13 ++++++++++---
 people/13681.html | 13 ++++++++++---
 people/13682.html | 13 ++++++++++---
 people/13683.html | 13 ++++++++++---
 people/13684.html | 13 ++++++++++---
 people/13685.html | 13 ++++++++++---
 people/13686.html | 13 ++++++++++---
 people/13687.html | 13 ++++++++++---
 people/13688.html | 13 ++++++++++---
 people/13689.html | 13 ++++++++++---
 people/1369.html  | 13 ++++++++++---
 people/13690.html | 13 ++++++++++---
 people/13691.html | 13 ++++++++++---
 people/13692.html | 13 ++++++++++---
 people/13693.html | 13 ++++++++++---
 people/13694.html | 13 ++++++++++---
 people/13695.html | 13 ++++++++++---
 people/13696.html | 13 ++++++++++---
 people/13697.html | 13 ++++++++++---
 people/13698.html | 13 ++++++++++---
 people/13699.html | 13 ++++++++++---
 people/137.html   | 13 ++++++++++---
 people/1370.html  | 13 ++++++++++---
 people/13700.html | 13 ++++++++++---
 people/13701.html | 13 ++++++++++---
 people/13702.html | 13 ++++++++++---
 people/13703.html | 13 ++++++++++---
 people/13704.html | 13 ++++++++++---
 people/13705.html | 13 ++++++++++---
 people/13706.html | 13 ++++++++++---
 people/13707.html | 13 ++++++++++---
 people/13708.html | 13 ++++++++++---
 people/13709.html | 13 ++++++++++---
 people/1371.html  | 13 ++++++++++---
 people/13710.html | 13 ++++++++++---
 people/13711.html | 13 ++++++++++---
 people/13712.html | 13 ++++++++++---
 people/13713.html | 13 ++++++++++---
 people/13714.html | 13 ++++++++++---
 people/13715.html | 13 ++++++++++---
 people/13716.html | 13 ++++++++++---
 people/13717.html | 13 ++++++++++---
 people/13718.html | 13 ++++++++++---
 people/13719.html | 13 ++++++++++---
 people/1372.html  | 13 ++++++++++---
 people/13720.html | 13 ++++++++++---
 people/13721.html | 13 ++++++++++---
 people/13722.html | 13 ++++++++++---
 people/13723.html | 13 ++++++++++---
 people/13724.html | 13 ++++++++++---
 people/13725.html | 13 ++++++++++---
 people/13726.html | 13 ++++++++++---
 people/13727.html | 13 ++++++++++---
 people/13728.html | 13 ++++++++++---
 people/13729.html | 13 ++++++++++---
 people/1373.html  | 13 ++++++++++---
 people/13730.html | 13 ++++++++++---
 people/13731.html | 13 ++++++++++---
 people/13732.html | 13 ++++++++++---
 people/13733.html | 13 ++++++++++---
 people/13734.html | 13 ++++++++++---
 people/13735.html | 13 ++++++++++---
 people/13736.html | 13 ++++++++++---
 people/13737.html | 13 ++++++++++---
 people/13738.html | 13 ++++++++++---
 people/13739.html | 13 ++++++++++---
 people/1374.html  | 13 ++++++++++---
 people/13740.html | 13 ++++++++++---
 people/13741.html | 13 ++++++++++---
 people/13742.html | 13 ++++++++++---
 people/13743.html | 13 ++++++++++---
 people/13744.html | 13 ++++++++++---
 people/13745.html | 13 ++++++++++---
 people/13746.html | 13 ++++++++++---
 people/13747.html | 13 ++++++++++---
 people/13748.html | 13 ++++++++++---
 people/13749.html | 13 ++++++++++---
 people/1375.html  | 13 ++++++++++---
 people/13750.html | 13 ++++++++++---
 people/13751.html | 13 ++++++++++---
 people/13752.html | 13 ++++++++++---
 people/13753.html | 13 ++++++++++---
 people/13754.html | 13 ++++++++++---
 people/13755.html | 13 ++++++++++---
 people/13756.html | 13 ++++++++++---
 people/13757.html | 13 ++++++++++---
 people/13758.html | 13 ++++++++++---
 people/13759.html | 13 ++++++++++---
 people/1376.html  | 13 ++++++++++---
 people/13760.html | 13 ++++++++++---
 people/13761.html | 13 ++++++++++---
 people/13762.html | 13 ++++++++++---
 people/13763.html | 13 ++++++++++---
 people/13764.html | 13 ++++++++++---
 people/13765.html | 13 ++++++++++---
 people/13766.html | 13 ++++++++++---
 people/13767.html | 13 ++++++++++---
 people/13768.html | 13 ++++++++++---
 people/13769.html | 13 ++++++++++---
 people/1377.html  | 13 ++++++++++---
 people/13770.html | 13 ++++++++++---
 people/13771.html | 13 ++++++++++---
 people/13772.html | 13 ++++++++++---
 people/13773.html | 13 ++++++++++---
 people/13774.html | 13 ++++++++++---
 people/13775.html | 13 ++++++++++---
 people/13776.html | 13 ++++++++++---
 people/13777.html | 13 ++++++++++---
 people/13778.html | 13 ++++++++++---
 people/13779.html | 13 ++++++++++---
 people/1378.html  | 13 ++++++++++---
 people/13780.html | 13 ++++++++++---
 people/13781.html | 13 ++++++++++---
 people/13782.html | 13 ++++++++++---
 people/13783.html | 13 ++++++++++---
 people/13784.html | 13 ++++++++++---
 people/13785.html | 13 ++++++++++---
 people/13786.html | 13 ++++++++++---
 people/13787.html | 13 ++++++++++---
 people/13788.html | 13 ++++++++++---
 people/13789.html | 13 ++++++++++---
 people/1379.html  | 13 ++++++++++---
 people/13790.html | 13 ++++++++++---
 people/13791.html | 13 ++++++++++---
 people/13792.html | 13 ++++++++++---
 people/13793.html | 13 ++++++++++---
 people/13794.html | 13 ++++++++++---
 people/13795.html | 13 ++++++++++---
 people/13796.html | 13 ++++++++++---
 people/13797.html | 13 ++++++++++---
 people/13798.html | 13 ++++++++++---
 people/13799.html | 13 ++++++++++---
 people/138.html   | 13 ++++++++++---
 people/1380.html  | 13 ++++++++++---
 people/13800.html | 13 ++++++++++---
 people/13801.html | 13 ++++++++++---
 people/13802.html | 13 ++++++++++---
 people/13803.html | 13 ++++++++++---
 people/13804.html | 13 ++++++++++---
 people/13805.html | 13 ++++++++++---
 people/13806.html | 13 ++++++++++---
 people/13807.html | 13 ++++++++++---
 people/13808.html | 13 ++++++++++---
 people/13809.html | 13 ++++++++++---
 people/1381.html  | 13 ++++++++++---
 people/13810.html | 13 ++++++++++---
 people/13811.html | 13 ++++++++++---
 people/13812.html | 13 ++++++++++---
 people/13813.html | 13 ++++++++++---
 people/13814.html | 13 ++++++++++---
 people/13815.html | 13 ++++++++++---
 people/13816.html | 13 ++++++++++---
 people/13817.html | 13 ++++++++++---
 people/13818.html | 13 ++++++++++---
 people/13819.html | 13 ++++++++++---
 people/1382.html  | 13 ++++++++++---
 people/13820.html | 13 ++++++++++---
 people/13821.html | 13 ++++++++++---
 people/13822.html | 13 ++++++++++---
 people/13823.html | 13 ++++++++++---
 people/13824.html | 13 ++++++++++---
 people/13825.html | 13 ++++++++++---
 people/13826.html | 13 ++++++++++---
 people/13827.html | 13 ++++++++++---
 people/13828.html | 13 ++++++++++---
 people/13829.html | 13 ++++++++++---
 people/1383.html  | 13 ++++++++++---
 people/13830.html | 13 ++++++++++---
 people/13831.html | 13 ++++++++++---
 people/13832.html | 13 ++++++++++---
 people/13833.html | 13 ++++++++++---
 people/13834.html | 13 ++++++++++---
 people/13835.html | 13 ++++++++++---
 people/13836.html | 13 ++++++++++---
 people/13837.html | 13 ++++++++++---
 people/13838.html | 13 ++++++++++---
 people/13839.html | 13 ++++++++++---
 people/1384.html  | 13 ++++++++++---
 people/13840.html | 13 ++++++++++---
 people/13841.html | 13 ++++++++++---
 people/13842.html | 13 ++++++++++---
 people/13843.html | 13 ++++++++++---
 people/13844.html | 13 ++++++++++---
 people/13845.html | 13 ++++++++++---
 people/13846.html | 13 ++++++++++---
 people/13847.html | 13 ++++++++++---
 people/13848.html | 13 ++++++++++---
 people/13849.html | 13 ++++++++++---
 people/1385.html  | 13 ++++++++++---
 people/13850.html | 13 ++++++++++---
 people/13851.html | 13 ++++++++++---
 people/13852.html | 13 ++++++++++---
 people/13853.html | 13 ++++++++++---
 people/13854.html | 13 ++++++++++---
 people/13855.html | 13 ++++++++++---
 people/13856.html | 13 ++++++++++---
 people/13857.html | 13 ++++++++++---
 people/13858.html | 13 ++++++++++---
 people/13859.html | 13 ++++++++++---
 people/1386.html  | 13 ++++++++++---
 people/13860.html | 13 ++++++++++---
 people/13861.html | 13 ++++++++++---
 people/13862.html | 13 ++++++++++---
 people/13863.html | 13 ++++++++++---
 people/13864.html | 13 ++++++++++---
 people/13865.html | 13 ++++++++++---
 people/13866.html | 13 ++++++++++---
 people/13867.html | 13 ++++++++++---
 people/13868.html | 13 ++++++++++---
 people/13869.html | 13 ++++++++++---
 people/1387.html  | 13 ++++++++++---
 people/13870.html | 13 ++++++++++---
 people/13871.html | 13 ++++++++++---
 people/13872.html | 13 ++++++++++---
 people/13873.html | 13 ++++++++++---
 people/13874.html | 13 ++++++++++---
 people/13875.html | 13 ++++++++++---
 people/13876.html | 13 ++++++++++---
 people/13877.html | 13 ++++++++++---
 people/13878.html | 13 ++++++++++---
 people/13879.html | 13 ++++++++++---
 people/1388.html  | 13 ++++++++++---
 people/13880.html | 13 ++++++++++---
 people/13881.html | 13 ++++++++++---
 people/13882.html | 13 ++++++++++---
 people/13883.html | 13 ++++++++++---
 people/13884.html | 13 ++++++++++---
 people/13885.html | 13 ++++++++++---
 people/13886.html | 13 ++++++++++---
 people/13887.html | 13 ++++++++++---
 people/13888.html | 13 ++++++++++---
 people/13889.html | 13 ++++++++++---
 people/1389.html  | 13 ++++++++++---
 people/13890.html | 13 ++++++++++---
 people/13891.html | 13 ++++++++++---
 people/13892.html | 13 ++++++++++---
 people/13893.html | 13 ++++++++++---
 people/13894.html | 13 ++++++++++---
 people/13895.html | 13 ++++++++++---
 people/13896.html | 13 ++++++++++---
 people/13897.html | 13 ++++++++++---
 people/13898.html | 13 ++++++++++---
 people/13899.html | 13 ++++++++++---
 people/139.html   | 13 ++++++++++---
 people/1390.html  | 13 ++++++++++---
 people/13900.html | 13 ++++++++++---
 people/13901.html | 13 ++++++++++---
 people/13902.html | 13 ++++++++++---
 people/13903.html | 13 ++++++++++---
 people/13904.html | 13 ++++++++++---
 people/13905.html | 13 ++++++++++---
 people/13906.html | 13 ++++++++++---
 people/13907.html | 13 ++++++++++---
 people/13908.html | 13 ++++++++++---
 people/13909.html | 13 ++++++++++---
 people/1391.html  | 13 ++++++++++---
 people/13910.html | 13 ++++++++++---
 people/13911.html | 13 ++++++++++---
 people/13912.html | 13 ++++++++++---
 people/13913.html | 13 ++++++++++---
 people/13914.html | 13 ++++++++++---
 people/13915.html | 13 ++++++++++---
 people/13916.html | 13 ++++++++++---
 people/13917.html | 13 ++++++++++---
 people/13918.html | 13 ++++++++++---
 people/13919.html | 13 ++++++++++---
 people/1392.html  | 13 ++++++++++---
 people/13920.html | 13 ++++++++++---
 people/13921.html | 13 ++++++++++---
 people/13922.html | 13 ++++++++++---
 people/13923.html | 13 ++++++++++---
 people/13924.html | 13 ++++++++++---
 people/13925.html | 13 ++++++++++---
 people/13926.html | 13 ++++++++++---
 people/13927.html | 13 ++++++++++---
 people/13928.html | 13 ++++++++++---
 people/13929.html | 13 ++++++++++---
 people/1393.html  | 13 ++++++++++---
 people/13930.html | 13 ++++++++++---
 people/13931.html | 13 ++++++++++---
 people/13932.html | 13 ++++++++++---
 people/13933.html | 13 ++++++++++---
 people/13934.html | 13 ++++++++++---
 people/13935.html | 13 ++++++++++---
 people/13936.html | 13 ++++++++++---
 people/13937.html | 13 ++++++++++---
 people/13938.html | 13 ++++++++++---
 people/13939.html | 13 ++++++++++---
 people/1394.html  | 13 ++++++++++---
 people/13940.html | 13 ++++++++++---
 people/13941.html | 13 ++++++++++---
 people/13942.html | 13 ++++++++++---
 people/13943.html | 13 ++++++++++---
 people/13944.html | 13 ++++++++++---
 people/13945.html | 13 ++++++++++---
 people/13946.html | 13 ++++++++++---
 people/13947.html | 13 ++++++++++---
 people/13948.html | 13 ++++++++++---
 people/13949.html | 13 ++++++++++---
 people/1395.html  | 13 ++++++++++---
 people/13950.html | 13 ++++++++++---
 people/13951.html | 13 ++++++++++---
 people/13952.html | 13 ++++++++++---
 people/13953.html | 13 ++++++++++---
 people/13954.html | 13 ++++++++++---
 people/13955.html | 13 ++++++++++---
 people/13956.html | 13 ++++++++++---
 people/13957.html | 13 ++++++++++---
 people/13958.html | 13 ++++++++++---
 people/13959.html | 13 ++++++++++---
 people/1396.html  | 13 ++++++++++---
 people/13960.html | 13 ++++++++++---
 people/13961.html | 13 ++++++++++---
 people/13962.html | 13 ++++++++++---
 people/13963.html | 13 ++++++++++---
 people/13964.html | 13 ++++++++++---
 people/13965.html | 13 ++++++++++---
 people/13966.html | 13 ++++++++++---
 people/13967.html | 13 ++++++++++---
 people/13968.html | 13 ++++++++++---
 people/13969.html | 13 ++++++++++---
 people/1397.html  | 13 ++++++++++---
 people/13970.html | 13 ++++++++++---
 people/13971.html | 13 ++++++++++---
 people/13972.html | 13 ++++++++++---
 people/13973.html | 13 ++++++++++---
 people/13974.html | 13 ++++++++++---
 people/13975.html | 13 ++++++++++---
 people/13976.html | 13 ++++++++++---
 people/13977.html | 13 ++++++++++---
 people/13978.html | 13 ++++++++++---
 people/13979.html | 13 ++++++++++---
 people/1398.html  | 13 ++++++++++---
 people/13980.html | 13 ++++++++++---
 people/13981.html | 13 ++++++++++---
 people/13982.html | 13 ++++++++++---
 people/13983.html | 13 ++++++++++---
 people/13984.html | 13 ++++++++++---
 people/13985.html | 13 ++++++++++---
 people/13986.html | 13 ++++++++++---
 people/13987.html | 13 ++++++++++---
 people/13988.html | 13 ++++++++++---
 people/13989.html | 13 ++++++++++---
 people/1399.html  | 13 ++++++++++---
 people/13990.html | 13 ++++++++++---
 people/13991.html | 13 ++++++++++---
 people/13992.html | 13 ++++++++++---
 people/13993.html | 13 ++++++++++---
 people/13994.html | 13 ++++++++++---
 people/13995.html | 13 ++++++++++---
 people/13996.html | 13 ++++++++++---
 people/13997.html | 13 ++++++++++---
 people/13998.html | 13 ++++++++++---
 people/13999.html | 13 ++++++++++---
 people/14.html    | 13 ++++++++++---
 people/140.html   | 13 ++++++++++---
 people/1400.html  | 13 ++++++++++---
 people/14000.html | 13 ++++++++++---
 people/14001.html | 13 ++++++++++---
 people/14002.html | 13 ++++++++++---
 people/14003.html | 13 ++++++++++---
 people/14004.html | 13 ++++++++++---
 people/14005.html | 13 ++++++++++---
 people/14006.html | 13 ++++++++++---
 people/14007.html | 13 ++++++++++---
 people/14008.html | 13 ++++++++++---
 people/14009.html | 13 ++++++++++---
 people/1401.html  | 13 ++++++++++---
 people/14010.html | 13 ++++++++++---
 people/14011.html | 13 ++++++++++---
 people/14012.html | 13 ++++++++++---
 people/14013.html | 13 ++++++++++---
 people/14014.html | 13 ++++++++++---
 people/14015.html | 13 ++++++++++---
 people/14016.html | 13 ++++++++++---
 people/14017.html | 13 ++++++++++---
 people/14018.html | 13 ++++++++++---
 people/14019.html | 13 ++++++++++---
 people/1402.html  | 13 ++++++++++---
 people/14020.html | 13 ++++++++++---
 people/14021.html | 13 ++++++++++---
 people/14022.html | 13 ++++++++++---
 people/14023.html | 13 ++++++++++---
 people/14024.html | 13 ++++++++++---
 people/14025.html | 13 ++++++++++---
 people/14026.html | 13 ++++++++++---
 people/14027.html | 13 ++++++++++---
 people/14028.html | 13 ++++++++++---
 people/14029.html | 13 ++++++++++---
 people/1403.html  | 13 ++++++++++---
 people/14030.html | 13 ++++++++++---
 people/14031.html | 13 ++++++++++---
 people/14032.html | 13 ++++++++++---
 people/14033.html | 13 ++++++++++---
 people/14034.html | 13 ++++++++++---
 people/14035.html | 13 ++++++++++---
 people/14036.html | 13 ++++++++++---
 people/14037.html | 13 ++++++++++---
 people/14038.html | 13 ++++++++++---
 people/14039.html | 13 ++++++++++---
 people/1404.html  | 13 ++++++++++---
 people/14040.html | 13 ++++++++++---
 people/14041.html | 13 ++++++++++---
 people/14042.html | 13 ++++++++++---
 people/14043.html | 13 ++++++++++---
 people/14044.html | 13 ++++++++++---
 people/14045.html | 13 ++++++++++---
 people/14046.html | 13 ++++++++++---
 people/14047.html | 13 ++++++++++---
 people/14048.html | 13 ++++++++++---
 people/14049.html | 13 ++++++++++---
 people/1405.html  | 13 ++++++++++---
 people/14050.html | 13 ++++++++++---
 people/14051.html | 13 ++++++++++---
 people/14052.html | 13 ++++++++++---
 people/14053.html | 13 ++++++++++---
 people/14054.html | 13 ++++++++++---
 people/14055.html | 13 ++++++++++---
 people/14056.html | 13 ++++++++++---
 people/14057.html | 13 ++++++++++---
 people/14058.html | 13 ++++++++++---
 people/14059.html | 13 ++++++++++---
 people/1406.html  | 13 ++++++++++---
 people/14060.html | 13 ++++++++++---
 people/14061.html | 13 ++++++++++---
 people/14062.html | 13 ++++++++++---
 people/14063.html | 13 ++++++++++---
 people/14064.html | 13 ++++++++++---
 people/14065.html | 13 ++++++++++---
 people/14066.html | 13 ++++++++++---
 people/14067.html | 13 ++++++++++---
 people/14068.html | 13 ++++++++++---
 people/14069.html | 13 ++++++++++---
 people/1407.html  | 13 ++++++++++---
 people/14070.html | 13 ++++++++++---
 people/14071.html | 13 ++++++++++---
 people/14072.html | 13 ++++++++++---
 people/14073.html | 13 ++++++++++---
 people/14074.html | 13 ++++++++++---
 people/14075.html | 13 ++++++++++---
 people/14076.html | 13 ++++++++++---
 people/14077.html | 13 ++++++++++---
 people/14078.html | 13 ++++++++++---
 people/14079.html | 13 ++++++++++---
 people/1408.html  | 13 ++++++++++---
 people/14080.html | 13 ++++++++++---
 people/14081.html | 13 ++++++++++---
 people/14082.html | 13 ++++++++++---
 people/14083.html | 13 ++++++++++---
 people/14084.html | 13 ++++++++++---
 people/14085.html | 13 ++++++++++---
 people/14086.html | 13 ++++++++++---
 people/14087.html | 13 ++++++++++---
 people/14088.html | 13 ++++++++++---
 people/14089.html | 13 ++++++++++---
 people/1409.html  | 13 ++++++++++---
 people/14090.html | 13 ++++++++++---
 people/14091.html | 13 ++++++++++---
 people/14092.html | 13 ++++++++++---
 people/14093.html | 13 ++++++++++---
 people/14094.html | 13 ++++++++++---
 people/14095.html | 13 ++++++++++---
 people/14096.html | 13 ++++++++++---
 people/14097.html | 13 ++++++++++---
 people/14098.html | 13 ++++++++++---
 people/14099.html | 13 ++++++++++---
 people/141.html   | 13 ++++++++++---
 people/1410.html  | 13 ++++++++++---
 people/14100.html | 13 ++++++++++---
 people/14101.html | 13 ++++++++++---
 people/14102.html | 13 ++++++++++---
 people/14103.html | 13 ++++++++++---
 people/14104.html | 13 ++++++++++---
 people/14105.html | 13 ++++++++++---
 people/14106.html | 13 ++++++++++---
 people/14107.html | 13 ++++++++++---
 people/14108.html | 13 ++++++++++---
 people/14109.html | 13 ++++++++++---
 people/1411.html  | 13 ++++++++++---
 people/14110.html | 13 ++++++++++---
 people/14111.html | 13 ++++++++++---
 people/14112.html | 13 ++++++++++---
 people/14113.html | 13 ++++++++++---
 people/14114.html | 13 ++++++++++---
 people/14115.html | 13 ++++++++++---
 people/14116.html | 13 ++++++++++---
 people/14117.html | 13 ++++++++++---
 people/14118.html | 13 ++++++++++---
 people/14119.html | 13 ++++++++++---
 people/1412.html  | 13 ++++++++++---
 people/14120.html | 13 ++++++++++---
 people/14121.html | 13 ++++++++++---
 people/14122.html | 13 ++++++++++---
 people/14123.html | 13 ++++++++++---
 people/14124.html | 13 ++++++++++---
 people/14125.html | 13 ++++++++++---
 people/14126.html | 13 ++++++++++---
 people/14127.html | 13 ++++++++++---
 people/14128.html | 13 ++++++++++---
 people/14129.html | 13 ++++++++++---
 people/1413.html  | 13 ++++++++++---
 people/14130.html | 13 ++++++++++---
 people/14131.html | 13 ++++++++++---
 people/14132.html | 13 ++++++++++---
 people/14133.html | 13 ++++++++++---
 people/14134.html | 13 ++++++++++---
 people/14135.html | 13 ++++++++++---
 people/14136.html | 13 ++++++++++---
 people/14137.html | 13 ++++++++++---
 people/14138.html | 13 ++++++++++---
 people/14139.html | 13 ++++++++++---
 people/1414.html  | 13 ++++++++++---
 people/14140.html | 13 ++++++++++---
 people/14141.html | 13 ++++++++++---
 people/14142.html | 13 ++++++++++---
 people/14143.html | 13 ++++++++++---
 people/14144.html | 13 ++++++++++---
 people/14145.html | 13 ++++++++++---
 people/14146.html | 13 ++++++++++---
 people/14147.html | 13 ++++++++++---
 people/14148.html | 13 ++++++++++---
 people/14149.html | 13 ++++++++++---
 people/1415.html  | 13 ++++++++++---
 people/14150.html | 13 ++++++++++---
 people/14151.html | 13 ++++++++++---
 people/14152.html | 13 ++++++++++---
 people/14153.html | 13 ++++++++++---
 people/14154.html | 13 ++++++++++---
 people/14155.html | 13 ++++++++++---
 people/14156.html | 13 ++++++++++---
 people/14157.html | 13 ++++++++++---
 people/14158.html | 13 ++++++++++---
 people/14159.html | 13 ++++++++++---
 people/1416.html  | 13 ++++++++++---
 people/14160.html | 13 ++++++++++---
 people/14161.html | 13 ++++++++++---
 people/14162.html | 13 ++++++++++---
 people/14163.html | 13 ++++++++++---
 people/14164.html | 13 ++++++++++---
 people/14165.html | 13 ++++++++++---
 people/14166.html | 13 ++++++++++---
 people/14167.html | 13 ++++++++++---
 people/14168.html | 13 ++++++++++---
 people/14169.html | 13 ++++++++++---
 people/1417.html  | 13 ++++++++++---
 people/14170.html | 13 ++++++++++---
 people/14171.html | 13 ++++++++++---
 people/14172.html | 13 ++++++++++---
 people/14173.html | 13 ++++++++++---
 people/14174.html | 13 ++++++++++---
 people/14175.html | 13 ++++++++++---
 people/14176.html | 13 ++++++++++---
 people/14177.html | 13 ++++++++++---
 people/14178.html | 13 ++++++++++---
 people/14179.html | 13 ++++++++++---
 people/1418.html  | 13 ++++++++++---
 people/14180.html | 13 ++++++++++---
 people/14181.html | 13 ++++++++++---
 people/14182.html | 13 ++++++++++---
 people/14183.html | 13 ++++++++++---
 people/14184.html | 13 ++++++++++---
 people/14185.html | 13 ++++++++++---
 people/14186.html | 13 ++++++++++---
 people/14187.html | 13 ++++++++++---
 people/14188.html | 13 ++++++++++---
 people/14189.html | 13 ++++++++++---
 people/1419.html  | 13 ++++++++++---
 people/14190.html | 13 ++++++++++---
 people/14191.html | 13 ++++++++++---
 people/14192.html | 13 ++++++++++---
 people/14193.html | 13 ++++++++++---
 people/14194.html | 13 ++++++++++---
 people/14195.html | 13 ++++++++++---
 people/14196.html | 13 ++++++++++---
 people/14197.html | 13 ++++++++++---
 people/14198.html | 13 ++++++++++---
 people/14199.html | 13 ++++++++++---
 people/142.html   | 13 ++++++++++---
 people/1420.html  | 13 ++++++++++---
 people/14200.html | 13 ++++++++++---
 people/14201.html | 13 ++++++++++---
 people/14202.html | 13 ++++++++++---
 people/14203.html | 13 ++++++++++---
 people/14204.html | 13 ++++++++++---
 people/14205.html | 13 ++++++++++---
 people/14206.html | 13 ++++++++++---
 people/14207.html | 13 ++++++++++---
 people/14208.html | 13 ++++++++++---
 people/14209.html | 13 ++++++++++---
 people/1421.html  | 13 ++++++++++---
 people/14210.html | 13 ++++++++++---
 people/14211.html | 13 ++++++++++---
 people/14212.html | 13 ++++++++++---
 people/14213.html | 13 ++++++++++---
 people/14214.html | 13 ++++++++++---
 people/14215.html | 13 ++++++++++---
 people/14216.html | 13 ++++++++++---
 people/14217.html | 13 ++++++++++---
 people/14218.html | 13 ++++++++++---
 people/14219.html | 13 ++++++++++---
 people/1422.html  | 13 ++++++++++---
 people/14220.html | 13 ++++++++++---
 people/14221.html | 13 ++++++++++---
 people/14222.html | 13 ++++++++++---
 people/14223.html | 13 ++++++++++---
 people/14224.html | 13 ++++++++++---
 people/14225.html | 13 ++++++++++---
 people/14226.html | 13 ++++++++++---
 people/14227.html | 13 ++++++++++---
 people/14228.html | 13 ++++++++++---
 people/14229.html | 13 ++++++++++---
 people/1423.html  | 13 ++++++++++---
 people/14230.html | 13 ++++++++++---
 people/14231.html | 13 ++++++++++---
 people/14232.html | 13 ++++++++++---
 people/14233.html | 13 ++++++++++---
 people/14234.html | 13 ++++++++++---
 people/14235.html | 13 ++++++++++---
 people/14236.html | 13 ++++++++++---
 people/14237.html | 13 ++++++++++---
 people/14238.html | 13 ++++++++++---
 people/14239.html | 13 ++++++++++---
 people/1424.html  | 13 ++++++++++---
 people/14240.html | 13 ++++++++++---
 people/14241.html | 13 ++++++++++---
 people/14242.html | 13 ++++++++++---
 people/14243.html | 13 ++++++++++---
 people/14244.html | 13 ++++++++++---
 people/14245.html | 13 ++++++++++---
 people/14246.html | 13 ++++++++++---
 people/14247.html | 13 ++++++++++---
 people/14248.html | 13 ++++++++++---
 people/14249.html | 13 ++++++++++---
 people/1425.html  | 13 ++++++++++---
 people/14250.html | 13 ++++++++++---
 people/14251.html | 13 ++++++++++---
 people/14252.html | 13 ++++++++++---
 people/14253.html | 13 ++++++++++---
 people/14254.html | 13 ++++++++++---
 people/14255.html | 13 ++++++++++---
 people/14256.html | 13 ++++++++++---
 people/14257.html | 13 ++++++++++---
 people/14258.html | 13 ++++++++++---
 people/14259.html | 13 ++++++++++---
 people/1426.html  | 13 ++++++++++---
 people/14260.html | 13 ++++++++++---
 people/14261.html | 13 ++++++++++---
 people/14262.html | 13 ++++++++++---
 people/14263.html | 13 ++++++++++---
 people/14264.html | 13 ++++++++++---
 people/14265.html | 13 ++++++++++---
 people/14266.html | 13 ++++++++++---
 people/14267.html | 13 ++++++++++---
 people/14268.html | 13 ++++++++++---
 people/14269.html | 13 ++++++++++---
 people/1427.html  | 13 ++++++++++---
 people/14270.html | 13 ++++++++++---
 people/14271.html | 13 ++++++++++---
 people/14272.html | 13 ++++++++++---
 people/14273.html | 13 ++++++++++---
 people/14274.html | 13 ++++++++++---
 people/14275.html | 13 ++++++++++---
 people/14276.html | 13 ++++++++++---
 people/14277.html | 13 ++++++++++---
 people/14278.html | 13 ++++++++++---
 people/14279.html | 13 ++++++++++---
 people/1428.html  | 13 ++++++++++---
 people/14280.html | 13 ++++++++++---
 people/14281.html | 13 ++++++++++---
 people/14282.html | 13 ++++++++++---
 people/14283.html | 13 ++++++++++---
 people/14284.html | 13 ++++++++++---
 people/14285.html | 13 ++++++++++---
 people/14286.html | 13 ++++++++++---
 people/14287.html | 13 ++++++++++---
 people/14288.html | 13 ++++++++++---
 people/14289.html | 13 ++++++++++---
 people/1429.html  | 13 ++++++++++---
 people/14290.html | 13 ++++++++++---
 people/14291.html | 13 ++++++++++---
 people/14292.html | 13 ++++++++++---
 people/14293.html | 13 ++++++++++---
 people/14294.html | 13 ++++++++++---
 people/14295.html | 13 ++++++++++---
 people/14296.html | 13 ++++++++++---
 people/14297.html | 13 ++++++++++---
 people/14298.html | 13 ++++++++++---
 people/14299.html | 13 ++++++++++---
 people/143.html   | 13 ++++++++++---
 people/1430.html  | 13 ++++++++++---
 people/14300.html | 13 ++++++++++---
 people/14301.html | 13 ++++++++++---
 people/14302.html | 13 ++++++++++---
 people/14303.html | 13 ++++++++++---
 people/14304.html | 13 ++++++++++---
 people/14305.html | 13 ++++++++++---
 people/14306.html | 13 ++++++++++---
 people/14307.html | 13 ++++++++++---
 people/14308.html | 13 ++++++++++---
 people/14309.html | 13 ++++++++++---
 people/1431.html  | 13 ++++++++++---
 people/14310.html | 13 ++++++++++---
 people/14311.html | 13 ++++++++++---
 people/14312.html | 13 ++++++++++---
 people/14313.html | 13 ++++++++++---
 people/14314.html | 13 ++++++++++---
 people/14315.html | 13 ++++++++++---
 people/14316.html | 13 ++++++++++---
 people/14317.html | 13 ++++++++++---
 people/14318.html | 13 ++++++++++---
 people/14319.html | 13 ++++++++++---
 people/1432.html  | 13 ++++++++++---
 people/14320.html | 13 ++++++++++---
 people/14321.html | 13 ++++++++++---
 people/14322.html | 13 ++++++++++---
 people/14323.html | 13 ++++++++++---
 people/14324.html | 13 ++++++++++---
 people/14325.html | 13 ++++++++++---
 people/14326.html | 13 ++++++++++---
 people/14327.html | 13 ++++++++++---
 people/14328.html | 13 ++++++++++---
 people/14329.html | 13 ++++++++++---
 people/1433.html  | 13 ++++++++++---
 people/14330.html | 13 ++++++++++---
 people/14331.html | 13 ++++++++++---
 people/14332.html | 13 ++++++++++---
 people/14333.html | 13 ++++++++++---
 people/14334.html | 13 ++++++++++---
 people/14335.html | 13 ++++++++++---
 people/14336.html | 13 ++++++++++---
 people/14337.html | 13 ++++++++++---
 people/14338.html | 13 ++++++++++---
 people/14339.html | 13 ++++++++++---
 people/1434.html  | 13 ++++++++++---
 people/14340.html | 13 ++++++++++---
 people/14341.html | 13 ++++++++++---
 people/14342.html | 13 ++++++++++---
 people/14343.html | 13 ++++++++++---
 people/14344.html | 13 ++++++++++---
 people/14345.html | 13 ++++++++++---
 people/14346.html | 13 ++++++++++---
 people/14347.html | 13 ++++++++++---
 people/14348.html | 13 ++++++++++---
 people/14349.html | 13 ++++++++++---
 people/1435.html  | 13 ++++++++++---
 people/14350.html | 13 ++++++++++---
 people/14351.html | 13 ++++++++++---
 people/14352.html | 13 ++++++++++---
 people/14353.html | 13 ++++++++++---
 people/14354.html | 13 ++++++++++---
 people/14355.html | 13 ++++++++++---
 people/14356.html | 13 ++++++++++---
 people/14357.html | 13 ++++++++++---
 people/14358.html | 13 ++++++++++---
 people/14359.html | 13 ++++++++++---
 people/1436.html  | 13 ++++++++++---
 people/14360.html | 13 ++++++++++---
 people/14361.html | 13 ++++++++++---
 people/14362.html | 13 ++++++++++---
 people/14363.html | 13 ++++++++++---
 people/14364.html | 13 ++++++++++---
 people/14365.html | 13 ++++++++++---
 people/14366.html | 13 ++++++++++---
 people/14367.html | 13 ++++++++++---
 people/14368.html | 13 ++++++++++---
 people/14369.html | 13 ++++++++++---
 people/1437.html  | 13 ++++++++++---
 people/14370.html | 13 ++++++++++---
 people/14371.html | 13 ++++++++++---
 people/14372.html | 13 ++++++++++---
 people/14373.html | 13 ++++++++++---
 people/14374.html | 13 ++++++++++---
 people/14375.html | 13 ++++++++++---
 people/14376.html | 13 ++++++++++---
 people/14377.html | 13 ++++++++++---
 people/14378.html | 13 ++++++++++---
 people/14379.html | 13 ++++++++++---
 people/1438.html  | 13 ++++++++++---
 people/14380.html | 13 ++++++++++---
 people/14381.html | 13 ++++++++++---
 people/14382.html | 13 ++++++++++---
 people/14383.html | 13 ++++++++++---
 people/14384.html | 13 ++++++++++---
 people/14385.html | 13 ++++++++++---
 people/14386.html | 13 ++++++++++---
 people/14387.html | 13 ++++++++++---
 people/14388.html | 13 ++++++++++---
 people/14389.html | 13 ++++++++++---
 people/1439.html  | 13 ++++++++++---
 people/14390.html | 13 ++++++++++---
 people/14391.html | 13 ++++++++++---
 people/14392.html | 13 ++++++++++---
 people/14393.html | 13 ++++++++++---
 people/14394.html | 13 ++++++++++---
 people/14395.html | 13 ++++++++++---
 people/14396.html | 13 ++++++++++---
 people/14397.html | 13 ++++++++++---
 people/14398.html | 13 ++++++++++---
 people/14399.html | 13 ++++++++++---
 people/144.html   | 13 ++++++++++---
 people/1440.html  | 13 ++++++++++---
 people/14400.html | 13 ++++++++++---
 people/14401.html | 13 ++++++++++---
 people/14402.html | 13 ++++++++++---
 people/14403.html | 13 ++++++++++---
 people/14404.html | 13 ++++++++++---
 people/14405.html | 13 ++++++++++---
 people/14406.html | 13 ++++++++++---
 people/14407.html | 13 ++++++++++---
 people/14408.html | 13 ++++++++++---
 people/14409.html | 13 ++++++++++---
 people/1441.html  | 13 ++++++++++---
 people/14410.html | 13 ++++++++++---
 people/14411.html | 13 ++++++++++---
 people/14412.html | 13 ++++++++++---
 people/14413.html | 13 ++++++++++---
 people/14414.html | 13 ++++++++++---
 people/14415.html | 13 ++++++++++---
 people/14416.html | 13 ++++++++++---
 people/14417.html | 13 ++++++++++---
 people/14418.html | 13 ++++++++++---
 people/14419.html | 13 ++++++++++---
 people/1442.html  | 13 ++++++++++---
 people/14420.html | 13 ++++++++++---
 people/14421.html | 13 ++++++++++---
 people/14422.html | 13 ++++++++++---
 people/14423.html | 13 ++++++++++---
 people/14424.html | 13 ++++++++++---
 people/14425.html | 13 ++++++++++---
 people/14426.html | 13 ++++++++++---
 people/14427.html | 13 ++++++++++---
 people/14428.html | 13 ++++++++++---
 people/14429.html | 13 ++++++++++---
 people/1443.html  | 13 ++++++++++---
 people/14430.html | 13 ++++++++++---
 people/14431.html | 13 ++++++++++---
 people/14432.html | 13 ++++++++++---
 people/14433.html | 13 ++++++++++---
 people/14434.html | 13 ++++++++++---
 people/14435.html | 13 ++++++++++---
 people/14436.html | 13 ++++++++++---
 people/14437.html | 13 ++++++++++---
 people/14438.html | 13 ++++++++++---
 people/14439.html | 13 ++++++++++---
 people/1444.html  | 13 ++++++++++---
 people/14440.html | 13 ++++++++++---
 people/14441.html | 13 ++++++++++---
 people/14442.html | 13 ++++++++++---
 people/14443.html | 13 ++++++++++---
 people/14444.html | 13 ++++++++++---
 people/14445.html | 13 ++++++++++---
 people/14446.html | 13 ++++++++++---
 people/14447.html | 13 ++++++++++---
 people/14448.html | 13 ++++++++++---
 people/14449.html | 13 ++++++++++---
 people/1445.html  | 13 ++++++++++---
 people/14450.html | 13 ++++++++++---
 people/14451.html | 13 ++++++++++---
 people/14452.html | 13 ++++++++++---
 people/14453.html | 13 ++++++++++---
 people/14454.html | 13 ++++++++++---
 people/14455.html | 13 ++++++++++---
 people/14456.html | 13 ++++++++++---
 people/14457.html | 13 ++++++++++---
 people/14458.html | 13 ++++++++++---
 people/14459.html | 13 ++++++++++---
 people/1446.html  | 13 ++++++++++---
 people/14460.html | 13 ++++++++++---
 people/14461.html | 13 ++++++++++---
 people/14462.html | 13 ++++++++++---
 people/14463.html | 13 ++++++++++---
 people/14464.html | 13 ++++++++++---
 people/14465.html | 13 ++++++++++---
 people/14466.html | 13 ++++++++++---
 people/14467.html | 13 ++++++++++---
 people/14468.html | 13 ++++++++++---
 people/14469.html | 13 ++++++++++---
 people/1447.html  | 13 ++++++++++---
 people/14470.html | 13 ++++++++++---
 people/14471.html | 13 ++++++++++---
 people/14472.html | 13 ++++++++++---
 people/14473.html | 13 ++++++++++---
 people/14474.html | 13 ++++++++++---
 people/14475.html | 13 ++++++++++---
 people/14476.html | 13 ++++++++++---
 people/14477.html | 13 ++++++++++---
 people/14478.html | 13 ++++++++++---
 people/14479.html | 13 ++++++++++---
 people/1448.html  | 13 ++++++++++---
 people/14480.html | 13 ++++++++++---
 people/14481.html | 13 ++++++++++---
 people/14482.html | 13 ++++++++++---
 people/14483.html | 13 ++++++++++---
 people/14484.html | 13 ++++++++++---
 people/14485.html | 13 ++++++++++---
 people/14486.html | 13 ++++++++++---
 people/14487.html | 13 ++++++++++---
 people/14488.html | 13 ++++++++++---
 people/14489.html | 13 ++++++++++---
 people/1449.html  | 13 ++++++++++---
 people/14490.html | 13 ++++++++++---
 people/14491.html | 13 ++++++++++---
 people/14492.html | 13 ++++++++++---
 people/14493.html | 13 ++++++++++---
 people/14494.html | 13 ++++++++++---
 people/14495.html | 13 ++++++++++---
 people/14496.html | 13 ++++++++++---
 people/14497.html | 13 ++++++++++---
 people/14498.html | 13 ++++++++++---
 people/14499.html | 13 ++++++++++---
 people/145.html   | 13 ++++++++++---
 people/1450.html  | 13 ++++++++++---
 people/14500.html | 13 ++++++++++---
 people/14501.html | 13 ++++++++++---
 people/14502.html | 13 ++++++++++---
 people/14503.html | 13 ++++++++++---
 people/14504.html | 13 ++++++++++---
 people/14505.html | 13 ++++++++++---
 people/14506.html | 13 ++++++++++---
 people/14507.html | 13 ++++++++++---
 people/14508.html | 13 ++++++++++---
 people/14509.html | 13 ++++++++++---
 people/1451.html  | 13 ++++++++++---
 people/14510.html | 13 ++++++++++---
 people/14511.html | 13 ++++++++++---
 people/14512.html | 13 ++++++++++---
 people/14513.html | 13 ++++++++++---
 people/14514.html | 13 ++++++++++---
 people/14515.html | 13 ++++++++++---
 people/14516.html | 13 ++++++++++---
 people/14517.html | 13 ++++++++++---
 people/14518.html | 13 ++++++++++---
 people/14519.html | 13 ++++++++++---
 people/1452.html  | 13 ++++++++++---
 people/14520.html | 13 ++++++++++---
 people/14521.html | 13 ++++++++++---
 people/14522.html | 13 ++++++++++---
 people/14523.html | 13 ++++++++++---
 people/14524.html | 13 ++++++++++---
 people/14525.html | 13 ++++++++++---
 people/14526.html | 13 ++++++++++---
 people/14527.html | 13 ++++++++++---
 people/14528.html | 13 ++++++++++---
 people/14529.html | 13 ++++++++++---
 people/1453.html  | 13 ++++++++++---
 people/14530.html | 13 ++++++++++---
 people/14531.html | 13 ++++++++++---
 people/14532.html | 13 ++++++++++---
 people/14533.html | 13 ++++++++++---
 people/14534.html | 13 ++++++++++---
 people/14535.html | 13 ++++++++++---
 people/14536.html | 13 ++++++++++---
 people/14537.html | 13 ++++++++++---
 people/14538.html | 13 ++++++++++---
 people/14539.html | 13 ++++++++++---
 people/1454.html  | 13 ++++++++++---
 people/14540.html | 13 ++++++++++---
 people/14541.html | 13 ++++++++++---
 people/14542.html | 13 ++++++++++---
 people/14543.html | 13 ++++++++++---
 people/14544.html | 13 ++++++++++---
 people/14545.html | 13 ++++++++++---
 people/14546.html | 13 ++++++++++---
 people/14547.html | 13 ++++++++++---
 people/14548.html | 13 ++++++++++---
 people/14549.html | 13 ++++++++++---
 people/1455.html  | 13 ++++++++++---
 people/14550.html | 13 ++++++++++---
 people/14551.html | 13 ++++++++++---
 people/14552.html | 13 ++++++++++---
 people/14553.html | 13 ++++++++++---
 people/14554.html | 13 ++++++++++---
 people/14555.html | 13 ++++++++++---
 people/14556.html | 13 ++++++++++---
 people/14557.html | 13 ++++++++++---
 people/14558.html | 13 ++++++++++---
 people/14559.html | 13 ++++++++++---
 people/1456.html  | 13 ++++++++++---
 people/14560.html | 13 ++++++++++---
 people/14561.html | 13 ++++++++++---
 people/14562.html | 13 ++++++++++---
 people/14563.html | 13 ++++++++++---
 people/14564.html | 13 ++++++++++---
 people/14565.html | 13 ++++++++++---
 people/14566.html | 13 ++++++++++---
 people/14567.html | 13 ++++++++++---
 people/14568.html | 13 ++++++++++---
 people/14569.html | 13 ++++++++++---
 people/1457.html  | 13 ++++++++++---
 people/14570.html | 13 ++++++++++---
 people/14571.html | 13 ++++++++++---
 people/14572.html | 13 ++++++++++---
 people/14573.html | 13 ++++++++++---
 people/14574.html | 13 ++++++++++---
 people/14575.html | 13 ++++++++++---
 people/14576.html | 13 ++++++++++---
 people/14577.html | 13 ++++++++++---
 people/14578.html | 13 ++++++++++---
 people/14579.html | 13 ++++++++++---
 people/1458.html  | 13 ++++++++++---
 people/14580.html | 13 ++++++++++---
 people/14581.html | 13 ++++++++++---
 people/14582.html | 13 ++++++++++---
 people/14583.html | 13 ++++++++++---
 people/14584.html | 13 ++++++++++---
 people/14585.html | 13 ++++++++++---
 people/14586.html | 13 ++++++++++---
 people/14587.html | 13 ++++++++++---
 people/14588.html | 13 ++++++++++---
 people/14589.html | 13 ++++++++++---
 people/1459.html  | 13 ++++++++++---
 people/14590.html | 13 ++++++++++---
 people/14591.html | 13 ++++++++++---
 people/14592.html | 13 ++++++++++---
 people/14593.html | 13 ++++++++++---
 people/14594.html | 13 ++++++++++---
 people/14595.html | 13 ++++++++++---
 people/14596.html | 13 ++++++++++---
 people/14597.html | 13 ++++++++++---
 people/14598.html | 13 ++++++++++---
 people/14599.html | 13 ++++++++++---
 people/146.html   | 13 ++++++++++---
 people/1460.html  | 13 ++++++++++---
 people/14600.html | 13 ++++++++++---
 people/14601.html | 13 ++++++++++---
 people/14602.html | 13 ++++++++++---
 people/14603.html | 13 ++++++++++---
 people/14604.html | 13 ++++++++++---
 people/14605.html | 13 ++++++++++---
 people/14606.html | 13 ++++++++++---
 people/14607.html | 13 ++++++++++---
 people/14608.html | 13 ++++++++++---
 people/14609.html | 13 ++++++++++---
 people/1461.html  | 13 ++++++++++---
 people/14610.html | 13 ++++++++++---
 people/14611.html | 13 ++++++++++---
 people/14612.html | 13 ++++++++++---
 people/14613.html | 13 ++++++++++---
 people/14614.html | 13 ++++++++++---
 people/14615.html | 13 ++++++++++---
 people/14616.html | 13 ++++++++++---
 people/14617.html | 13 ++++++++++---
 people/14618.html | 13 ++++++++++---
 people/14619.html | 13 ++++++++++---
 people/1462.html  | 13 ++++++++++---
 people/14620.html | 13 ++++++++++---
 people/14621.html | 13 ++++++++++---
 people/14622.html | 13 ++++++++++---
 people/14623.html | 13 ++++++++++---
 people/14624.html | 13 ++++++++++---
 people/14625.html | 13 ++++++++++---
 people/14626.html | 13 ++++++++++---
 people/14627.html | 13 ++++++++++---
 people/14628.html | 13 ++++++++++---
 people/14629.html | 13 ++++++++++---
 people/1463.html  | 13 ++++++++++---
 people/14630.html | 13 ++++++++++---
 people/14631.html | 13 ++++++++++---
 people/14632.html | 13 ++++++++++---
 people/14633.html | 13 ++++++++++---
 people/14634.html | 13 ++++++++++---
 people/14635.html | 13 ++++++++++---
 people/14636.html | 13 ++++++++++---
 people/14637.html | 13 ++++++++++---
 people/14638.html | 13 ++++++++++---
 people/14639.html | 13 ++++++++++---
 people/1464.html  | 13 ++++++++++---
 people/14640.html | 13 ++++++++++---
 people/14641.html | 13 ++++++++++---
 people/14642.html | 13 ++++++++++---
 people/14643.html | 13 ++++++++++---
 people/14644.html | 13 ++++++++++---
 people/14645.html | 13 ++++++++++---
 people/14646.html | 13 ++++++++++---
 people/14647.html | 13 ++++++++++---
 people/14648.html | 13 ++++++++++---
 people/14649.html | 13 ++++++++++---
 people/1465.html  | 13 ++++++++++---
 people/14650.html | 13 ++++++++++---
 people/14651.html | 13 ++++++++++---
 people/14652.html | 13 ++++++++++---
 people/14653.html | 13 ++++++++++---
 people/14654.html | 13 ++++++++++---
 people/14655.html | 13 ++++++++++---
 people/14656.html | 13 ++++++++++---
 people/14657.html | 13 ++++++++++---
 people/14658.html | 13 ++++++++++---
 people/14659.html | 13 ++++++++++---
 people/1466.html  | 13 ++++++++++---
 people/14660.html | 13 ++++++++++---
 people/14661.html | 13 ++++++++++---
 people/14662.html | 13 ++++++++++---
 people/14663.html | 13 ++++++++++---
 people/14664.html | 13 ++++++++++---
 people/14665.html | 13 ++++++++++---
 people/14666.html | 13 ++++++++++---
 people/14667.html | 13 ++++++++++---
 people/14668.html | 13 ++++++++++---
 people/14669.html | 13 ++++++++++---
 people/1467.html  | 13 ++++++++++---
 people/14670.html | 13 ++++++++++---
 people/14671.html | 13 ++++++++++---
 people/14672.html | 13 ++++++++++---
 people/14673.html | 13 ++++++++++---
 people/14674.html | 13 ++++++++++---
 people/14675.html | 13 ++++++++++---
 people/14676.html | 13 ++++++++++---
 people/14677.html | 13 ++++++++++---
 people/14678.html | 13 ++++++++++---
 people/14679.html | 13 ++++++++++---
 people/1468.html  | 13 ++++++++++---
 people/14680.html | 13 ++++++++++---
 people/14681.html | 13 ++++++++++---
 people/14682.html | 13 ++++++++++---
 people/14683.html | 13 ++++++++++---
 people/14684.html | 13 ++++++++++---
 people/14685.html | 13 ++++++++++---
 people/14686.html | 13 ++++++++++---
 people/14687.html | 13 ++++++++++---
 people/14688.html | 13 ++++++++++---
 people/14689.html | 13 ++++++++++---
 people/1469.html  | 13 ++++++++++---
 people/14690.html | 13 ++++++++++---
 people/14691.html | 13 ++++++++++---
 people/14692.html | 13 ++++++++++---
 people/14693.html | 13 ++++++++++---
 people/14694.html | 13 ++++++++++---
 people/14695.html | 13 ++++++++++---
 people/14696.html | 13 ++++++++++---
 people/14697.html | 13 ++++++++++---
 people/14698.html | 13 ++++++++++---
 people/14699.html | 13 ++++++++++---
 people/147.html   | 13 ++++++++++---
 people/1470.html  | 13 ++++++++++---
 people/14700.html | 13 ++++++++++---
 people/14701.html | 13 ++++++++++---
 people/14702.html | 13 ++++++++++---
 people/14703.html | 13 ++++++++++---
 people/14704.html | 13 ++++++++++---
 people/14705.html | 13 ++++++++++---
 people/14706.html | 13 ++++++++++---
 people/14707.html | 13 ++++++++++---
 people/14708.html | 13 ++++++++++---
 people/14709.html | 13 ++++++++++---
 people/1471.html  | 13 ++++++++++---
 people/14710.html | 13 ++++++++++---
 people/14711.html | 13 ++++++++++---
 people/14712.html | 13 ++++++++++---
 people/14713.html | 13 ++++++++++---
 people/14714.html | 13 ++++++++++---
 people/14715.html | 13 ++++++++++---
 people/14716.html | 13 ++++++++++---
 people/14717.html | 13 ++++++++++---
 people/14718.html | 13 ++++++++++---
 people/14719.html | 13 ++++++++++---
 people/1472.html  | 13 ++++++++++---
 people/14720.html | 13 ++++++++++---
 people/14721.html | 13 ++++++++++---
 people/14722.html | 13 ++++++++++---
 people/14723.html | 13 ++++++++++---
 people/14724.html | 13 ++++++++++---
 people/14725.html | 13 ++++++++++---
 people/14726.html | 13 ++++++++++---
 people/14727.html | 13 ++++++++++---
 people/14728.html | 13 ++++++++++---
 people/14729.html | 13 ++++++++++---
 people/1473.html  | 13 ++++++++++---
 people/14730.html | 13 ++++++++++---
 people/14731.html | 13 ++++++++++---
 people/14732.html | 13 ++++++++++---
 people/14733.html | 13 ++++++++++---
 people/14734.html | 13 ++++++++++---
 people/14735.html | 13 ++++++++++---
 people/14736.html | 13 ++++++++++---
 people/14737.html | 13 ++++++++++---
 people/14738.html | 13 ++++++++++---
 people/14739.html | 13 ++++++++++---
 people/1474.html  | 13 ++++++++++---
 people/14740.html | 13 ++++++++++---
 people/14741.html | 13 ++++++++++---
 people/14742.html | 13 ++++++++++---
 people/14743.html | 13 ++++++++++---
 people/14744.html | 13 ++++++++++---
 people/14745.html | 13 ++++++++++---
 people/14746.html | 13 ++++++++++---
 people/14747.html | 13 ++++++++++---
 people/14748.html | 13 ++++++++++---
 people/14749.html | 13 ++++++++++---
 people/1475.html  | 13 ++++++++++---
 people/14750.html | 13 ++++++++++---
 people/14751.html | 13 ++++++++++---
 people/14752.html | 13 ++++++++++---
 people/14753.html | 13 ++++++++++---
 people/14754.html | 13 ++++++++++---
 people/14755.html | 13 ++++++++++---
 people/14756.html | 13 ++++++++++---
 people/14757.html | 13 ++++++++++---
 people/14758.html | 13 ++++++++++---
 people/14759.html | 13 ++++++++++---
 people/1476.html  | 13 ++++++++++---
 people/14760.html | 13 ++++++++++---
 people/14761.html | 13 ++++++++++---
 people/14762.html | 13 ++++++++++---
 people/14763.html | 13 ++++++++++---
 people/14764.html | 13 ++++++++++---
 people/14765.html | 13 ++++++++++---
 people/14766.html | 13 ++++++++++---
 people/14767.html | 13 ++++++++++---
 people/14768.html | 13 ++++++++++---
 people/14769.html | 13 ++++++++++---
 people/1477.html  | 13 ++++++++++---
 people/14770.html | 13 ++++++++++---
 people/14771.html | 13 ++++++++++---
 people/14772.html | 13 ++++++++++---
 people/14773.html | 13 ++++++++++---
 people/14774.html | 13 ++++++++++---
 people/14775.html | 13 ++++++++++---
 people/14776.html | 13 ++++++++++---
 people/14777.html | 13 ++++++++++---
 people/14778.html | 13 ++++++++++---
 people/14779.html | 13 ++++++++++---
 people/1478.html  | 13 ++++++++++---
 people/14780.html | 13 ++++++++++---
 people/14781.html | 13 ++++++++++---
 people/14782.html | 13 ++++++++++---
 people/14783.html | 13 ++++++++++---
 people/14784.html | 13 ++++++++++---
 people/14785.html | 13 ++++++++++---
 people/14786.html | 13 ++++++++++---
 people/14787.html | 13 ++++++++++---
 people/14788.html | 13 ++++++++++---
 people/14789.html | 13 ++++++++++---
 people/1479.html  | 13 ++++++++++---
 people/14790.html | 13 ++++++++++---
 people/14791.html | 13 ++++++++++---
 people/14792.html | 13 ++++++++++---
 people/14793.html | 13 ++++++++++---
 people/14794.html | 13 ++++++++++---
 people/14795.html | 13 ++++++++++---
 people/14796.html | 13 ++++++++++---
 people/14797.html | 13 ++++++++++---
 people/14798.html | 13 ++++++++++---
 people/14799.html | 13 ++++++++++---
 people/148.html   | 13 ++++++++++---
 people/1480.html  | 13 ++++++++++---
 people/14800.html | 13 ++++++++++---
 people/14801.html | 13 ++++++++++---
 people/14802.html | 13 ++++++++++---
 people/14803.html | 13 ++++++++++---
 people/14804.html | 13 ++++++++++---
 people/14805.html | 13 ++++++++++---
 people/14806.html | 13 ++++++++++---
 people/14807.html | 13 ++++++++++---
 people/14808.html | 13 ++++++++++---
 people/14809.html | 13 ++++++++++---
 people/1481.html  | 13 ++++++++++---
 people/14810.html | 13 ++++++++++---
 people/14811.html | 13 ++++++++++---
 people/14812.html | 13 ++++++++++---
 people/14813.html | 13 ++++++++++---
 people/14814.html | 13 ++++++++++---
 people/14815.html | 13 ++++++++++---
 people/14816.html | 13 ++++++++++---
 people/14817.html | 13 ++++++++++---
 people/14818.html | 13 ++++++++++---
 people/14819.html | 13 ++++++++++---
 people/1482.html  | 13 ++++++++++---
 people/14820.html | 13 ++++++++++---
 people/14821.html | 13 ++++++++++---
 people/14822.html | 13 ++++++++++---
 people/14823.html | 13 ++++++++++---
 people/14824.html | 13 ++++++++++---
 people/14825.html | 13 ++++++++++---
 people/14826.html | 13 ++++++++++---
 people/14827.html | 13 ++++++++++---
 people/14828.html | 13 ++++++++++---
 people/14829.html | 13 ++++++++++---
 people/1483.html  | 13 ++++++++++---
 people/14830.html | 13 ++++++++++---
 people/14831.html | 13 ++++++++++---
 people/14832.html | 13 ++++++++++---
 people/14833.html | 13 ++++++++++---
 people/14834.html | 13 ++++++++++---
 people/14835.html | 13 ++++++++++---
 people/14836.html | 13 ++++++++++---
 people/14837.html | 13 ++++++++++---
 people/14838.html | 13 ++++++++++---
 people/14839.html | 13 ++++++++++---
 people/1484.html  | 13 ++++++++++---
 people/14840.html | 13 ++++++++++---
 people/14841.html | 13 ++++++++++---
 people/14842.html | 13 ++++++++++---
 people/14843.html | 13 ++++++++++---
 people/14844.html | 13 ++++++++++---
 people/14845.html | 13 ++++++++++---
 people/14846.html | 13 ++++++++++---
 people/14847.html | 13 ++++++++++---
 people/14848.html | 13 ++++++++++---
 people/14849.html | 13 ++++++++++---
 people/1485.html  | 13 ++++++++++---
 people/14850.html | 13 ++++++++++---
 people/14851.html | 13 ++++++++++---
 people/14852.html | 13 ++++++++++---
 people/14853.html | 13 ++++++++++---
 people/14854.html | 13 ++++++++++---
 people/14855.html | 13 ++++++++++---
 people/14856.html | 13 ++++++++++---
 people/14857.html | 13 ++++++++++---
 people/14858.html | 13 ++++++++++---
 people/14859.html | 13 ++++++++++---
 people/1486.html  | 13 ++++++++++---
 people/14860.html | 13 ++++++++++---
 people/14861.html | 13 ++++++++++---
 people/14862.html | 13 ++++++++++---
 people/14863.html | 13 ++++++++++---
 people/14864.html | 13 ++++++++++---
 people/14865.html | 13 ++++++++++---
 people/14866.html | 13 ++++++++++---
 people/14867.html | 13 ++++++++++---
 people/14868.html | 13 ++++++++++---
 people/14869.html | 13 ++++++++++---
 people/1487.html  | 13 ++++++++++---
 people/14870.html | 13 ++++++++++---
 people/14871.html | 13 ++++++++++---
 people/14872.html | 13 ++++++++++---
 people/14873.html | 13 ++++++++++---
 people/14874.html | 13 ++++++++++---
 people/14875.html | 13 ++++++++++---
 people/14876.html | 13 ++++++++++---
 people/14877.html | 13 ++++++++++---
 people/14878.html | 13 ++++++++++---
 people/14879.html | 13 ++++++++++---
 people/1488.html  | 13 ++++++++++---
 people/14880.html | 13 ++++++++++---
 people/14881.html | 13 ++++++++++---
 people/14882.html | 13 ++++++++++---
 people/14883.html | 13 ++++++++++---
 people/14884.html | 13 ++++++++++---
 people/14885.html | 13 ++++++++++---
 people/14886.html | 13 ++++++++++---
 people/14887.html | 13 ++++++++++---
 people/14888.html | 13 ++++++++++---
 people/14889.html | 13 ++++++++++---
 people/1489.html  | 13 ++++++++++---
 people/14890.html | 13 ++++++++++---
 people/14891.html | 13 ++++++++++---
 people/14892.html | 13 ++++++++++---
 people/14893.html | 13 ++++++++++---
 people/14894.html | 13 ++++++++++---
 people/14895.html | 13 ++++++++++---
 people/14896.html | 13 ++++++++++---
 people/14897.html | 13 ++++++++++---
 people/14898.html | 13 ++++++++++---
 people/14899.html | 13 ++++++++++---
 people/149.html   | 13 ++++++++++---
 people/1490.html  | 13 ++++++++++---
 people/14900.html | 13 ++++++++++---
 people/14901.html | 13 ++++++++++---
 people/14902.html | 13 ++++++++++---
 people/14903.html | 13 ++++++++++---
 people/14904.html | 13 ++++++++++---
 people/14905.html | 13 ++++++++++---
 people/14906.html | 13 ++++++++++---
 people/14907.html | 13 ++++++++++---
 people/14908.html | 13 ++++++++++---
 people/14909.html | 13 ++++++++++---
 people/1491.html  | 13 ++++++++++---
 people/14910.html | 13 ++++++++++---
 people/14911.html | 13 ++++++++++---
 people/14912.html | 13 ++++++++++---
 people/14913.html | 13 ++++++++++---
 people/14914.html | 13 ++++++++++---
 people/14915.html | 13 ++++++++++---
 people/14916.html | 13 ++++++++++---
 people/14917.html | 13 ++++++++++---
 people/14918.html | 13 ++++++++++---
 people/14919.html | 13 ++++++++++---
 people/1492.html  | 13 ++++++++++---
 people/14920.html | 13 ++++++++++---
 people/14921.html | 13 ++++++++++---
 people/14922.html | 13 ++++++++++---
 people/14923.html | 13 ++++++++++---
 people/14924.html | 13 ++++++++++---
 people/14925.html | 13 ++++++++++---
 people/14926.html | 13 ++++++++++---
 people/14927.html | 13 ++++++++++---
 people/14928.html | 13 ++++++++++---
 people/14929.html | 13 ++++++++++---
 people/1493.html  | 13 ++++++++++---
 people/14930.html | 13 ++++++++++---
 people/14931.html | 13 ++++++++++---
 people/14932.html | 13 ++++++++++---
 people/14933.html | 13 ++++++++++---
 people/14934.html | 13 ++++++++++---
 people/14935.html | 13 ++++++++++---
 people/14936.html | 13 ++++++++++---
 people/14937.html | 13 ++++++++++---
 people/14938.html | 13 ++++++++++---
 people/14939.html | 13 ++++++++++---
 people/1494.html  | 13 ++++++++++---
 people/14940.html | 13 ++++++++++---
 people/14941.html | 13 ++++++++++---
 people/14942.html | 13 ++++++++++---
 people/14943.html | 13 ++++++++++---
 people/14944.html | 13 ++++++++++---
 people/14945.html | 13 ++++++++++---
 people/14946.html | 13 ++++++++++---
 people/14947.html | 13 ++++++++++---
 people/14948.html | 13 ++++++++++---
 people/14949.html | 13 ++++++++++---
 people/1495.html  | 13 ++++++++++---
 people/14950.html | 13 ++++++++++---
 people/14951.html | 13 ++++++++++---
 people/14952.html | 13 ++++++++++---
 people/14953.html | 13 ++++++++++---
 people/14954.html | 13 ++++++++++---
 people/14955.html | 13 ++++++++++---
 people/14956.html | 13 ++++++++++---
 people/14957.html | 13 ++++++++++---
 people/14958.html | 13 ++++++++++---
 people/14959.html | 13 ++++++++++---
 people/1496.html  | 13 ++++++++++---
 people/14960.html | 13 ++++++++++---
 people/14961.html | 13 ++++++++++---
 people/14962.html | 13 ++++++++++---
 people/14963.html | 13 ++++++++++---
 people/14964.html | 13 ++++++++++---
 people/14965.html | 13 ++++++++++---
 people/14966.html | 13 ++++++++++---
 people/14967.html | 13 ++++++++++---
 people/14968.html | 13 ++++++++++---
 people/14969.html | 13 ++++++++++---
 people/1497.html  | 13 ++++++++++---
 people/14970.html | 13 ++++++++++---
 people/14971.html | 13 ++++++++++---
 people/14972.html | 13 ++++++++++---
 people/14973.html | 13 ++++++++++---
 people/14974.html | 13 ++++++++++---
 people/14975.html | 13 ++++++++++---
 people/14976.html | 13 ++++++++++---
 people/14977.html | 13 ++++++++++---
 people/14978.html | 13 ++++++++++---
 people/14979.html | 13 ++++++++++---
 people/1498.html  | 13 ++++++++++---
 people/14980.html | 13 ++++++++++---
 people/14981.html | 13 ++++++++++---
 people/14982.html | 13 ++++++++++---
 people/14983.html | 13 ++++++++++---
 people/14984.html | 13 ++++++++++---
 people/14985.html | 13 ++++++++++---
 people/14986.html | 13 ++++++++++---
 people/14987.html | 13 ++++++++++---
 people/14988.html | 13 ++++++++++---
 people/14989.html | 13 ++++++++++---
 people/1499.html  | 13 ++++++++++---
 people/14990.html | 13 ++++++++++---
 people/14991.html | 13 ++++++++++---
 people/14992.html | 13 ++++++++++---
 people/14993.html | 13 ++++++++++---
 people/14994.html | 13 ++++++++++---
 people/14995.html | 13 ++++++++++---
 people/14996.html | 13 ++++++++++---
 people/14997.html | 13 ++++++++++---
 people/14998.html | 13 ++++++++++---
 people/14999.html | 13 ++++++++++---
 people/15.html    | 13 ++++++++++---
 people/150.html   | 13 ++++++++++---
 people/1500.html  | 13 ++++++++++---
 people/15000.html | 13 ++++++++++---
 people/15001.html | 13 ++++++++++---
 people/15002.html | 13 ++++++++++---
 people/15003.html | 13 ++++++++++---
 people/15004.html | 13 ++++++++++---
 people/15005.html | 13 ++++++++++---
 people/15006.html | 13 ++++++++++---
 people/15007.html | 13 ++++++++++---
 people/15008.html | 13 ++++++++++---
 people/15009.html | 13 ++++++++++---
 people/1501.html  | 13 ++++++++++---
 people/15010.html | 13 ++++++++++---
 people/15011.html | 13 ++++++++++---
 people/15012.html | 13 ++++++++++---
 people/15013.html | 13 ++++++++++---
 people/15014.html | 13 ++++++++++---
 people/15015.html | 13 ++++++++++---
 people/15016.html | 13 ++++++++++---
 people/15017.html | 13 ++++++++++---
 people/15018.html | 13 ++++++++++---
 people/15019.html | 13 ++++++++++---
 people/1502.html  | 13 ++++++++++---
 people/15020.html | 13 ++++++++++---
 people/15021.html | 13 ++++++++++---
 people/15022.html | 13 ++++++++++---
 people/15023.html | 13 ++++++++++---
 people/15024.html | 13 ++++++++++---
 people/15025.html | 13 ++++++++++---
 people/15026.html | 13 ++++++++++---
 people/15027.html | 13 ++++++++++---
 people/15028.html | 13 ++++++++++---
 people/15029.html | 13 ++++++++++---
 people/1503.html  | 13 ++++++++++---
 people/15030.html | 13 ++++++++++---
 people/15031.html | 13 ++++++++++---
 people/15032.html | 13 ++++++++++---
 people/15033.html | 13 ++++++++++---
 people/15034.html | 13 ++++++++++---
 people/15035.html | 13 ++++++++++---
 people/15036.html | 13 ++++++++++---
 people/15037.html | 13 ++++++++++---
 people/15038.html | 13 ++++++++++---
 people/15039.html | 13 ++++++++++---
 people/1504.html  | 13 ++++++++++---
 people/15040.html | 13 ++++++++++---
 people/15041.html | 13 ++++++++++---
 people/15042.html | 13 ++++++++++---
 people/15043.html | 13 ++++++++++---
 people/15044.html | 13 ++++++++++---
 people/15045.html | 13 ++++++++++---
 people/15046.html | 13 ++++++++++---
 people/15047.html | 13 ++++++++++---
 people/15048.html | 13 ++++++++++---
 people/15049.html | 13 ++++++++++---
 people/1505.html  | 13 ++++++++++---
 people/15050.html | 13 ++++++++++---
 people/15051.html | 13 ++++++++++---
 people/15052.html | 13 ++++++++++---
 people/15053.html | 13 ++++++++++---
 people/15054.html | 13 ++++++++++---
 people/15055.html | 13 ++++++++++---
 people/15056.html | 13 ++++++++++---
 people/15057.html | 13 ++++++++++---
 people/15058.html | 13 ++++++++++---
 people/15059.html | 13 ++++++++++---
 people/1506.html  | 13 ++++++++++---
 people/15060.html | 13 ++++++++++---
 people/15061.html | 13 ++++++++++---
 people/15062.html | 13 ++++++++++---
 people/15063.html | 13 ++++++++++---
 people/15064.html | 13 ++++++++++---
 people/15065.html | 13 ++++++++++---
 people/15066.html | 13 ++++++++++---
 people/15067.html | 13 ++++++++++---
 people/15068.html | 13 ++++++++++---
 people/15069.html | 13 ++++++++++---
 people/1507.html  | 13 ++++++++++---
 people/15070.html | 13 ++++++++++---
 people/15071.html | 13 ++++++++++---
 people/15072.html | 13 ++++++++++---
 people/15073.html | 13 ++++++++++---
 people/15074.html | 13 ++++++++++---
 people/15075.html | 13 ++++++++++---
 people/15076.html | 13 ++++++++++---
 people/15077.html | 13 ++++++++++---
 people/15078.html | 13 ++++++++++---
 people/15079.html | 13 ++++++++++---
 people/1508.html  | 13 ++++++++++---
 people/15080.html | 13 ++++++++++---
 people/15081.html | 13 ++++++++++---
 people/15082.html | 13 ++++++++++---
 people/15083.html | 13 ++++++++++---
 people/15084.html | 13 ++++++++++---
 people/15085.html | 13 ++++++++++---
 people/15086.html | 13 ++++++++++---
 people/15087.html | 13 ++++++++++---
 people/15088.html | 13 ++++++++++---
 people/15089.html | 13 ++++++++++---
 people/1509.html  | 13 ++++++++++---
 people/15090.html | 13 ++++++++++---
 people/15091.html | 13 ++++++++++---
 people/15092.html | 13 ++++++++++---
 people/15093.html | 13 ++++++++++---
 people/15094.html | 13 ++++++++++---
 people/15095.html | 13 ++++++++++---
 people/15096.html | 13 ++++++++++---
 people/15097.html | 13 ++++++++++---
 people/15098.html | 13 ++++++++++---
 people/15099.html | 13 ++++++++++---
 people/151.html   | 13 ++++++++++---
 people/1510.html  | 13 ++++++++++---
 people/15100.html | 13 ++++++++++---
 people/15101.html | 13 ++++++++++---
 people/15102.html | 13 ++++++++++---
 people/15103.html | 13 ++++++++++---
 people/15104.html | 13 ++++++++++---
 people/15105.html | 13 ++++++++++---
 people/15106.html | 13 ++++++++++---
 people/15107.html | 13 ++++++++++---
 people/15108.html | 13 ++++++++++---
 people/15109.html | 13 ++++++++++---
 people/1511.html  | 13 ++++++++++---
 people/15110.html | 13 ++++++++++---
 people/15111.html | 13 ++++++++++---
 people/15112.html | 13 ++++++++++---
 people/15113.html | 13 ++++++++++---
 people/15114.html | 13 ++++++++++---
 people/15115.html | 13 ++++++++++---
 people/15116.html | 13 ++++++++++---
 people/15117.html | 13 ++++++++++---
 people/15118.html | 13 ++++++++++---
 people/15119.html | 13 ++++++++++---
 people/1512.html  | 13 ++++++++++---
 people/15120.html | 13 ++++++++++---
 people/15121.html | 13 ++++++++++---
 people/15122.html | 13 ++++++++++---
 people/15123.html | 13 ++++++++++---
 people/15124.html | 13 ++++++++++---
 people/15125.html | 13 ++++++++++---
 people/15126.html | 13 ++++++++++---
 people/15127.html | 13 ++++++++++---
 people/15128.html | 13 ++++++++++---
 people/15129.html | 13 ++++++++++---
 people/1513.html  | 13 ++++++++++---
 people/15130.html | 13 ++++++++++---
 people/15131.html | 13 ++++++++++---
 people/15132.html | 13 ++++++++++---
 people/15133.html | 13 ++++++++++---
 people/15134.html | 13 ++++++++++---
 people/15135.html | 13 ++++++++++---
 people/15136.html | 13 ++++++++++---
 people/15137.html | 13 ++++++++++---
 people/15138.html | 13 ++++++++++---
 people/15139.html | 13 ++++++++++---
 people/1514.html  | 13 ++++++++++---
 people/15140.html | 13 ++++++++++---
 people/15141.html | 13 ++++++++++---
 people/15142.html | 13 ++++++++++---
 people/15143.html | 13 ++++++++++---
 people/15144.html | 13 ++++++++++---
 people/15145.html | 13 ++++++++++---
 people/15146.html | 13 ++++++++++---
 people/15147.html | 13 ++++++++++---
 people/15148.html | 13 ++++++++++---
 people/15149.html | 13 ++++++++++---
 people/1515.html  | 13 ++++++++++---
 people/15150.html | 13 ++++++++++---
 people/15151.html | 13 ++++++++++---
 people/15152.html | 13 ++++++++++---
 people/15153.html | 13 ++++++++++---
 people/15154.html | 13 ++++++++++---
 people/15155.html | 13 ++++++++++---
 people/15156.html | 13 ++++++++++---
 people/15157.html | 13 ++++++++++---
 people/15158.html | 13 ++++++++++---
 people/15159.html | 13 ++++++++++---
 people/1516.html  | 13 ++++++++++---
 people/15160.html | 13 ++++++++++---
 people/15161.html | 13 ++++++++++---
 people/15162.html | 13 ++++++++++---
 people/15163.html | 13 ++++++++++---
 people/15164.html | 13 ++++++++++---
 people/15165.html | 13 ++++++++++---
 people/15166.html | 13 ++++++++++---
 people/15167.html | 13 ++++++++++---
 people/15168.html | 13 ++++++++++---
 people/15169.html | 13 ++++++++++---
 people/1517.html  | 13 ++++++++++---
 people/15170.html | 13 ++++++++++---
 people/15171.html | 13 ++++++++++---
 people/15172.html | 13 ++++++++++---
 people/15173.html | 13 ++++++++++---
 people/15174.html | 13 ++++++++++---
 people/15175.html | 13 ++++++++++---
 people/15176.html | 13 ++++++++++---
 people/15177.html | 13 ++++++++++---
 people/15178.html | 13 ++++++++++---
 people/15179.html | 13 ++++++++++---
 people/1518.html  | 13 ++++++++++---
 people/15180.html | 13 ++++++++++---
 people/15181.html | 13 ++++++++++---
 people/15182.html | 13 ++++++++++---
 people/15183.html | 13 ++++++++++---
 people/15184.html | 13 ++++++++++---
 people/15185.html | 13 ++++++++++---
 people/15186.html | 13 ++++++++++---
 people/15187.html | 13 ++++++++++---
 people/15188.html | 13 ++++++++++---
 people/15189.html | 13 ++++++++++---
 people/1519.html  | 13 ++++++++++---
 people/15190.html | 13 ++++++++++---
 people/15191.html | 13 ++++++++++---
 people/15192.html | 13 ++++++++++---
 people/15193.html | 13 ++++++++++---
 people/15194.html | 13 ++++++++++---
 people/15195.html | 13 ++++++++++---
 people/15196.html | 13 ++++++++++---
 people/15197.html | 13 ++++++++++---
 people/15198.html | 13 ++++++++++---
 people/15199.html | 13 ++++++++++---
 people/152.html   | 13 ++++++++++---
 people/1520.html  | 13 ++++++++++---
 people/15200.html | 13 ++++++++++---
 people/15201.html | 13 ++++++++++---
 people/15202.html | 13 ++++++++++---
 people/15203.html | 13 ++++++++++---
 people/15204.html | 13 ++++++++++---
 people/15205.html | 13 ++++++++++---
 people/15206.html | 13 ++++++++++---
 people/15207.html | 13 ++++++++++---
 people/15208.html | 13 ++++++++++---
 people/15209.html | 13 ++++++++++---
 people/1521.html  | 13 ++++++++++---
 people/15210.html | 13 ++++++++++---
 people/15211.html | 13 ++++++++++---
 people/15212.html | 13 ++++++++++---
 people/15213.html | 13 ++++++++++---
 people/15214.html | 13 ++++++++++---
 people/15215.html | 13 ++++++++++---
 people/15216.html | 13 ++++++++++---
 people/15217.html | 13 ++++++++++---
 people/15218.html | 13 ++++++++++---
 people/15219.html | 13 ++++++++++---
 people/1522.html  | 13 ++++++++++---
 people/15220.html | 13 ++++++++++---
 people/15221.html | 13 ++++++++++---
 people/15222.html | 13 ++++++++++---
 people/15223.html | 13 ++++++++++---
 people/15224.html | 13 ++++++++++---
 people/15225.html | 13 ++++++++++---
 people/15226.html | 13 ++++++++++---
 people/15227.html | 13 ++++++++++---
 people/15228.html | 13 ++++++++++---
 people/15229.html | 13 ++++++++++---
 people/1523.html  | 13 ++++++++++---
 people/15230.html | 13 ++++++++++---
 people/15231.html | 13 ++++++++++---
 people/15232.html | 13 ++++++++++---
 people/15233.html | 13 ++++++++++---
 people/15234.html | 13 ++++++++++---
 people/15235.html | 13 ++++++++++---
 people/15236.html | 13 ++++++++++---
 people/15237.html | 13 ++++++++++---
 people/15238.html | 13 ++++++++++---
 people/15239.html | 13 ++++++++++---
 people/15240.html | 13 ++++++++++---
 people/15241.html | 13 ++++++++++---
 people/15242.html | 13 ++++++++++---
 people/15243.html | 13 ++++++++++---
 people/15244.html | 13 ++++++++++---
 people/15245.html | 13 ++++++++++---
 people/15246.html | 13 ++++++++++---
 people/15247.html | 13 ++++++++++---
 people/15248.html | 13 ++++++++++---
 people/15249.html | 13 ++++++++++---
 people/1525.html  | 13 ++++++++++---
 people/15250.html | 13 ++++++++++---
 people/15251.html | 13 ++++++++++---
 people/15252.html | 13 ++++++++++---
 people/15253.html | 13 ++++++++++---
 people/15254.html | 13 ++++++++++---
 people/15255.html | 13 ++++++++++---
 people/15256.html | 13 ++++++++++---
 people/15257.html | 13 ++++++++++---
 people/15258.html | 13 ++++++++++---
 people/15259.html | 13 ++++++++++---
 people/1526.html  | 13 ++++++++++---
 people/15260.html | 13 ++++++++++---
 people/15261.html | 13 ++++++++++---
 people/15262.html | 13 ++++++++++---
 people/15263.html | 13 ++++++++++---
 people/15264.html | 13 ++++++++++---
 people/15265.html | 13 ++++++++++---
 people/15266.html | 13 ++++++++++---
 people/15267.html | 13 ++++++++++---
 people/15268.html | 13 ++++++++++---
 people/15269.html | 13 ++++++++++---
 people/1527.html  | 13 ++++++++++---
 people/15270.html | 13 ++++++++++---
 people/15271.html | 13 ++++++++++---
 people/15272.html | 13 ++++++++++---
 people/15273.html | 13 ++++++++++---
 people/15274.html | 13 ++++++++++---
 people/15275.html | 13 ++++++++++---
 people/15276.html | 13 ++++++++++---
 people/15277.html | 13 ++++++++++---
 people/15278.html | 13 ++++++++++---
 people/15279.html | 13 ++++++++++---
 people/1528.html  | 13 ++++++++++---
 people/15280.html | 13 ++++++++++---
 people/15281.html | 13 ++++++++++---
 people/15282.html | 13 ++++++++++---
 people/15283.html | 13 ++++++++++---
 people/15284.html | 13 ++++++++++---
 people/15285.html | 13 ++++++++++---
 people/15286.html | 13 ++++++++++---
 people/15287.html | 13 ++++++++++---
 people/15288.html | 13 ++++++++++---
 people/15289.html | 13 ++++++++++---
 people/1529.html  | 13 ++++++++++---
 people/15290.html | 13 ++++++++++---
 people/15291.html | 13 ++++++++++---
 people/15292.html | 13 ++++++++++---
 people/15293.html | 13 ++++++++++---
 people/15294.html | 13 ++++++++++---
 people/15295.html | 13 ++++++++++---
 people/15296.html | 13 ++++++++++---
 people/15297.html | 13 ++++++++++---
 people/15298.html | 13 ++++++++++---
 people/15299.html | 13 ++++++++++---
 people/153.html   | 13 ++++++++++---
 people/1530.html  | 13 ++++++++++---
 people/15300.html | 13 ++++++++++---
 people/15301.html | 13 ++++++++++---
 people/15302.html | 13 ++++++++++---
 people/15303.html | 13 ++++++++++---
 people/15304.html | 13 ++++++++++---
 people/15305.html | 13 ++++++++++---
 people/15306.html | 13 ++++++++++---
 people/15307.html | 13 ++++++++++---
 people/15308.html | 13 ++++++++++---
 people/15309.html | 13 ++++++++++---
 people/1531.html  | 13 ++++++++++---
 people/15310.html | 13 ++++++++++---
 people/15311.html | 13 ++++++++++---
 people/15312.html | 13 ++++++++++---
 people/15313.html | 13 ++++++++++---
 people/15314.html | 13 ++++++++++---
 people/15315.html | 13 ++++++++++---
 people/15316.html | 13 ++++++++++---
 people/15317.html | 13 ++++++++++---
 people/15318.html | 13 ++++++++++---
 people/15319.html | 13 ++++++++++---
 people/1532.html  | 13 ++++++++++---
 people/15320.html | 13 ++++++++++---
 people/15321.html | 13 ++++++++++---
 people/15322.html | 13 ++++++++++---
 people/15323.html | 13 ++++++++++---
 people/15324.html | 13 ++++++++++---
 people/15325.html | 13 ++++++++++---
 people/15326.html | 13 ++++++++++---
 people/15327.html | 13 ++++++++++---
 people/15328.html | 13 ++++++++++---
 people/15329.html | 13 ++++++++++---
 people/1533.html  | 13 ++++++++++---
 people/15330.html | 13 ++++++++++---
 people/15331.html | 13 ++++++++++---
 people/15332.html | 13 ++++++++++---
 people/15333.html | 13 ++++++++++---
 people/15334.html | 13 ++++++++++---
 people/15335.html | 13 ++++++++++---
 people/15336.html | 13 ++++++++++---
 people/15337.html | 13 ++++++++++---
 people/15338.html | 13 ++++++++++---
 people/15339.html | 13 ++++++++++---
 people/1534.html  | 13 ++++++++++---
 people/15340.html | 13 ++++++++++---
 people/15341.html | 13 ++++++++++---
 people/15342.html | 13 ++++++++++---
 people/15343.html | 13 ++++++++++---
 people/15344.html | 13 ++++++++++---
 people/15345.html | 13 ++++++++++---
 people/15346.html | 13 ++++++++++---
 people/15347.html | 13 ++++++++++---
 people/15348.html | 13 ++++++++++---
 people/15349.html | 13 ++++++++++---
 people/1535.html  | 13 ++++++++++---
 people/15350.html | 13 ++++++++++---
 people/15351.html | 13 ++++++++++---
 people/15352.html | 13 ++++++++++---
 people/15353.html | 13 ++++++++++---
 people/15354.html | 13 ++++++++++---
 people/15355.html | 13 ++++++++++---
 people/15356.html | 13 ++++++++++---
 people/15357.html | 13 ++++++++++---
 people/15358.html | 13 ++++++++++---
 people/15359.html | 13 ++++++++++---
 people/1536.html  | 13 ++++++++++---
 people/15360.html | 13 ++++++++++---
 people/15361.html | 13 ++++++++++---
 people/15362.html | 13 ++++++++++---
 people/15363.html | 13 ++++++++++---
 people/15364.html | 13 ++++++++++---
 people/15365.html | 13 ++++++++++---
 people/15366.html | 13 ++++++++++---
 people/15367.html | 13 ++++++++++---
 people/15368.html | 13 ++++++++++---
 people/15369.html | 13 ++++++++++---
 people/1537.html  | 13 ++++++++++---
 people/15370.html | 13 ++++++++++---
 people/15371.html | 13 ++++++++++---
 people/15372.html | 13 ++++++++++---
 people/15373.html | 13 ++++++++++---
 people/15374.html | 13 ++++++++++---
 people/15375.html | 13 ++++++++++---
 people/15376.html | 13 ++++++++++---
 people/15377.html | 13 ++++++++++---
 people/15378.html | 13 ++++++++++---
 people/15379.html | 13 ++++++++++---
 people/1538.html  | 13 ++++++++++---
 people/15380.html | 13 ++++++++++---
 people/15381.html | 13 ++++++++++---
 people/15382.html | 13 ++++++++++---
 people/15383.html | 13 ++++++++++---
 people/15384.html | 13 ++++++++++---
 people/15385.html | 13 ++++++++++---
 people/15386.html | 13 ++++++++++---
 people/15387.html | 13 ++++++++++---
 people/15388.html | 13 ++++++++++---
 people/15389.html | 13 ++++++++++---
 people/1539.html  | 13 ++++++++++---
 people/15390.html | 13 ++++++++++---
 people/15391.html | 13 ++++++++++---
 people/15392.html | 13 ++++++++++---
 people/15393.html | 13 ++++++++++---
 people/15394.html | 13 ++++++++++---
 people/15395.html | 13 ++++++++++---
 people/15396.html | 13 ++++++++++---
 people/15397.html | 13 ++++++++++---
 people/15398.html | 13 ++++++++++---
 people/15399.html | 13 ++++++++++---
 people/154.html   | 13 ++++++++++---
 people/1540.html  | 13 ++++++++++---
 people/15400.html | 13 ++++++++++---
 people/15401.html | 13 ++++++++++---
 people/15402.html | 13 ++++++++++---
 people/15403.html | 13 ++++++++++---
 people/15404.html | 13 ++++++++++---
 people/15405.html | 13 ++++++++++---
 people/15406.html | 13 ++++++++++---
 people/15407.html | 13 ++++++++++---
 people/15408.html | 13 ++++++++++---
 people/15409.html | 13 ++++++++++---
 people/1541.html  | 13 ++++++++++---
 people/15410.html | 13 ++++++++++---
 people/15411.html | 13 ++++++++++---
 people/15412.html | 13 ++++++++++---
 people/15413.html | 13 ++++++++++---
 people/15414.html | 13 ++++++++++---
 people/15415.html | 13 ++++++++++---
 people/15416.html | 13 ++++++++++---
 people/15417.html | 13 ++++++++++---
 people/15418.html | 13 ++++++++++---
 people/15419.html | 13 ++++++++++---
 people/1542.html  | 13 ++++++++++---
 people/15420.html | 13 ++++++++++---
 people/15421.html | 13 ++++++++++---
 people/15422.html | 13 ++++++++++---
 people/15423.html | 13 ++++++++++---
 people/15424.html | 13 ++++++++++---
 people/15425.html | 13 ++++++++++---
 people/15426.html | 13 ++++++++++---
 people/15427.html | 13 ++++++++++---
 people/15428.html | 13 ++++++++++---
 people/15429.html | 13 ++++++++++---
 people/1543.html  | 13 ++++++++++---
 people/15430.html | 13 ++++++++++---
 people/15431.html | 13 ++++++++++---
 people/15432.html | 13 ++++++++++---
 people/15433.html | 13 ++++++++++---
 people/15434.html | 13 ++++++++++---
 people/15435.html | 13 ++++++++++---
 people/15436.html | 13 ++++++++++---
 people/15437.html | 13 ++++++++++---
 people/15438.html | 13 ++++++++++---
 people/15439.html | 13 ++++++++++---
 people/1544.html  | 13 ++++++++++---
 people/15440.html | 13 ++++++++++---
 people/15442.html | 13 ++++++++++---
 people/15443.html | 13 ++++++++++---
 people/15444.html | 13 ++++++++++---
 people/15445.html | 13 ++++++++++---
 people/15446.html | 13 ++++++++++---
 people/15447.html | 13 ++++++++++---
 people/15448.html | 13 ++++++++++---
 people/15449.html | 13 ++++++++++---
 people/1545.html  | 13 ++++++++++---
 people/15450.html | 13 ++++++++++---
 people/15451.html | 13 ++++++++++---
 people/15452.html | 13 ++++++++++---
 people/15453.html | 13 ++++++++++---
 people/15454.html | 13 ++++++++++---
 people/15455.html | 13 ++++++++++---
 people/15456.html | 13 ++++++++++---
 people/15457.html | 13 ++++++++++---
 people/15458.html | 13 ++++++++++---
 people/15459.html | 13 ++++++++++---
 people/1546.html  | 13 ++++++++++---
 people/15460.html | 13 ++++++++++---
 people/15461.html | 13 ++++++++++---
 people/15462.html | 13 ++++++++++---
 people/15463.html | 13 ++++++++++---
 people/15464.html | 13 ++++++++++---
 people/15465.html | 13 ++++++++++---
 people/15466.html | 13 ++++++++++---
 people/15467.html | 13 ++++++++++---
 people/15468.html | 13 ++++++++++---
 people/15469.html | 13 ++++++++++---
 people/1547.html  | 13 ++++++++++---
 people/15470.html | 13 ++++++++++---
 people/15471.html | 13 ++++++++++---
 people/15472.html | 13 ++++++++++---
 people/15473.html | 13 ++++++++++---
 people/15474.html | 13 ++++++++++---
 people/15475.html | 13 ++++++++++---
 people/15476.html | 13 ++++++++++---
 people/15477.html | 13 ++++++++++---
 people/15478.html | 13 ++++++++++---
 people/15479.html | 13 ++++++++++---
 people/1548.html  | 13 ++++++++++---
 people/15480.html | 13 ++++++++++---
 people/15481.html | 13 ++++++++++---
 people/15482.html | 13 ++++++++++---
 people/15483.html | 13 ++++++++++---
 people/15484.html | 13 ++++++++++---
 people/15485.html | 13 ++++++++++---
 people/15486.html | 13 ++++++++++---
 people/15487.html | 13 ++++++++++---
 people/15488.html | 13 ++++++++++---
 people/15489.html | 13 ++++++++++---
 people/1549.html  | 13 ++++++++++---
 people/15490.html | 13 ++++++++++---
 people/15491.html | 13 ++++++++++---
 people/15492.html | 13 ++++++++++---
 people/15493.html | 13 ++++++++++---
 people/15494.html | 13 ++++++++++---
 people/15495.html | 13 ++++++++++---
 people/15496.html | 13 ++++++++++---
 people/15497.html | 13 ++++++++++---
 people/15498.html | 13 ++++++++++---
 people/15499.html | 13 ++++++++++---
 people/155.html   | 13 ++++++++++---
 people/1550.html  | 13 ++++++++++---
 people/15500.html | 13 ++++++++++---
 people/15501.html | 13 ++++++++++---
 people/15502.html | 13 ++++++++++---
 people/15503.html | 13 ++++++++++---
 people/15504.html | 13 ++++++++++---
 people/15505.html | 13 ++++++++++---
 people/15506.html | 13 ++++++++++---
 people/15507.html | 13 ++++++++++---
 people/15508.html | 13 ++++++++++---
 people/15509.html | 13 ++++++++++---
 people/1551.html  | 13 ++++++++++---
 people/15510.html | 13 ++++++++++---
 people/15511.html | 13 ++++++++++---
 people/15512.html | 13 ++++++++++---
 people/15513.html | 13 ++++++++++---
 people/15514.html | 13 ++++++++++---
 people/15515.html | 13 ++++++++++---
 people/15516.html | 13 ++++++++++---
 people/15517.html | 13 ++++++++++---
 people/15518.html | 13 ++++++++++---
 people/15519.html | 13 ++++++++++---
 people/1552.html  | 13 ++++++++++---
 people/15520.html | 13 ++++++++++---
 people/15521.html | 13 ++++++++++---
 people/15522.html | 13 ++++++++++---
 people/15523.html | 13 ++++++++++---
 people/15524.html | 13 ++++++++++---
 people/15525.html | 13 ++++++++++---
 people/15526.html | 13 ++++++++++---
 people/15527.html | 13 ++++++++++---
 people/15528.html | 13 ++++++++++---
 people/15529.html | 13 ++++++++++---
 people/1553.html  | 13 ++++++++++---
 people/15530.html | 13 ++++++++++---
 people/15531.html | 13 ++++++++++---
 people/15532.html | 13 ++++++++++---
 people/15533.html | 13 ++++++++++---
 people/15534.html | 13 ++++++++++---
 people/15535.html | 13 ++++++++++---
 people/15536.html | 13 ++++++++++---
 people/15537.html | 13 ++++++++++---
 people/15538.html | 13 ++++++++++---
 people/15539.html | 13 ++++++++++---
 people/1554.html  | 13 ++++++++++---
 people/15540.html | 13 ++++++++++---
 people/15541.html | 13 ++++++++++---
 people/15542.html | 13 ++++++++++---
 people/15543.html | 13 ++++++++++---
 people/15544.html | 13 ++++++++++---
 people/15545.html | 13 ++++++++++---
 people/15546.html | 13 ++++++++++---
 people/15547.html | 13 ++++++++++---
 people/15548.html | 13 ++++++++++---
 people/15549.html | 13 ++++++++++---
 people/1555.html  | 13 ++++++++++---
 people/15550.html | 13 ++++++++++---
 people/15551.html | 13 ++++++++++---
 people/15552.html | 13 ++++++++++---
 people/15553.html | 13 ++++++++++---
 people/15554.html | 13 ++++++++++---
 people/15555.html | 13 ++++++++++---
 people/15556.html | 13 ++++++++++---
 people/15557.html | 13 ++++++++++---
 people/15558.html | 13 ++++++++++---
 people/15559.html | 13 ++++++++++---
 people/1556.html  | 13 ++++++++++---
 people/15560.html | 13 ++++++++++---
 people/15561.html | 13 ++++++++++---
 people/15562.html | 13 ++++++++++---
 people/15563.html | 13 ++++++++++---
 people/15564.html | 13 ++++++++++---
 people/15565.html | 13 ++++++++++---
 people/15566.html | 13 ++++++++++---
 people/15567.html | 13 ++++++++++---
 people/15568.html | 13 ++++++++++---
 people/15569.html | 13 ++++++++++---
 people/1557.html  | 13 ++++++++++---
 people/15570.html | 13 ++++++++++---
 people/15571.html | 13 ++++++++++---
 people/15572.html | 13 ++++++++++---
 people/15573.html | 13 ++++++++++---
 people/15574.html | 13 ++++++++++---
 people/15575.html | 13 ++++++++++---
 people/15576.html | 13 ++++++++++---
 people/15577.html | 13 ++++++++++---
 people/15578.html | 13 ++++++++++---
 people/15579.html | 13 ++++++++++---
 people/1558.html  | 13 ++++++++++---
 people/15580.html | 13 ++++++++++---
 people/15581.html | 13 ++++++++++---
 people/15582.html | 13 ++++++++++---
 people/15583.html | 13 ++++++++++---
 people/15584.html | 13 ++++++++++---
 people/15585.html | 13 ++++++++++---
 people/15586.html | 13 ++++++++++---
 people/15587.html | 13 ++++++++++---
 people/15588.html | 13 ++++++++++---
 people/15589.html | 13 ++++++++++---
 people/1559.html  | 13 ++++++++++---
 people/15590.html | 13 ++++++++++---
 people/15591.html | 13 ++++++++++---
 people/15592.html | 13 ++++++++++---
 people/15593.html | 13 ++++++++++---
 people/15594.html | 13 ++++++++++---
 people/15595.html | 13 ++++++++++---
 people/15596.html | 13 ++++++++++---
 people/15597.html | 13 ++++++++++---
 people/15598.html | 13 ++++++++++---
 people/15599.html | 13 ++++++++++---
 people/156.html   | 13 ++++++++++---
 people/1560.html  | 13 ++++++++++---
 people/15600.html | 13 ++++++++++---
 people/15601.html | 13 ++++++++++---
 people/15602.html | 13 ++++++++++---
 people/15603.html | 13 ++++++++++---
 people/15604.html | 13 ++++++++++---
 people/15605.html | 13 ++++++++++---
 people/15606.html | 13 ++++++++++---
 people/15607.html | 13 ++++++++++---
 people/15608.html | 13 ++++++++++---
 people/15609.html | 13 ++++++++++---
 people/1561.html  | 13 ++++++++++---
 people/15610.html | 13 ++++++++++---
 people/15611.html | 13 ++++++++++---
 people/15612.html | 13 ++++++++++---
 people/15613.html | 13 ++++++++++---
 people/15614.html | 13 ++++++++++---
 people/15615.html | 13 ++++++++++---
 people/15616.html | 13 ++++++++++---
 people/15617.html | 13 ++++++++++---
 people/15618.html | 13 ++++++++++---
 people/15619.html | 13 ++++++++++---
 people/1562.html  | 13 ++++++++++---
 people/15620.html | 13 ++++++++++---
 people/15621.html | 13 ++++++++++---
 people/15622.html | 13 ++++++++++---
 people/15623.html | 13 ++++++++++---
 people/15624.html | 13 ++++++++++---
 people/15625.html | 13 ++++++++++---
 people/15626.html | 13 ++++++++++---
 people/15627.html | 13 ++++++++++---
 people/15628.html | 13 ++++++++++---
 people/15629.html | 13 ++++++++++---
 people/1563.html  | 13 ++++++++++---
 people/15630.html | 13 ++++++++++---
 people/15631.html | 13 ++++++++++---
 people/15632.html | 13 ++++++++++---
 people/15633.html | 13 ++++++++++---
 people/15634.html | 13 ++++++++++---
 people/15635.html | 13 ++++++++++---
 people/15636.html | 13 ++++++++++---
 people/15637.html | 13 ++++++++++---
 people/15638.html | 13 ++++++++++---
 people/15639.html | 13 ++++++++++---
 people/1564.html  | 13 ++++++++++---
 people/15640.html | 13 ++++++++++---
 people/15641.html | 13 ++++++++++---
 people/15642.html | 13 ++++++++++---
 people/15643.html | 13 ++++++++++---
 people/15644.html | 13 ++++++++++---
 people/15645.html | 13 ++++++++++---
 people/15646.html | 13 ++++++++++---
 people/15647.html | 13 ++++++++++---
 people/15648.html | 13 ++++++++++---
 people/15649.html | 13 ++++++++++---
 people/1565.html  | 13 ++++++++++---
 people/15650.html | 13 ++++++++++---
 people/15651.html | 13 ++++++++++---
 people/15652.html | 13 ++++++++++---
 people/15653.html | 13 ++++++++++---
 people/15654.html | 13 ++++++++++---
 people/15655.html | 13 ++++++++++---
 people/15656.html | 13 ++++++++++---
 people/15657.html | 13 ++++++++++---
 people/15658.html | 13 ++++++++++---
 people/15659.html | 13 ++++++++++---
 people/1566.html  | 13 ++++++++++---
 people/15660.html | 13 ++++++++++---
 people/15661.html | 13 ++++++++++---
 people/15662.html | 13 ++++++++++---
 people/15663.html | 13 ++++++++++---
 people/15664.html | 13 ++++++++++---
 people/15665.html | 13 ++++++++++---
 people/15666.html | 13 ++++++++++---
 people/15667.html | 13 ++++++++++---
 people/15668.html | 13 ++++++++++---
 people/15669.html | 13 ++++++++++---
 people/1567.html  | 13 ++++++++++---
 people/15670.html | 13 ++++++++++---
 people/15671.html | 13 ++++++++++---
 people/15672.html | 13 ++++++++++---
 people/15673.html | 13 ++++++++++---
 people/15674.html | 13 ++++++++++---
 people/15675.html | 13 ++++++++++---
 people/15676.html | 13 ++++++++++---
 people/15677.html | 13 ++++++++++---
 people/15678.html | 13 ++++++++++---
 people/15679.html | 13 ++++++++++---
 people/1568.html  | 13 ++++++++++---
 people/15680.html | 13 ++++++++++---
 people/15681.html | 13 ++++++++++---
 people/15682.html | 13 ++++++++++---
 people/15683.html | 13 ++++++++++---
 people/15684.html | 13 ++++++++++---
 people/15685.html | 13 ++++++++++---
 people/15686.html | 13 ++++++++++---
 people/15687.html | 13 ++++++++++---
 people/15688.html | 13 ++++++++++---
 people/15689.html | 13 ++++++++++---
 people/1569.html  | 13 ++++++++++---
 people/15690.html | 13 ++++++++++---
 people/15691.html | 13 ++++++++++---
 people/15692.html | 13 ++++++++++---
 people/15693.html | 13 ++++++++++---
 people/15694.html | 13 ++++++++++---
 people/15695.html | 13 ++++++++++---
 people/15696.html | 13 ++++++++++---
 people/15697.html | 13 ++++++++++---
 people/15698.html | 13 ++++++++++---
 people/15699.html | 13 ++++++++++---
 people/157.html   | 13 ++++++++++---
 people/1570.html  | 13 ++++++++++---
 people/15700.html | 13 ++++++++++---
 people/15701.html | 13 ++++++++++---
 people/15702.html | 13 ++++++++++---
 people/15703.html | 13 ++++++++++---
 people/15704.html | 13 ++++++++++---
 people/15705.html | 13 ++++++++++---
 people/15706.html | 13 ++++++++++---
 people/15707.html | 13 ++++++++++---
 people/15708.html | 13 ++++++++++---
 people/15709.html | 13 ++++++++++---
 people/1571.html  | 13 ++++++++++---
 people/15710.html | 13 ++++++++++---
 people/15711.html | 13 ++++++++++---
 people/15712.html | 13 ++++++++++---
 people/15713.html | 13 ++++++++++---
 people/15714.html | 13 ++++++++++---
 people/15715.html | 13 ++++++++++---
 people/15716.html | 13 ++++++++++---
 people/15717.html | 13 ++++++++++---
 people/15718.html | 13 ++++++++++---
 people/15719.html | 13 ++++++++++---
 people/1572.html  | 13 ++++++++++---
 people/15720.html | 13 ++++++++++---
 people/15721.html | 13 ++++++++++---
 people/15722.html | 13 ++++++++++---
 people/15723.html | 13 ++++++++++---
 people/15724.html | 13 ++++++++++---
 people/15725.html | 13 ++++++++++---
 people/15726.html | 13 ++++++++++---
 people/15727.html | 13 ++++++++++---
 people/15728.html | 13 ++++++++++---
 people/15729.html | 13 ++++++++++---
 people/1573.html  | 13 ++++++++++---
 people/15730.html | 13 ++++++++++---
 people/15731.html | 13 ++++++++++---
 people/15732.html | 13 ++++++++++---
 people/15733.html | 13 ++++++++++---
 people/15734.html | 13 ++++++++++---
 people/15735.html | 13 ++++++++++---
 people/15736.html | 13 ++++++++++---
 people/15737.html | 13 ++++++++++---
 people/15738.html | 13 ++++++++++---
 people/15739.html | 13 ++++++++++---
 people/1574.html  | 13 ++++++++++---
 people/15740.html | 13 ++++++++++---
 people/15741.html | 13 ++++++++++---
 people/15742.html | 13 ++++++++++---
 people/15743.html | 13 ++++++++++---
 people/15744.html | 13 ++++++++++---
 people/15745.html | 13 ++++++++++---
 people/15746.html | 13 ++++++++++---
 people/15747.html | 13 ++++++++++---
 people/15748.html | 13 ++++++++++---
 people/15749.html | 13 ++++++++++---
 people/1575.html  | 13 ++++++++++---
 people/15750.html | 13 ++++++++++---
 people/15751.html | 13 ++++++++++---
 people/15752.html | 13 ++++++++++---
 people/15753.html | 13 ++++++++++---
 people/15754.html | 13 ++++++++++---
 people/15755.html | 13 ++++++++++---
 people/15756.html | 13 ++++++++++---
 people/15757.html | 13 ++++++++++---
 people/15758.html | 13 ++++++++++---
 people/15759.html | 13 ++++++++++---
 people/1576.html  | 13 ++++++++++---
 people/15760.html | 13 ++++++++++---
 people/15761.html | 13 ++++++++++---
 people/15762.html | 13 ++++++++++---
 people/15763.html | 13 ++++++++++---
 people/15764.html | 13 ++++++++++---
 people/15765.html | 13 ++++++++++---
 people/15766.html | 13 ++++++++++---
 people/15767.html | 13 ++++++++++---
 people/15768.html | 13 ++++++++++---
 people/15769.html | 13 ++++++++++---
 people/1577.html  | 13 ++++++++++---
 people/15770.html | 13 ++++++++++---
 people/15771.html | 13 ++++++++++---
 people/15772.html | 13 ++++++++++---
 people/15773.html | 13 ++++++++++---
 people/15774.html | 13 ++++++++++---
 people/15775.html | 13 ++++++++++---
 people/15776.html | 13 ++++++++++---
 people/15777.html | 13 ++++++++++---
 people/15778.html | 13 ++++++++++---
 people/15779.html | 13 ++++++++++---
 people/1578.html  | 13 ++++++++++---
 people/15780.html | 13 ++++++++++---
 people/15781.html | 13 ++++++++++---
 people/15782.html | 13 ++++++++++---
 people/15783.html | 13 ++++++++++---
 people/15784.html | 13 ++++++++++---
 people/15785.html | 13 ++++++++++---
 people/15786.html | 13 ++++++++++---
 people/15787.html | 13 ++++++++++---
 people/15788.html | 13 ++++++++++---
 people/15789.html | 13 ++++++++++---
 people/1579.html  | 13 ++++++++++---
 people/15790.html | 13 ++++++++++---
 people/15791.html | 13 ++++++++++---
 people/15792.html | 13 ++++++++++---
 people/15793.html | 13 ++++++++++---
 people/15794.html | 13 ++++++++++---
 people/15795.html | 13 ++++++++++---
 people/15796.html | 13 ++++++++++---
 people/15797.html | 13 ++++++++++---
 people/15798.html | 13 ++++++++++---
 people/15799.html | 13 ++++++++++---
 people/158.html   | 13 ++++++++++---
 people/1580.html  | 13 ++++++++++---
 people/15800.html | 13 ++++++++++---
 people/15801.html | 13 ++++++++++---
 people/15802.html | 13 ++++++++++---
 people/15803.html | 13 ++++++++++---
 people/15804.html | 13 ++++++++++---
 people/15805.html | 13 ++++++++++---
 people/15806.html | 13 ++++++++++---
 people/15807.html | 13 ++++++++++---
 people/15808.html | 13 ++++++++++---
 people/15809.html | 13 ++++++++++---
 people/1581.html  | 13 ++++++++++---
 people/15810.html | 13 ++++++++++---
 people/15811.html | 13 ++++++++++---
 people/15812.html | 13 ++++++++++---
 people/15813.html | 13 ++++++++++---
 people/15814.html | 13 ++++++++++---
 people/15815.html | 13 ++++++++++---
 people/15816.html | 13 ++++++++++---
 people/15817.html | 13 ++++++++++---
 people/15818.html | 13 ++++++++++---
 people/15819.html | 13 ++++++++++---
 people/1582.html  | 13 ++++++++++---
 people/15820.html | 13 ++++++++++---
 people/15821.html | 13 ++++++++++---
 people/15822.html | 13 ++++++++++---
 people/15823.html | 13 ++++++++++---
 people/15824.html | 13 ++++++++++---
 people/15825.html | 13 ++++++++++---
 people/15826.html | 13 ++++++++++---
 people/15827.html | 13 ++++++++++---
 people/15828.html | 13 ++++++++++---
 people/15829.html | 13 ++++++++++---
 people/1583.html  | 13 ++++++++++---
 people/15830.html | 13 ++++++++++---
 people/15831.html | 13 ++++++++++---
 people/15832.html | 13 ++++++++++---
 people/15833.html | 13 ++++++++++---
 people/15834.html | 13 ++++++++++---
 people/15835.html | 13 ++++++++++---
 people/15836.html | 13 ++++++++++---
 people/15837.html | 13 ++++++++++---
 people/15838.html | 13 ++++++++++---
 people/15839.html | 13 ++++++++++---
 people/1584.html  | 13 ++++++++++---
 people/15840.html | 13 ++++++++++---
 people/15841.html | 13 ++++++++++---
 people/15842.html | 13 ++++++++++---
 people/15843.html | 13 ++++++++++---
 people/15844.html | 13 ++++++++++---
 people/15845.html | 13 ++++++++++---
 people/15846.html | 13 ++++++++++---
 people/15847.html | 13 ++++++++++---
 people/15848.html | 13 ++++++++++---
 people/15849.html | 13 ++++++++++---
 people/1585.html  | 13 ++++++++++---
 people/15850.html | 13 ++++++++++---
 people/15851.html | 13 ++++++++++---
 people/15852.html | 13 ++++++++++---
 people/15853.html | 13 ++++++++++---
 people/15854.html | 13 ++++++++++---
 people/15855.html | 13 ++++++++++---
 people/15856.html | 13 ++++++++++---
 people/15857.html | 13 ++++++++++---
 people/15858.html | 13 ++++++++++---
 people/15859.html | 13 ++++++++++---
 people/1586.html  | 13 ++++++++++---
 people/15860.html | 13 ++++++++++---
 people/15861.html | 13 ++++++++++---
 people/15862.html | 13 ++++++++++---
 people/15863.html | 13 ++++++++++---
 people/15864.html | 13 ++++++++++---
 people/15865.html | 13 ++++++++++---
 people/15866.html | 13 ++++++++++---
 people/15867.html | 13 ++++++++++---
 people/15868.html | 13 ++++++++++---
 people/15869.html | 13 ++++++++++---
 people/1587.html  | 13 ++++++++++---
 people/15870.html | 13 ++++++++++---
 people/15871.html | 13 ++++++++++---
 people/15872.html | 13 ++++++++++---
 people/15873.html | 13 ++++++++++---
 people/15874.html | 13 ++++++++++---
 people/15875.html | 13 ++++++++++---
 people/15876.html | 13 ++++++++++---
 people/15877.html | 13 ++++++++++---
 people/15878.html | 13 ++++++++++---
 people/15879.html | 13 ++++++++++---
 people/1588.html  | 13 ++++++++++---
 people/15880.html | 13 ++++++++++---
 people/15881.html | 13 ++++++++++---
 people/15882.html | 13 ++++++++++---
 people/15883.html | 13 ++++++++++---
 people/15884.html | 13 ++++++++++---
 people/15885.html | 13 ++++++++++---
 people/15886.html | 13 ++++++++++---
 people/15887.html | 13 ++++++++++---
 people/15888.html | 13 ++++++++++---
 people/15889.html | 13 ++++++++++---
 people/1589.html  | 13 ++++++++++---
 people/15890.html | 13 ++++++++++---
 people/15891.html | 13 ++++++++++---
 people/15892.html | 13 ++++++++++---
 people/15893.html | 13 ++++++++++---
 people/15894.html | 13 ++++++++++---
 people/15895.html | 13 ++++++++++---
 people/15896.html | 13 ++++++++++---
 people/15897.html | 13 ++++++++++---
 people/15898.html | 13 ++++++++++---
 people/15899.html | 13 ++++++++++---
 people/159.html   | 13 ++++++++++---
 people/1590.html  | 13 ++++++++++---
 people/15900.html | 13 ++++++++++---
 people/15901.html | 13 ++++++++++---
 people/15902.html | 13 ++++++++++---
 people/15903.html | 13 ++++++++++---
 people/15904.html | 13 ++++++++++---
 people/15905.html | 13 ++++++++++---
 people/15906.html | 13 ++++++++++---
 people/15907.html | 13 ++++++++++---
 people/15908.html | 13 ++++++++++---
 people/15909.html | 13 ++++++++++---
 people/1591.html  | 13 ++++++++++---
 people/15910.html | 13 ++++++++++---
 people/15911.html | 13 ++++++++++---
 people/15912.html | 13 ++++++++++---
 people/15913.html | 13 ++++++++++---
 people/15914.html | 13 ++++++++++---
 people/15915.html | 13 ++++++++++---
 people/15916.html | 13 ++++++++++---
 people/15917.html | 13 ++++++++++---
 people/15918.html | 13 ++++++++++---
 people/15919.html | 13 ++++++++++---
 people/1592.html  | 13 ++++++++++---
 people/15920.html | 13 ++++++++++---
 people/15921.html | 13 ++++++++++---
 people/15922.html | 13 ++++++++++---
 people/15923.html | 13 ++++++++++---
 people/15924.html | 13 ++++++++++---
 people/15925.html | 13 ++++++++++---
 people/15926.html | 13 ++++++++++---
 people/15927.html | 13 ++++++++++---
 people/15928.html | 13 ++++++++++---
 people/15929.html | 13 ++++++++++---
 people/1593.html  | 13 ++++++++++---
 people/15930.html | 13 ++++++++++---
 people/15931.html | 13 ++++++++++---
 people/15932.html | 13 ++++++++++---
 people/15933.html | 13 ++++++++++---
 people/15934.html | 13 ++++++++++---
 people/15935.html | 13 ++++++++++---
 people/15936.html | 13 ++++++++++---
 people/15937.html | 13 ++++++++++---
 people/15938.html | 13 ++++++++++---
 people/15939.html | 13 ++++++++++---
 people/1594.html  | 13 ++++++++++---
 people/15940.html | 13 ++++++++++---
 people/15941.html | 13 ++++++++++---
 people/15942.html | 13 ++++++++++---
 people/15943.html | 13 ++++++++++---
 people/15944.html | 13 ++++++++++---
 people/15945.html | 13 ++++++++++---
 people/15946.html | 13 ++++++++++---
 people/15947.html | 13 ++++++++++---
 people/15948.html | 13 ++++++++++---
 people/15949.html | 13 ++++++++++---
 people/1595.html  | 13 ++++++++++---
 people/15950.html | 13 ++++++++++---
 people/15951.html | 13 ++++++++++---
 people/15952.html | 13 ++++++++++---
 people/15953.html | 13 ++++++++++---
 people/15954.html | 13 ++++++++++---
 people/15955.html | 13 ++++++++++---
 people/15956.html | 13 ++++++++++---
 people/15957.html | 13 ++++++++++---
 people/15958.html | 13 ++++++++++---
 people/15959.html | 13 ++++++++++---
 people/1596.html  | 13 ++++++++++---
 people/15960.html | 13 ++++++++++---
 people/15961.html | 13 ++++++++++---
 people/15962.html | 13 ++++++++++---
 people/15963.html | 13 ++++++++++---
 people/15964.html | 13 ++++++++++---
 people/15965.html | 13 ++++++++++---
 people/15966.html | 13 ++++++++++---
 people/15967.html | 13 ++++++++++---
 people/15968.html | 13 ++++++++++---
 people/15969.html | 13 ++++++++++---
 people/1597.html  | 13 ++++++++++---
 people/15970.html | 13 ++++++++++---
 people/15971.html | 13 ++++++++++---
 people/15972.html | 13 ++++++++++---
 people/15973.html | 13 ++++++++++---
 people/15974.html | 13 ++++++++++---
 people/15975.html | 13 ++++++++++---
 people/15976.html | 13 ++++++++++---
 people/15977.html | 13 ++++++++++---
 people/15978.html | 13 ++++++++++---
 people/15979.html | 13 ++++++++++---
 people/1598.html  | 13 ++++++++++---
 people/15980.html | 13 ++++++++++---
 people/15981.html | 13 ++++++++++---
 people/15982.html | 13 ++++++++++---
 people/15983.html | 13 ++++++++++---
 people/15984.html | 13 ++++++++++---
 people/15985.html | 13 ++++++++++---
 people/15986.html | 13 ++++++++++---
 people/15987.html | 13 ++++++++++---
 people/15988.html | 13 ++++++++++---
 people/15989.html | 13 ++++++++++---
 people/1599.html  | 13 ++++++++++---
 people/15990.html | 13 ++++++++++---
 people/15991.html | 13 ++++++++++---
 people/15992.html | 13 ++++++++++---
 people/15993.html | 13 ++++++++++---
 people/15994.html | 13 ++++++++++---
 people/15995.html | 13 ++++++++++---
 people/15996.html | 13 ++++++++++---
 people/15997.html | 13 ++++++++++---
 people/15998.html | 13 ++++++++++---
 people/15999.html | 13 ++++++++++---
 people/16.html    | 13 ++++++++++---
 people/160.html   | 13 ++++++++++---
 people/1600.html  | 13 ++++++++++---
 people/16000.html | 13 ++++++++++---
 people/16001.html | 13 ++++++++++---
 people/16002.html | 13 ++++++++++---
 people/16003.html | 13 ++++++++++---
 people/16004.html | 13 ++++++++++---
 people/16005.html | 13 ++++++++++---
 people/16006.html | 13 ++++++++++---
 people/16007.html | 13 ++++++++++---
 people/16008.html | 13 ++++++++++---
 people/16009.html | 13 ++++++++++---
 people/1601.html  | 13 ++++++++++---
 people/16010.html | 13 ++++++++++---
 people/16011.html | 13 ++++++++++---
 people/16012.html | 13 ++++++++++---
 people/16013.html | 13 ++++++++++---
 people/16014.html | 13 ++++++++++---
 people/16015.html | 13 ++++++++++---
 people/16016.html | 13 ++++++++++---
 people/16017.html | 13 ++++++++++---
 people/16018.html | 13 ++++++++++---
 people/16019.html | 13 ++++++++++---
 people/1602.html  | 13 ++++++++++---
 people/16020.html | 13 ++++++++++---
 people/16021.html | 13 ++++++++++---
 people/16022.html | 13 ++++++++++---
 people/16023.html | 13 ++++++++++---
 people/16024.html | 13 ++++++++++---
 people/16025.html | 13 ++++++++++---
 people/16026.html | 13 ++++++++++---
 people/16027.html | 13 ++++++++++---
 people/16028.html | 13 ++++++++++---
 people/16029.html | 13 ++++++++++---
 people/1603.html  | 13 ++++++++++---
 people/16030.html | 13 ++++++++++---
 people/16031.html | 13 ++++++++++---
 people/16032.html | 13 ++++++++++---
 people/16033.html | 13 ++++++++++---
 people/16034.html | 13 ++++++++++---
 people/16035.html | 13 ++++++++++---
 people/16036.html | 13 ++++++++++---
 people/16037.html | 13 ++++++++++---
 people/16038.html | 13 ++++++++++---
 people/16039.html | 13 ++++++++++---
 people/1604.html  | 13 ++++++++++---
 people/16040.html | 13 ++++++++++---
 people/16041.html | 13 ++++++++++---
 people/16042.html | 13 ++++++++++---
 people/16043.html | 13 ++++++++++---
 people/16044.html | 13 ++++++++++---
 people/16045.html | 13 ++++++++++---
 people/16046.html | 13 ++++++++++---
 people/16047.html | 13 ++++++++++---
 people/16048.html | 13 ++++++++++---
 people/16049.html | 13 ++++++++++---
 people/1605.html  | 13 ++++++++++---
 people/16050.html | 13 ++++++++++---
 people/16051.html | 13 ++++++++++---
 people/16052.html | 13 ++++++++++---
 people/16053.html | 13 ++++++++++---
 people/16054.html | 13 ++++++++++---
 people/16055.html | 13 ++++++++++---
 people/16056.html | 13 ++++++++++---
 people/16057.html | 13 ++++++++++---
 people/16058.html | 13 ++++++++++---
 people/16059.html | 13 ++++++++++---
 people/1606.html  | 13 ++++++++++---
 people/16060.html | 13 ++++++++++---
 people/16061.html | 13 ++++++++++---
 people/16062.html | 13 ++++++++++---
 people/16063.html | 13 ++++++++++---
 people/16064.html | 13 ++++++++++---
 people/16065.html | 13 ++++++++++---
 people/16066.html | 13 ++++++++++---
 people/16067.html | 13 ++++++++++---
 people/16068.html | 13 ++++++++++---
 people/16069.html | 13 ++++++++++---
 people/1607.html  | 13 ++++++++++---
 people/16070.html | 13 ++++++++++---
 people/16071.html | 13 ++++++++++---
 people/16072.html | 13 ++++++++++---
 people/16073.html | 13 ++++++++++---
 people/16074.html | 13 ++++++++++---
 people/16075.html | 13 ++++++++++---
 people/16076.html | 13 ++++++++++---
 people/16077.html | 13 ++++++++++---
 people/16078.html | 13 ++++++++++---
 people/16079.html | 13 ++++++++++---
 people/1608.html  | 13 ++++++++++---
 people/16080.html | 13 ++++++++++---
 people/16081.html | 13 ++++++++++---
 people/16082.html | 13 ++++++++++---
 people/16083.html | 13 ++++++++++---
 people/16084.html | 13 ++++++++++---
 people/16085.html | 13 ++++++++++---
 people/16086.html | 13 ++++++++++---
 people/16087.html | 13 ++++++++++---
 people/16088.html | 13 ++++++++++---
 people/16089.html | 13 ++++++++++---
 people/1609.html  | 13 ++++++++++---
 people/16090.html | 13 ++++++++++---
 people/16091.html | 13 ++++++++++---
 people/16092.html | 13 ++++++++++---
 people/16093.html | 13 ++++++++++---
 people/16094.html | 13 ++++++++++---
 people/16095.html | 13 ++++++++++---
 people/16096.html | 13 ++++++++++---
 people/16097.html | 13 ++++++++++---
 people/16098.html | 13 ++++++++++---
 people/16099.html | 13 ++++++++++---
 people/161.html   | 13 ++++++++++---
 people/1610.html  | 13 ++++++++++---
 people/16100.html | 13 ++++++++++---
 people/16101.html | 13 ++++++++++---
 people/16102.html | 13 ++++++++++---
 people/16103.html | 13 ++++++++++---
 people/16104.html | 13 ++++++++++---
 people/16105.html | 13 ++++++++++---
 people/16106.html | 13 ++++++++++---
 people/16107.html | 13 ++++++++++---
 people/16108.html | 13 ++++++++++---
 people/16109.html | 13 ++++++++++---
 people/1611.html  | 13 ++++++++++---
 people/16110.html | 13 ++++++++++---
 people/16111.html | 13 ++++++++++---
 people/16112.html | 13 ++++++++++---
 people/16113.html | 13 ++++++++++---
 people/16114.html | 13 ++++++++++---
 people/16115.html | 13 ++++++++++---
 people/16116.html | 13 ++++++++++---
 people/16117.html | 13 ++++++++++---
 people/16118.html | 13 ++++++++++---
 people/16119.html | 13 ++++++++++---
 people/1612.html  | 13 ++++++++++---
 people/16120.html | 13 ++++++++++---
 people/16121.html | 13 ++++++++++---
 people/16122.html | 13 ++++++++++---
 people/16123.html | 13 ++++++++++---
 people/16124.html | 13 ++++++++++---
 people/16125.html | 13 ++++++++++---
 people/16126.html | 13 ++++++++++---
 people/16127.html | 13 ++++++++++---
 people/16128.html | 13 ++++++++++---
 people/16129.html | 13 ++++++++++---
 people/1613.html  | 13 ++++++++++---
 people/16130.html | 13 ++++++++++---
 people/16131.html | 13 ++++++++++---
 people/16132.html | 13 ++++++++++---
 people/16133.html | 13 ++++++++++---
 people/16134.html | 13 ++++++++++---
 people/16135.html | 13 ++++++++++---
 people/16136.html | 13 ++++++++++---
 people/16137.html | 13 ++++++++++---
 people/16138.html | 13 ++++++++++---
 people/16139.html | 13 ++++++++++---
 people/1614.html  | 13 ++++++++++---
 people/16140.html | 13 ++++++++++---
 people/16141.html | 13 ++++++++++---
 people/16142.html | 13 ++++++++++---
 people/16143.html | 13 ++++++++++---
 people/16144.html | 13 ++++++++++---
 people/16145.html | 13 ++++++++++---
 people/16146.html | 13 ++++++++++---
 people/16147.html | 13 ++++++++++---
 people/16148.html | 13 ++++++++++---
 people/16149.html | 13 ++++++++++---
 people/1615.html  | 13 ++++++++++---
 people/16150.html | 13 ++++++++++---
 people/16151.html | 13 ++++++++++---
 people/16152.html | 13 ++++++++++---
 people/16153.html | 13 ++++++++++---
 people/16154.html | 13 ++++++++++---
 people/16155.html | 13 ++++++++++---
 people/16156.html | 13 ++++++++++---
 people/16157.html | 13 ++++++++++---
 people/16158.html | 13 ++++++++++---
 people/16159.html | 13 ++++++++++---
 people/1616.html  | 13 ++++++++++---
 people/16160.html | 13 ++++++++++---
 people/16161.html | 13 ++++++++++---
 people/16162.html | 13 ++++++++++---
 people/16163.html | 13 ++++++++++---
 people/16164.html | 13 ++++++++++---
 people/16165.html | 13 ++++++++++---
 people/16166.html | 13 ++++++++++---
 people/16167.html | 13 ++++++++++---
 people/16168.html | 13 ++++++++++---
 people/16169.html | 13 ++++++++++---
 people/1617.html  | 13 ++++++++++---
 people/16170.html | 13 ++++++++++---
 people/16171.html | 13 ++++++++++---
 people/16172.html | 13 ++++++++++---
 people/16173.html | 13 ++++++++++---
 people/16174.html | 13 ++++++++++---
 people/16175.html | 13 ++++++++++---
 people/16176.html | 13 ++++++++++---
 people/16177.html | 13 ++++++++++---
 people/16178.html | 13 ++++++++++---
 people/16179.html | 13 ++++++++++---
 people/1618.html  | 13 ++++++++++---
 people/16180.html | 13 ++++++++++---
 people/16181.html | 13 ++++++++++---
 people/16182.html | 13 ++++++++++---
 people/16183.html | 13 ++++++++++---
 people/16184.html | 13 ++++++++++---
 people/16185.html | 13 ++++++++++---
 people/16186.html | 13 ++++++++++---
 people/16187.html | 13 ++++++++++---
 people/16188.html | 13 ++++++++++---
 people/16189.html | 13 ++++++++++---
 people/1619.html  | 13 ++++++++++---
 people/16190.html | 13 ++++++++++---
 people/16191.html | 13 ++++++++++---
 people/16192.html | 13 ++++++++++---
 people/16193.html | 13 ++++++++++---
 people/16194.html | 13 ++++++++++---
 people/16195.html | 13 ++++++++++---
 people/16196.html | 13 ++++++++++---
 people/16197.html | 13 ++++++++++---
 people/16198.html | 13 ++++++++++---
 people/16199.html | 13 ++++++++++---
 people/162.html   | 13 ++++++++++---
 people/1620.html  | 13 ++++++++++---
 people/16200.html | 13 ++++++++++---
 people/16201.html | 13 ++++++++++---
 people/16202.html | 13 ++++++++++---
 people/16203.html | 13 ++++++++++---
 people/16204.html | 13 ++++++++++---
 people/16205.html | 13 ++++++++++---
 people/16206.html | 13 ++++++++++---
 people/16207.html | 13 ++++++++++---
 people/16208.html | 13 ++++++++++---
 people/16209.html | 13 ++++++++++---
 people/1621.html  | 13 ++++++++++---
 people/16210.html | 13 ++++++++++---
 people/16211.html | 13 ++++++++++---
 people/16212.html | 13 ++++++++++---
 people/16213.html | 13 ++++++++++---
 people/16214.html | 13 ++++++++++---
 people/16215.html | 13 ++++++++++---
 people/16216.html | 13 ++++++++++---
 people/16217.html | 13 ++++++++++---
 people/16218.html | 13 ++++++++++---
 people/16219.html | 13 ++++++++++---
 people/1622.html  | 13 ++++++++++---
 people/16220.html | 13 ++++++++++---
 people/16221.html | 13 ++++++++++---
 people/16222.html | 13 ++++++++++---
 people/16223.html | 13 ++++++++++---
 people/16224.html | 13 ++++++++++---
 people/16225.html | 13 ++++++++++---
 people/16226.html | 13 ++++++++++---
 people/16227.html | 13 ++++++++++---
 people/16228.html | 13 ++++++++++---
 people/16229.html | 13 ++++++++++---
 people/1623.html  | 13 ++++++++++---
 people/16230.html | 13 ++++++++++---
 people/16231.html | 13 ++++++++++---
 people/16232.html | 13 ++++++++++---
 people/16233.html | 13 ++++++++++---
 people/16234.html | 13 ++++++++++---
 people/16235.html | 13 ++++++++++---
 people/16236.html | 13 ++++++++++---
 people/16237.html | 13 ++++++++++---
 people/16238.html | 13 ++++++++++---
 people/16239.html | 13 ++++++++++---
 people/1624.html  | 13 ++++++++++---
 people/16240.html | 13 ++++++++++---
 people/16241.html | 13 ++++++++++---
 people/16242.html | 13 ++++++++++---
 people/16243.html | 13 ++++++++++---
 people/16244.html | 13 ++++++++++---
 people/16245.html | 13 ++++++++++---
 people/16246.html | 13 ++++++++++---
 people/16247.html | 13 ++++++++++---
 people/16248.html | 13 ++++++++++---
 people/16249.html | 13 ++++++++++---
 people/1625.html  | 13 ++++++++++---
 people/16250.html | 13 ++++++++++---
 people/16251.html | 13 ++++++++++---
 people/16252.html | 13 ++++++++++---
 people/16253.html | 13 ++++++++++---
 people/16254.html | 13 ++++++++++---
 people/16255.html | 13 ++++++++++---
 people/16256.html | 13 ++++++++++---
 people/16257.html | 13 ++++++++++---
 people/16258.html | 13 ++++++++++---
 people/16259.html | 13 ++++++++++---
 people/1626.html  | 13 ++++++++++---
 people/16260.html | 13 ++++++++++---
 people/16261.html | 13 ++++++++++---
 people/16262.html | 13 ++++++++++---
 people/16263.html | 13 ++++++++++---
 people/16264.html | 13 ++++++++++---
 people/16265.html | 13 ++++++++++---
 people/16266.html | 13 ++++++++++---
 people/16267.html | 13 ++++++++++---
 people/16268.html | 13 ++++++++++---
 people/16269.html | 13 ++++++++++---
 people/1627.html  | 13 ++++++++++---
 people/16270.html | 13 ++++++++++---
 people/16271.html | 13 ++++++++++---
 people/16272.html | 13 ++++++++++---
 people/16273.html | 13 ++++++++++---
 people/16274.html | 13 ++++++++++---
 people/16275.html | 13 ++++++++++---
 people/16276.html | 13 ++++++++++---
 people/16277.html | 13 ++++++++++---
 people/16278.html | 13 ++++++++++---
 people/16279.html | 13 ++++++++++---
 people/1628.html  | 13 ++++++++++---
 people/16280.html | 13 ++++++++++---
 people/16281.html | 13 ++++++++++---
 people/16282.html | 13 ++++++++++---
 people/16283.html | 13 ++++++++++---
 people/16284.html | 13 ++++++++++---
 people/16285.html | 13 ++++++++++---
 people/16286.html | 13 ++++++++++---
 people/16287.html | 13 ++++++++++---
 people/16288.html | 13 ++++++++++---
 people/16289.html | 13 ++++++++++---
 people/1629.html  | 13 ++++++++++---
 people/16290.html | 13 ++++++++++---
 people/16291.html | 13 ++++++++++---
 people/16292.html | 13 ++++++++++---
 people/16293.html | 13 ++++++++++---
 people/16294.html | 13 ++++++++++---
 people/16295.html | 13 ++++++++++---
 people/16296.html | 13 ++++++++++---
 people/16297.html | 13 ++++++++++---
 people/16298.html | 13 ++++++++++---
 people/16299.html | 13 ++++++++++---
 people/163.html   | 13 ++++++++++---
 people/1630.html  | 13 ++++++++++---
 people/16300.html | 13 ++++++++++---
 people/16301.html | 13 ++++++++++---
 people/16302.html | 13 ++++++++++---
 people/16303.html | 13 ++++++++++---
 people/16304.html | 13 ++++++++++---
 people/16305.html | 13 ++++++++++---
 people/16306.html | 13 ++++++++++---
 people/16307.html | 13 ++++++++++---
 people/16308.html | 13 ++++++++++---
 people/16309.html | 13 ++++++++++---
 people/1631.html  | 13 ++++++++++---
 people/16310.html | 13 ++++++++++---
 people/16311.html | 13 ++++++++++---
 people/16312.html | 13 ++++++++++---
 people/16313.html | 13 ++++++++++---
 people/16314.html | 13 ++++++++++---
 people/16315.html | 13 ++++++++++---
 people/16316.html | 13 ++++++++++---
 people/16317.html | 13 ++++++++++---
 people/16318.html | 13 ++++++++++---
 people/16319.html | 13 ++++++++++---
 people/1632.html  | 13 ++++++++++---
 people/16320.html | 13 ++++++++++---
 people/16321.html | 13 ++++++++++---
 people/16322.html | 13 ++++++++++---
 people/16323.html | 13 ++++++++++---
 people/16324.html | 13 ++++++++++---
 people/16325.html | 13 ++++++++++---
 people/16326.html | 13 ++++++++++---
 people/16327.html | 13 ++++++++++---
 people/16328.html | 13 ++++++++++---
 people/16329.html | 13 ++++++++++---
 people/1633.html  | 13 ++++++++++---
 people/16330.html | 13 ++++++++++---
 people/16331.html | 13 ++++++++++---
 people/16332.html | 13 ++++++++++---
 people/16333.html | 13 ++++++++++---
 people/16334.html | 13 ++++++++++---
 people/16335.html | 13 ++++++++++---
 people/16336.html | 13 ++++++++++---
 people/16337.html | 13 ++++++++++---
 people/16338.html | 13 ++++++++++---
 people/16339.html | 13 ++++++++++---
 people/1634.html  | 13 ++++++++++---
 people/16340.html | 13 ++++++++++---
 people/16341.html | 13 ++++++++++---
 people/16342.html | 13 ++++++++++---
 people/16343.html | 13 ++++++++++---
 people/16344.html | 13 ++++++++++---
 people/16345.html | 13 ++++++++++---
 people/16346.html | 13 ++++++++++---
 people/16347.html | 13 ++++++++++---
 people/16348.html | 13 ++++++++++---
 people/16349.html | 13 ++++++++++---
 people/1635.html  | 13 ++++++++++---
 people/16350.html | 13 ++++++++++---
 people/16351.html | 13 ++++++++++---
 people/16352.html | 13 ++++++++++---
 people/16353.html | 13 ++++++++++---
 people/16354.html | 13 ++++++++++---
 people/16355.html | 13 ++++++++++---
 people/16356.html | 13 ++++++++++---
 people/16357.html | 13 ++++++++++---
 people/16358.html | 13 ++++++++++---
 people/16359.html | 13 ++++++++++---
 people/1636.html  | 13 ++++++++++---
 people/16360.html | 13 ++++++++++---
 people/16361.html | 13 ++++++++++---
 people/16362.html | 13 ++++++++++---
 people/16363.html | 13 ++++++++++---
 people/16364.html | 13 ++++++++++---
 people/16365.html | 13 ++++++++++---
 people/16366.html | 13 ++++++++++---
 people/16367.html | 13 ++++++++++---
 people/16368.html | 13 ++++++++++---
 people/16369.html | 13 ++++++++++---
 people/1637.html  | 13 ++++++++++---
 people/16370.html | 13 ++++++++++---
 people/16371.html | 13 ++++++++++---
 people/16372.html | 13 ++++++++++---
 people/16373.html | 13 ++++++++++---
 people/16374.html | 13 ++++++++++---
 people/16375.html | 13 ++++++++++---
 people/16376.html | 13 ++++++++++---
 people/16377.html | 13 ++++++++++---
 people/16378.html | 13 ++++++++++---
 people/16379.html | 13 ++++++++++---
 people/1638.html  | 13 ++++++++++---
 people/16380.html | 13 ++++++++++---
 people/16381.html | 13 ++++++++++---
 people/16382.html | 13 ++++++++++---
 people/16383.html | 13 ++++++++++---
 people/16384.html | 13 ++++++++++---
 people/16385.html | 13 ++++++++++---
 people/16386.html | 13 ++++++++++---
 people/16387.html | 13 ++++++++++---
 people/16388.html | 13 ++++++++++---
 people/16389.html | 13 ++++++++++---
 people/1639.html  | 13 ++++++++++---
 people/16390.html | 13 ++++++++++---
 people/16391.html | 13 ++++++++++---
 people/16392.html | 13 ++++++++++---
 people/16393.html | 13 ++++++++++---
 people/16394.html | 13 ++++++++++---
 people/16395.html | 13 ++++++++++---
 people/16396.html | 13 ++++++++++---
 people/16397.html | 13 ++++++++++---
 people/16398.html | 13 ++++++++++---
 people/16399.html | 13 ++++++++++---
 people/164.html   | 13 ++++++++++---
 people/1640.html  | 13 ++++++++++---
 people/16400.html | 13 ++++++++++---
 people/16401.html | 13 ++++++++++---
 people/16402.html | 13 ++++++++++---
 people/16403.html | 13 ++++++++++---
 people/16404.html | 13 ++++++++++---
 people/16405.html | 13 ++++++++++---
 people/16406.html | 13 ++++++++++---
 people/16407.html | 13 ++++++++++---
 people/16408.html | 13 ++++++++++---
 people/16409.html | 13 ++++++++++---
 people/1641.html  | 13 ++++++++++---
 people/16410.html | 13 ++++++++++---
 people/16411.html | 13 ++++++++++---
 people/16412.html | 13 ++++++++++---
 people/16413.html | 13 ++++++++++---
 people/16414.html | 13 ++++++++++---
 people/16415.html | 13 ++++++++++---
 people/16416.html | 13 ++++++++++---
 people/16417.html | 13 ++++++++++---
 people/16418.html | 13 ++++++++++---
 people/16419.html | 13 ++++++++++---
 people/1642.html  | 13 ++++++++++---
 people/16420.html | 13 ++++++++++---
 people/16421.html | 13 ++++++++++---
 people/16422.html | 13 ++++++++++---
 people/16423.html | 13 ++++++++++---
 people/16424.html | 13 ++++++++++---
 people/16425.html | 13 ++++++++++---
 people/16426.html | 13 ++++++++++---
 people/16427.html | 13 ++++++++++---
 people/16428.html | 13 ++++++++++---
 people/16429.html | 13 ++++++++++---
 people/1643.html  | 13 ++++++++++---
 people/16430.html | 13 ++++++++++---
 people/16431.html | 13 ++++++++++---
 people/16432.html | 13 ++++++++++---
 people/16433.html | 13 ++++++++++---
 people/16434.html | 13 ++++++++++---
 people/16435.html | 13 ++++++++++---
 people/16436.html | 13 ++++++++++---
 people/16437.html | 13 ++++++++++---
 people/16438.html | 13 ++++++++++---
 people/16439.html | 13 ++++++++++---
 people/1644.html  | 13 ++++++++++---
 people/16440.html | 13 ++++++++++---
 people/16441.html | 13 ++++++++++---
 people/16442.html | 13 ++++++++++---
 people/16443.html | 13 ++++++++++---
 people/16444.html | 13 ++++++++++---
 people/16445.html | 13 ++++++++++---
 people/16446.html | 13 ++++++++++---
 people/16447.html | 13 ++++++++++---
 people/16448.html | 13 ++++++++++---
 people/16449.html | 13 ++++++++++---
 people/1645.html  | 13 ++++++++++---
 people/16450.html | 13 ++++++++++---
 people/16451.html | 13 ++++++++++---
 people/16452.html | 13 ++++++++++---
 people/16453.html | 13 ++++++++++---
 people/16454.html | 13 ++++++++++---
 people/16455.html | 13 ++++++++++---
 people/16456.html | 13 ++++++++++---
 people/16457.html | 13 ++++++++++---
 people/16458.html | 13 ++++++++++---
 people/16459.html | 13 ++++++++++---
 people/1646.html  | 13 ++++++++++---
 people/16460.html | 13 ++++++++++---
 people/16461.html | 13 ++++++++++---
 people/16462.html | 13 ++++++++++---
 people/16463.html | 13 ++++++++++---
 people/16464.html | 13 ++++++++++---
 people/16465.html | 13 ++++++++++---
 people/16466.html | 13 ++++++++++---
 people/16467.html | 13 ++++++++++---
 people/16468.html | 13 ++++++++++---
 people/16469.html | 13 ++++++++++---
 people/1647.html  | 13 ++++++++++---
 people/16470.html | 13 ++++++++++---
 people/16471.html | 13 ++++++++++---
 people/16472.html | 13 ++++++++++---
 people/16473.html | 13 ++++++++++---
 people/16474.html | 13 ++++++++++---
 people/16475.html | 13 ++++++++++---
 people/16476.html | 13 ++++++++++---
 people/16477.html | 13 ++++++++++---
 people/16478.html | 13 ++++++++++---
 people/16479.html | 13 ++++++++++---
 people/1648.html  | 13 ++++++++++---
 people/16480.html | 13 ++++++++++---
 people/16481.html | 13 ++++++++++---
 people/16482.html | 13 ++++++++++---
 people/16483.html | 13 ++++++++++---
 people/16484.html | 13 ++++++++++---
 people/16485.html | 13 ++++++++++---
 people/16486.html | 13 ++++++++++---
 people/16487.html | 13 ++++++++++---
 people/16488.html | 13 ++++++++++---
 people/16489.html | 13 ++++++++++---
 people/1649.html  | 13 ++++++++++---
 people/16490.html | 13 ++++++++++---
 people/16491.html | 13 ++++++++++---
 people/16492.html | 13 ++++++++++---
 people/16493.html | 13 ++++++++++---
 people/16494.html | 13 ++++++++++---
 people/16495.html | 13 ++++++++++---
 people/16496.html | 13 ++++++++++---
 people/16497.html | 13 ++++++++++---
 people/16498.html | 13 ++++++++++---
 people/16499.html | 13 ++++++++++---
 people/165.html   | 13 ++++++++++---
 people/1650.html  | 13 ++++++++++---
 people/16500.html | 13 ++++++++++---
 people/16501.html | 13 ++++++++++---
 people/16502.html | 13 ++++++++++---
 people/16503.html | 13 ++++++++++---
 people/16504.html | 13 ++++++++++---
 people/16505.html | 13 ++++++++++---
 people/16506.html | 13 ++++++++++---
 people/16507.html | 13 ++++++++++---
 people/16508.html | 13 ++++++++++---
 people/16509.html | 13 ++++++++++---
 people/1651.html  | 13 ++++++++++---
 people/16510.html | 13 ++++++++++---
 people/16511.html | 13 ++++++++++---
 people/16512.html | 13 ++++++++++---
 people/16513.html | 13 ++++++++++---
 people/16514.html | 13 ++++++++++---
 people/16515.html | 13 ++++++++++---
 people/16516.html | 13 ++++++++++---
 people/16517.html | 13 ++++++++++---
 people/16518.html | 13 ++++++++++---
 people/16519.html | 13 ++++++++++---
 people/1652.html  | 13 ++++++++++---
 people/16520.html | 13 ++++++++++---
 people/16521.html | 13 ++++++++++---
 people/16522.html | 13 ++++++++++---
 people/16523.html | 13 ++++++++++---
 people/16524.html | 13 ++++++++++---
 people/16525.html | 13 ++++++++++---
 people/16526.html | 13 ++++++++++---
 people/16527.html | 13 ++++++++++---
 people/16528.html | 13 ++++++++++---
 people/16529.html | 13 ++++++++++---
 people/1653.html  | 13 ++++++++++---
 people/16530.html | 13 ++++++++++---
 people/16531.html | 13 ++++++++++---
 people/16532.html | 13 ++++++++++---
 people/16533.html | 13 ++++++++++---
 people/16534.html | 13 ++++++++++---
 people/16535.html | 13 ++++++++++---
 people/16536.html | 13 ++++++++++---
 people/16537.html | 13 ++++++++++---
 people/16538.html | 13 ++++++++++---
 people/16539.html | 13 ++++++++++---
 people/1654.html  | 13 ++++++++++---
 people/16540.html | 13 ++++++++++---
 people/16541.html | 13 ++++++++++---
 people/16542.html | 13 ++++++++++---
 people/16543.html | 13 ++++++++++---
 people/16544.html | 13 ++++++++++---
 people/16545.html | 13 ++++++++++---
 people/16546.html | 13 ++++++++++---
 people/16547.html | 13 ++++++++++---
 people/16548.html | 13 ++++++++++---
 people/16549.html | 13 ++++++++++---
 people/1655.html  | 13 ++++++++++---
 people/16550.html | 13 ++++++++++---
 people/16551.html | 13 ++++++++++---
 people/16552.html | 13 ++++++++++---
 people/16553.html | 13 ++++++++++---
 people/16554.html | 13 ++++++++++---
 people/16555.html | 13 ++++++++++---
 people/16556.html | 13 ++++++++++---
 people/16557.html | 13 ++++++++++---
 people/16558.html | 13 ++++++++++---
 people/16559.html | 13 ++++++++++---
 people/1656.html  | 13 ++++++++++---
 people/16560.html | 13 ++++++++++---
 people/16561.html | 13 ++++++++++---
 people/16562.html | 13 ++++++++++---
 people/16563.html | 13 ++++++++++---
 people/16564.html | 13 ++++++++++---
 people/16565.html | 13 ++++++++++---
 people/16566.html | 13 ++++++++++---
 people/16567.html | 13 ++++++++++---
 people/16568.html | 13 ++++++++++---
 people/16569.html | 13 ++++++++++---
 people/1657.html  | 13 ++++++++++---
 people/16570.html | 13 ++++++++++---
 people/16571.html | 13 ++++++++++---
 people/16572.html | 13 ++++++++++---
 people/16573.html | 13 ++++++++++---
 people/16574.html | 13 ++++++++++---
 people/16575.html | 13 ++++++++++---
 people/16576.html | 13 ++++++++++---
 people/16577.html | 13 ++++++++++---
 people/16578.html | 13 ++++++++++---
 people/16579.html | 13 ++++++++++---
 people/1658.html  | 13 ++++++++++---
 people/16580.html | 13 ++++++++++---
 people/16581.html | 13 ++++++++++---
 people/16582.html | 13 ++++++++++---
 people/16583.html | 13 ++++++++++---
 people/16584.html | 13 ++++++++++---
 people/16585.html | 13 ++++++++++---
 people/16586.html | 13 ++++++++++---
 people/16587.html | 13 ++++++++++---
 people/16588.html | 13 ++++++++++---
 people/16589.html | 13 ++++++++++---
 people/1659.html  | 13 ++++++++++---
 people/16590.html | 13 ++++++++++---
 people/16591.html | 13 ++++++++++---
 people/16592.html | 13 ++++++++++---
 people/16593.html | 13 ++++++++++---
 people/16594.html | 13 ++++++++++---
 people/16595.html | 13 ++++++++++---
 people/16596.html | 13 ++++++++++---
 people/16597.html | 13 ++++++++++---
 people/16598.html | 13 ++++++++++---
 people/16599.html | 13 ++++++++++---
 people/166.html   | 13 ++++++++++---
 people/1660.html  | 13 ++++++++++---
 people/16600.html | 13 ++++++++++---
 people/16601.html | 13 ++++++++++---
 people/16602.html | 13 ++++++++++---
 people/16603.html | 13 ++++++++++---
 people/16604.html | 13 ++++++++++---
 people/16605.html | 13 ++++++++++---
 people/16606.html | 13 ++++++++++---
 people/16607.html | 13 ++++++++++---
 people/16608.html | 13 ++++++++++---
 people/16609.html | 13 ++++++++++---
 people/1661.html  | 13 ++++++++++---
 people/16610.html | 13 ++++++++++---
 people/16611.html | 13 ++++++++++---
 people/16612.html | 13 ++++++++++---
 people/16613.html | 13 ++++++++++---
 people/16614.html | 13 ++++++++++---
 people/16615.html | 13 ++++++++++---
 people/16616.html | 13 ++++++++++---
 people/16617.html | 13 ++++++++++---
 people/16618.html | 13 ++++++++++---
 people/16619.html | 13 ++++++++++---
 people/1662.html  | 13 ++++++++++---
 people/16620.html | 13 ++++++++++---
 people/16621.html | 13 ++++++++++---
 people/16622.html | 13 ++++++++++---
 people/16623.html | 13 ++++++++++---
 people/16624.html | 13 ++++++++++---
 people/16625.html | 13 ++++++++++---
 people/16626.html | 13 ++++++++++---
 people/16627.html | 13 ++++++++++---
 people/16628.html | 13 ++++++++++---
 people/16629.html | 13 ++++++++++---
 people/1663.html  | 13 ++++++++++---
 people/16630.html | 13 ++++++++++---
 people/16631.html | 13 ++++++++++---
 people/16632.html | 13 ++++++++++---
 people/16633.html | 13 ++++++++++---
 people/16634.html | 13 ++++++++++---
 people/16635.html | 13 ++++++++++---
 people/16636.html | 13 ++++++++++---
 people/16637.html | 13 ++++++++++---
 people/16638.html | 13 ++++++++++---
 people/16639.html | 13 ++++++++++---
 people/1664.html  | 13 ++++++++++---
 people/16640.html | 13 ++++++++++---
 people/16641.html | 13 ++++++++++---
 people/16642.html | 13 ++++++++++---
 people/16643.html | 13 ++++++++++---
 people/16644.html | 13 ++++++++++---
 people/16645.html | 13 ++++++++++---
 people/16646.html | 13 ++++++++++---
 people/16647.html | 13 ++++++++++---
 people/16648.html | 13 ++++++++++---
 people/16649.html | 13 ++++++++++---
 people/1665.html  | 13 ++++++++++---
 people/16650.html | 13 ++++++++++---
 people/16651.html | 13 ++++++++++---
 people/16652.html | 13 ++++++++++---
 people/16653.html | 13 ++++++++++---
 people/16654.html | 13 ++++++++++---
 people/16655.html | 13 ++++++++++---
 people/16656.html | 13 ++++++++++---
 people/16657.html | 13 ++++++++++---
 people/16658.html | 13 ++++++++++---
 people/16659.html | 13 ++++++++++---
 people/1666.html  | 13 ++++++++++---
 people/16660.html | 13 ++++++++++---
 people/16661.html | 13 ++++++++++---
 people/16662.html | 13 ++++++++++---
 people/16663.html | 13 ++++++++++---
 people/16664.html | 13 ++++++++++---
 people/16665.html | 13 ++++++++++---
 people/16666.html | 13 ++++++++++---
 people/16667.html | 13 ++++++++++---
 people/16668.html | 13 ++++++++++---
 people/16669.html | 13 ++++++++++---
 people/1667.html  | 13 ++++++++++---
 people/16670.html | 13 ++++++++++---
 people/16671.html | 13 ++++++++++---
 people/16672.html | 13 ++++++++++---
 people/16673.html | 13 ++++++++++---
 people/16674.html | 13 ++++++++++---
 people/16675.html | 13 ++++++++++---
 people/16676.html | 13 ++++++++++---
 people/16677.html | 13 ++++++++++---
 people/16678.html | 13 ++++++++++---
 people/16679.html | 13 ++++++++++---
 people/1668.html  | 13 ++++++++++---
 people/16680.html | 13 ++++++++++---
 people/16681.html | 13 ++++++++++---
 people/16682.html | 13 ++++++++++---
 people/16683.html | 13 ++++++++++---
 people/16684.html | 13 ++++++++++---
 people/16685.html | 13 ++++++++++---
 people/16686.html | 13 ++++++++++---
 people/16687.html | 13 ++++++++++---
 people/16688.html | 13 ++++++++++---
 people/16689.html | 13 ++++++++++---
 people/1669.html  | 13 ++++++++++---
 people/16690.html | 13 ++++++++++---
 people/16691.html | 13 ++++++++++---
 people/16692.html | 13 ++++++++++---
 people/16693.html | 13 ++++++++++---
 people/16694.html | 13 ++++++++++---
 people/16695.html | 13 ++++++++++---
 people/16696.html | 13 ++++++++++---
 people/16697.html | 13 ++++++++++---
 people/16698.html | 13 ++++++++++---
 people/16699.html | 13 ++++++++++---
 people/167.html   | 13 ++++++++++---
 people/1670.html  | 13 ++++++++++---
 people/16700.html | 13 ++++++++++---
 people/16701.html | 13 ++++++++++---
 people/16702.html | 13 ++++++++++---
 people/16703.html | 13 ++++++++++---
 people/16704.html | 13 ++++++++++---
 people/16705.html | 13 ++++++++++---
 people/16706.html | 13 ++++++++++---
 people/16707.html | 13 ++++++++++---
 people/16708.html | 13 ++++++++++---
 people/16709.html | 13 ++++++++++---
 people/1671.html  | 13 ++++++++++---
 people/16710.html | 13 ++++++++++---
 people/16711.html | 13 ++++++++++---
 people/16712.html | 13 ++++++++++---
 people/16713.html | 13 ++++++++++---
 people/16714.html | 13 ++++++++++---
 people/16715.html | 13 ++++++++++---
 people/16716.html | 13 ++++++++++---
 people/16717.html | 13 ++++++++++---
 people/16718.html | 13 ++++++++++---
 people/16719.html | 13 ++++++++++---
 people/1672.html  | 13 ++++++++++---
 people/16720.html | 13 ++++++++++---
 people/16721.html | 13 ++++++++++---
 people/16722.html | 13 ++++++++++---
 people/16723.html | 13 ++++++++++---
 people/16724.html | 13 ++++++++++---
 people/16725.html | 13 ++++++++++---
 people/16726.html | 13 ++++++++++---
 people/16727.html | 13 ++++++++++---
 people/16728.html | 13 ++++++++++---
 people/16729.html | 13 ++++++++++---
 people/1673.html  | 13 ++++++++++---
 people/16730.html | 13 ++++++++++---
 people/16731.html | 13 ++++++++++---
 people/16732.html | 13 ++++++++++---
 people/16733.html | 13 ++++++++++---
 people/16734.html | 13 ++++++++++---
 people/16735.html | 13 ++++++++++---
 people/16736.html | 13 ++++++++++---
 people/16737.html | 13 ++++++++++---
 people/16738.html | 13 ++++++++++---
 people/16739.html | 13 ++++++++++---
 people/1674.html  | 13 ++++++++++---
 people/16740.html | 13 ++++++++++---
 people/16741.html | 13 ++++++++++---
 people/16742.html | 13 ++++++++++---
 people/16743.html | 13 ++++++++++---
 people/16744.html | 13 ++++++++++---
 people/16745.html | 13 ++++++++++---
 people/16746.html | 13 ++++++++++---
 people/16747.html | 13 ++++++++++---
 people/16748.html | 13 ++++++++++---
 people/16749.html | 13 ++++++++++---
 people/1675.html  | 13 ++++++++++---
 people/16750.html | 13 ++++++++++---
 people/16751.html | 13 ++++++++++---
 people/16752.html | 13 ++++++++++---
 people/16753.html | 13 ++++++++++---
 people/16754.html | 13 ++++++++++---
 people/16755.html | 13 ++++++++++---
 people/16756.html | 13 ++++++++++---
 people/16757.html | 13 ++++++++++---
 people/16758.html | 13 ++++++++++---
 people/16759.html | 13 ++++++++++---
 people/1676.html  | 13 ++++++++++---
 people/16760.html | 13 ++++++++++---
 people/16761.html | 13 ++++++++++---
 people/16762.html | 13 ++++++++++---
 people/16763.html | 13 ++++++++++---
 people/16764.html | 13 ++++++++++---
 people/16765.html | 13 ++++++++++---
 people/16766.html | 13 ++++++++++---
 people/16767.html | 13 ++++++++++---
 people/16768.html | 13 ++++++++++---
 people/16769.html | 13 ++++++++++---
 people/1677.html  | 13 ++++++++++---
 people/16770.html | 13 ++++++++++---
 people/16771.html | 13 ++++++++++---
 people/16772.html | 13 ++++++++++---
 people/16773.html | 13 ++++++++++---
 people/16774.html | 13 ++++++++++---
 people/16775.html | 13 ++++++++++---
 people/16776.html | 13 ++++++++++---
 people/16777.html | 13 ++++++++++---
 people/16778.html | 13 ++++++++++---
 people/16779.html | 13 ++++++++++---
 people/1678.html  | 13 ++++++++++---
 people/16780.html | 13 ++++++++++---
 people/16781.html | 13 ++++++++++---
 people/16782.html | 13 ++++++++++---
 people/16783.html | 13 ++++++++++---
 people/16784.html | 13 ++++++++++---
 people/16785.html | 13 ++++++++++---
 people/16786.html | 13 ++++++++++---
 people/16787.html | 13 ++++++++++---
 people/16788.html | 13 ++++++++++---
 people/16789.html | 13 ++++++++++---
 people/1679.html  | 13 ++++++++++---
 people/16790.html | 13 ++++++++++---
 people/16791.html | 13 ++++++++++---
 people/16792.html | 13 ++++++++++---
 people/16793.html | 13 ++++++++++---
 people/16794.html | 13 ++++++++++---
 people/16795.html | 13 ++++++++++---
 people/16796.html | 13 ++++++++++---
 people/16797.html | 13 ++++++++++---
 people/16798.html | 13 ++++++++++---
 people/16799.html | 13 ++++++++++---
 people/168.html   | 13 ++++++++++---
 people/1680.html  | 13 ++++++++++---
 people/16800.html | 13 ++++++++++---
 people/16801.html | 13 ++++++++++---
 people/16802.html | 13 ++++++++++---
 people/16803.html | 13 ++++++++++---
 people/16804.html | 13 ++++++++++---
 people/16805.html | 13 ++++++++++---
 people/16806.html | 13 ++++++++++---
 people/16807.html | 13 ++++++++++---
 people/16808.html | 13 ++++++++++---
 people/16809.html | 13 ++++++++++---
 people/1681.html  | 13 ++++++++++---
 people/16810.html | 13 ++++++++++---
 people/16811.html | 13 ++++++++++---
 people/16812.html | 13 ++++++++++---
 people/16813.html | 13 ++++++++++---
 people/16814.html | 13 ++++++++++---
 people/16815.html | 13 ++++++++++---
 people/16816.html | 13 ++++++++++---
 people/16817.html | 13 ++++++++++---
 people/16818.html | 13 ++++++++++---
 people/16819.html | 13 ++++++++++---
 people/1682.html  | 13 ++++++++++---
 people/16820.html | 13 ++++++++++---
 people/16821.html | 13 ++++++++++---
 people/16822.html | 13 ++++++++++---
 people/16823.html | 13 ++++++++++---
 people/16824.html | 13 ++++++++++---
 people/16825.html | 13 ++++++++++---
 people/16826.html | 13 ++++++++++---
 people/16827.html | 13 ++++++++++---
 people/16828.html | 13 ++++++++++---
 people/16829.html | 13 ++++++++++---
 people/1683.html  | 13 ++++++++++---
 people/16830.html | 13 ++++++++++---
 people/16831.html | 13 ++++++++++---
 people/16832.html | 13 ++++++++++---
 people/16833.html | 13 ++++++++++---
 people/16834.html | 13 ++++++++++---
 people/16835.html | 13 ++++++++++---
 people/16836.html | 13 ++++++++++---
 people/16837.html | 13 ++++++++++---
 people/16838.html | 13 ++++++++++---
 people/16839.html | 13 ++++++++++---
 people/1684.html  | 13 ++++++++++---
 people/16840.html | 13 ++++++++++---
 people/16841.html | 13 ++++++++++---
 people/16842.html | 13 ++++++++++---
 people/16843.html | 13 ++++++++++---
 people/16844.html | 13 ++++++++++---
 people/16845.html | 13 ++++++++++---
 people/16846.html | 13 ++++++++++---
 people/16847.html | 13 ++++++++++---
 people/16848.html | 13 ++++++++++---
 people/16849.html | 13 ++++++++++---
 people/1685.html  | 13 ++++++++++---
 people/16850.html | 13 ++++++++++---
 people/16851.html | 13 ++++++++++---
 people/16852.html | 13 ++++++++++---
 people/16853.html | 13 ++++++++++---
 people/16854.html | 13 ++++++++++---
 people/16855.html | 13 ++++++++++---
 people/16856.html | 13 ++++++++++---
 people/16857.html | 13 ++++++++++---
 people/16858.html | 13 ++++++++++---
 people/16859.html | 13 ++++++++++---
 people/1686.html  | 13 ++++++++++---
 people/16860.html | 13 ++++++++++---
 people/16861.html | 13 ++++++++++---
 people/16862.html | 13 ++++++++++---
 people/16863.html | 13 ++++++++++---
 people/16864.html | 13 ++++++++++---
 people/16865.html | 13 ++++++++++---
 people/16866.html | 13 ++++++++++---
 people/16867.html | 13 ++++++++++---
 people/16868.html | 13 ++++++++++---
 people/16869.html | 13 ++++++++++---
 people/1687.html  | 13 ++++++++++---
 people/16870.html | 13 ++++++++++---
 people/16871.html | 13 ++++++++++---
 people/16872.html | 13 ++++++++++---
 people/16873.html | 13 ++++++++++---
 people/16874.html | 13 ++++++++++---
 people/16875.html | 13 ++++++++++---
 people/16876.html | 13 ++++++++++---
 people/16877.html | 13 ++++++++++---
 people/16878.html | 13 ++++++++++---
 people/16879.html | 13 ++++++++++---
 people/1688.html  | 13 ++++++++++---
 people/16880.html | 13 ++++++++++---
 people/16881.html | 13 ++++++++++---
 people/16882.html | 13 ++++++++++---
 people/16883.html | 13 ++++++++++---
 people/16884.html | 13 ++++++++++---
 people/16885.html | 13 ++++++++++---
 people/16886.html | 13 ++++++++++---
 people/16887.html | 13 ++++++++++---
 people/16888.html | 13 ++++++++++---
 people/16889.html | 13 ++++++++++---
 people/1689.html  | 13 ++++++++++---
 people/16890.html | 13 ++++++++++---
 people/16891.html | 13 ++++++++++---
 people/16892.html | 13 ++++++++++---
 people/16893.html | 13 ++++++++++---
 people/16894.html | 13 ++++++++++---
 people/16895.html | 13 ++++++++++---
 people/16896.html | 13 ++++++++++---
 people/16897.html | 13 ++++++++++---
 people/16898.html | 13 ++++++++++---
 people/16899.html | 13 ++++++++++---
 people/169.html   | 13 ++++++++++---
 people/1690.html  | 13 ++++++++++---
 people/16900.html | 13 ++++++++++---
 people/16901.html | 13 ++++++++++---
 people/16902.html | 13 ++++++++++---
 people/16903.html | 13 ++++++++++---
 people/16904.html | 13 ++++++++++---
 people/16905.html | 13 ++++++++++---
 people/16906.html | 13 ++++++++++---
 people/16907.html | 13 ++++++++++---
 people/16908.html | 13 ++++++++++---
 people/16909.html | 13 ++++++++++---
 people/1691.html  | 13 ++++++++++---
 people/16910.html | 13 ++++++++++---
 people/16911.html | 13 ++++++++++---
 people/16912.html | 13 ++++++++++---
 people/16913.html | 13 ++++++++++---
 people/16914.html | 13 ++++++++++---
 people/16915.html | 13 ++++++++++---
 people/16916.html | 13 ++++++++++---
 people/16917.html | 13 ++++++++++---
 people/16918.html | 13 ++++++++++---
 people/16919.html | 13 ++++++++++---
 people/1692.html  | 13 ++++++++++---
 people/16920.html | 13 ++++++++++---
 people/16921.html | 13 ++++++++++---
 people/16922.html | 13 ++++++++++---
 people/16923.html | 13 ++++++++++---
 people/16924.html | 13 ++++++++++---
 people/16925.html | 13 ++++++++++---
 people/16926.html | 13 ++++++++++---
 people/16927.html | 13 ++++++++++---
 people/16928.html | 13 ++++++++++---
 people/16929.html | 13 ++++++++++---
 people/1693.html  | 13 ++++++++++---
 people/16930.html | 13 ++++++++++---
 people/16931.html | 13 ++++++++++---
 people/16932.html | 13 ++++++++++---
 people/16933.html | 13 ++++++++++---
 people/16934.html | 13 ++++++++++---
 people/16935.html | 13 ++++++++++---
 people/16936.html | 13 ++++++++++---
 people/16937.html | 13 ++++++++++---
 people/16938.html | 13 ++++++++++---
 people/16939.html | 13 ++++++++++---
 people/1694.html  | 13 ++++++++++---
 people/16940.html | 13 ++++++++++---
 people/16941.html | 13 ++++++++++---
 people/16942.html | 13 ++++++++++---
 people/16943.html | 13 ++++++++++---
 people/16944.html | 13 ++++++++++---
 people/16945.html | 13 ++++++++++---
 people/16946.html | 13 ++++++++++---
 people/16947.html | 13 ++++++++++---
 people/16948.html | 13 ++++++++++---
 people/16949.html | 13 ++++++++++---
 people/1695.html  | 13 ++++++++++---
 people/16950.html | 13 ++++++++++---
 people/16951.html | 13 ++++++++++---
 people/16952.html | 13 ++++++++++---
 people/16953.html | 13 ++++++++++---
 people/16954.html | 13 ++++++++++---
 people/16955.html | 13 ++++++++++---
 people/16956.html | 13 ++++++++++---
 people/16957.html | 13 ++++++++++---
 people/16958.html | 13 ++++++++++---
 people/16959.html | 13 ++++++++++---
 people/1696.html  | 13 ++++++++++---
 people/16960.html | 13 ++++++++++---
 people/16961.html | 13 ++++++++++---
 people/16962.html | 13 ++++++++++---
 people/16963.html | 13 ++++++++++---
 people/16964.html | 13 ++++++++++---
 people/16965.html | 13 ++++++++++---
 people/16966.html | 13 ++++++++++---
 people/16967.html | 13 ++++++++++---
 people/16968.html | 13 ++++++++++---
 people/16969.html | 13 ++++++++++---
 people/1697.html  | 13 ++++++++++---
 people/16970.html | 13 ++++++++++---
 people/16971.html | 13 ++++++++++---
 people/16972.html | 13 ++++++++++---
 people/16973.html | 13 ++++++++++---
 people/16974.html | 13 ++++++++++---
 people/16975.html | 13 ++++++++++---
 people/16976.html | 13 ++++++++++---
 people/16977.html | 13 ++++++++++---
 people/16978.html | 13 ++++++++++---
 people/16979.html | 13 ++++++++++---
 people/1698.html  | 13 ++++++++++---
 people/16980.html | 13 ++++++++++---
 people/16981.html | 13 ++++++++++---
 people/16982.html | 13 ++++++++++---
 people/16983.html | 13 ++++++++++---
 people/16984.html | 13 ++++++++++---
 people/16985.html | 13 ++++++++++---
 people/16986.html | 13 ++++++++++---
 people/16987.html | 13 ++++++++++---
 people/16988.html | 13 ++++++++++---
 people/16989.html | 13 ++++++++++---
 people/1699.html  | 13 ++++++++++---
 people/16990.html | 13 ++++++++++---
 people/16991.html | 13 ++++++++++---
 people/16992.html | 13 ++++++++++---
 people/16993.html | 13 ++++++++++---
 people/16994.html | 13 ++++++++++---
 people/16995.html | 13 ++++++++++---
 people/16996.html | 13 ++++++++++---
 people/16997.html | 13 ++++++++++---
 people/16998.html | 13 ++++++++++---
 people/16999.html | 13 ++++++++++---
 people/17.html    | 13 ++++++++++---
 people/170.html   | 13 ++++++++++---
 people/1700.html  | 13 ++++++++++---
 people/17000.html | 13 ++++++++++---
 people/17001.html | 13 ++++++++++---
 people/17002.html | 13 ++++++++++---
 people/17003.html | 13 ++++++++++---
 people/17004.html | 13 ++++++++++---
 people/17005.html | 13 ++++++++++---
 people/17006.html | 13 ++++++++++---
 people/17007.html | 13 ++++++++++---
 people/17008.html | 13 ++++++++++---
 people/17009.html | 13 ++++++++++---
 people/1701.html  | 13 ++++++++++---
 people/17010.html | 13 ++++++++++---
 people/17011.html | 13 ++++++++++---
 people/17012.html | 13 ++++++++++---
 people/17013.html | 13 ++++++++++---
 people/17014.html | 13 ++++++++++---
 people/17015.html | 13 ++++++++++---
 people/17016.html | 13 ++++++++++---
 people/17017.html | 13 ++++++++++---
 people/17018.html | 13 ++++++++++---
 people/17019.html | 13 ++++++++++---
 people/1702.html  | 13 ++++++++++---
 people/17020.html | 13 ++++++++++---
 people/17021.html | 13 ++++++++++---
 people/17022.html | 13 ++++++++++---
 people/17023.html | 13 ++++++++++---
 people/17024.html | 13 ++++++++++---
 people/17025.html | 13 ++++++++++---
 people/17026.html | 13 ++++++++++---
 people/17027.html | 13 ++++++++++---
 people/17028.html | 13 ++++++++++---
 people/17029.html | 13 ++++++++++---
 people/1703.html  | 13 ++++++++++---
 people/17030.html | 13 ++++++++++---
 people/17031.html | 13 ++++++++++---
 people/17032.html | 13 ++++++++++---
 people/17033.html | 13 ++++++++++---
 people/17034.html | 13 ++++++++++---
 people/17035.html | 13 ++++++++++---
 people/17036.html | 13 ++++++++++---
 people/17037.html | 13 ++++++++++---
 people/17038.html | 13 ++++++++++---
 people/17039.html | 13 ++++++++++---
 people/1704.html  | 13 ++++++++++---
 people/17040.html | 13 ++++++++++---
 people/17041.html | 13 ++++++++++---
 people/17042.html | 13 ++++++++++---
 people/17043.html | 13 ++++++++++---
 people/17044.html | 13 ++++++++++---
 people/17045.html | 13 ++++++++++---
 people/17046.html | 13 ++++++++++---
 people/17047.html | 13 ++++++++++---
 people/17048.html | 13 ++++++++++---
 people/17049.html | 13 ++++++++++---
 people/1705.html  | 13 ++++++++++---
 people/17050.html | 13 ++++++++++---
 people/17051.html | 13 ++++++++++---
 people/17052.html | 13 ++++++++++---
 people/17053.html | 13 ++++++++++---
 people/17054.html | 13 ++++++++++---
 people/17055.html | 13 ++++++++++---
 people/17056.html | 13 ++++++++++---
 people/17057.html | 13 ++++++++++---
 people/17058.html | 13 ++++++++++---
 people/17059.html | 13 ++++++++++---
 people/1706.html  | 13 ++++++++++---
 people/17060.html | 13 ++++++++++---
 people/17061.html | 13 ++++++++++---
 people/17062.html | 13 ++++++++++---
 people/17063.html | 13 ++++++++++---
 people/17064.html | 13 ++++++++++---
 people/17065.html | 13 ++++++++++---
 people/17066.html | 13 ++++++++++---
 people/17067.html | 13 ++++++++++---
 people/17068.html | 13 ++++++++++---
 people/17069.html | 13 ++++++++++---
 people/1707.html  | 13 ++++++++++---
 people/17070.html | 13 ++++++++++---
 people/17071.html | 13 ++++++++++---
 people/17072.html | 13 ++++++++++---
 people/17073.html | 13 ++++++++++---
 people/17074.html | 13 ++++++++++---
 people/17075.html | 13 ++++++++++---
 people/17076.html | 13 ++++++++++---
 people/17077.html | 13 ++++++++++---
 people/17078.html | 13 ++++++++++---
 people/17079.html | 13 ++++++++++---
 people/1708.html  | 13 ++++++++++---
 people/17080.html | 13 ++++++++++---
 people/17081.html | 13 ++++++++++---
 people/17082.html | 13 ++++++++++---
 people/17083.html | 13 ++++++++++---
 people/17084.html | 13 ++++++++++---
 people/17085.html | 13 ++++++++++---
 people/17086.html | 13 ++++++++++---
 people/17087.html | 13 ++++++++++---
 people/17088.html | 13 ++++++++++---
 people/17089.html | 13 ++++++++++---
 people/1709.html  | 13 ++++++++++---
 people/17090.html | 13 ++++++++++---
 people/17091.html | 13 ++++++++++---
 people/17092.html | 13 ++++++++++---
 people/17093.html | 13 ++++++++++---
 people/17094.html | 13 ++++++++++---
 people/17095.html | 13 ++++++++++---
 people/17096.html | 13 ++++++++++---
 people/17097.html | 13 ++++++++++---
 people/17098.html | 13 ++++++++++---
 people/17099.html | 13 ++++++++++---
 people/171.html   | 13 ++++++++++---
 people/1710.html  | 13 ++++++++++---
 people/17100.html | 13 ++++++++++---
 people/17101.html | 13 ++++++++++---
 people/17102.html | 13 ++++++++++---
 people/17103.html | 13 ++++++++++---
 people/17104.html | 13 ++++++++++---
 people/17105.html | 13 ++++++++++---
 people/17106.html | 13 ++++++++++---
 people/17107.html | 13 ++++++++++---
 people/17108.html | 13 ++++++++++---
 people/17109.html | 13 ++++++++++---
 people/1711.html  | 13 ++++++++++---
 people/17110.html | 13 ++++++++++---
 people/17111.html | 13 ++++++++++---
 people/17112.html | 13 ++++++++++---
 people/17113.html | 13 ++++++++++---
 people/17114.html | 13 ++++++++++---
 people/17115.html | 13 ++++++++++---
 people/17116.html | 13 ++++++++++---
 people/17117.html | 13 ++++++++++---
 people/17118.html | 13 ++++++++++---
 people/17119.html | 13 ++++++++++---
 people/1712.html  | 13 ++++++++++---
 people/17120.html | 13 ++++++++++---
 people/17121.html | 13 ++++++++++---
 people/17122.html | 13 ++++++++++---
 people/17123.html | 13 ++++++++++---
 people/17124.html | 13 ++++++++++---
 people/17125.html | 13 ++++++++++---
 people/17126.html | 13 ++++++++++---
 people/17127.html | 13 ++++++++++---
 people/17128.html | 13 ++++++++++---
 people/17129.html | 13 ++++++++++---
 people/1713.html  | 13 ++++++++++---
 people/17130.html | 13 ++++++++++---
 people/17131.html | 13 ++++++++++---
 people/17132.html | 13 ++++++++++---
 people/17133.html | 13 ++++++++++---
 people/17134.html | 13 ++++++++++---
 people/17135.html | 13 ++++++++++---
 people/17136.html | 13 ++++++++++---
 people/17137.html | 13 ++++++++++---
 people/17138.html | 13 ++++++++++---
 people/17139.html | 13 ++++++++++---
 people/1714.html  | 13 ++++++++++---
 people/17140.html | 13 ++++++++++---
 people/17141.html | 13 ++++++++++---
 people/17142.html | 13 ++++++++++---
 people/17143.html | 13 ++++++++++---
 people/17144.html | 13 ++++++++++---
 people/17145.html | 13 ++++++++++---
 people/17146.html | 13 ++++++++++---
 people/17147.html | 13 ++++++++++---
 people/17148.html | 13 ++++++++++---
 people/17149.html | 13 ++++++++++---
 people/1715.html  | 13 ++++++++++---
 people/17150.html | 13 ++++++++++---
 people/17151.html | 13 ++++++++++---
 people/17152.html | 13 ++++++++++---
 people/17153.html | 13 ++++++++++---
 people/17154.html | 13 ++++++++++---
 people/17155.html | 13 ++++++++++---
 people/17156.html | 13 ++++++++++---
 people/17157.html | 13 ++++++++++---
 people/17158.html | 13 ++++++++++---
 people/17159.html | 13 ++++++++++---
 people/1716.html  | 13 ++++++++++---
 people/17160.html | 13 ++++++++++---
 people/17161.html | 13 ++++++++++---
 people/17162.html | 13 ++++++++++---
 people/17163.html | 13 ++++++++++---
 people/17164.html | 13 ++++++++++---
 people/17165.html | 13 ++++++++++---
 people/17166.html | 13 ++++++++++---
 people/17167.html | 13 ++++++++++---
 people/17168.html | 13 ++++++++++---
 people/17169.html | 13 ++++++++++---
 people/1717.html  | 13 ++++++++++---
 people/17170.html | 13 ++++++++++---
 people/17171.html | 13 ++++++++++---
 people/17172.html | 13 ++++++++++---
 people/17173.html | 13 ++++++++++---
 people/17174.html | 13 ++++++++++---
 people/17175.html | 13 ++++++++++---
 people/17176.html | 13 ++++++++++---
 people/17177.html | 13 ++++++++++---
 people/17178.html | 13 ++++++++++---
 people/17179.html | 13 ++++++++++---
 people/1718.html  | 13 ++++++++++---
 people/17180.html | 13 ++++++++++---
 people/17181.html | 13 ++++++++++---
 people/17182.html | 13 ++++++++++---
 people/17183.html | 13 ++++++++++---
 people/17184.html | 13 ++++++++++---
 people/17185.html | 13 ++++++++++---
 people/17186.html | 13 ++++++++++---
 people/17187.html | 13 ++++++++++---
 people/17188.html | 13 ++++++++++---
 people/17189.html | 13 ++++++++++---
 people/1719.html  | 13 ++++++++++---
 people/17190.html | 13 ++++++++++---
 people/17191.html | 13 ++++++++++---
 people/17192.html | 13 ++++++++++---
 people/17193.html | 13 ++++++++++---
 people/17194.html | 13 ++++++++++---
 people/17195.html | 13 ++++++++++---
 people/17196.html | 13 ++++++++++---
 people/17197.html | 13 ++++++++++---
 people/17198.html | 13 ++++++++++---
 people/17199.html | 13 ++++++++++---
 people/172.html   | 13 ++++++++++---
 people/1720.html  | 13 ++++++++++---
 people/17200.html | 13 ++++++++++---
 people/17201.html | 13 ++++++++++---
 people/17202.html | 13 ++++++++++---
 people/17203.html | 13 ++++++++++---
 people/17204.html | 13 ++++++++++---
 people/17205.html | 13 ++++++++++---
 people/17206.html | 13 ++++++++++---
 people/17207.html | 13 ++++++++++---
 people/17208.html | 13 ++++++++++---
 people/17209.html | 13 ++++++++++---
 people/1721.html  | 13 ++++++++++---
 people/17210.html | 13 ++++++++++---
 people/17211.html | 13 ++++++++++---
 people/17212.html | 13 ++++++++++---
 people/17213.html | 13 ++++++++++---
 people/17214.html | 13 ++++++++++---
 people/17215.html | 13 ++++++++++---
 people/17216.html | 13 ++++++++++---
 people/17217.html | 13 ++++++++++---
 people/17218.html | 13 ++++++++++---
 people/17219.html | 13 ++++++++++---
 people/1722.html  | 13 ++++++++++---
 people/17220.html | 13 ++++++++++---
 people/17221.html | 13 ++++++++++---
 people/17222.html | 13 ++++++++++---
 people/17223.html | 13 ++++++++++---
 people/17224.html | 13 ++++++++++---
 people/17225.html | 13 ++++++++++---
 people/17226.html | 13 ++++++++++---
 people/17227.html | 13 ++++++++++---
 people/17228.html | 13 ++++++++++---
 people/17229.html | 13 ++++++++++---
 people/1723.html  | 13 ++++++++++---
 people/17230.html | 13 ++++++++++---
 people/17231.html | 13 ++++++++++---
 people/17232.html | 13 ++++++++++---
 people/17233.html | 13 ++++++++++---
 people/17234.html | 13 ++++++++++---
 people/17235.html | 13 ++++++++++---
 people/17236.html | 13 ++++++++++---
 people/17237.html | 13 ++++++++++---
 people/17238.html | 13 ++++++++++---
 people/17239.html | 13 ++++++++++---
 people/1724.html  | 13 ++++++++++---
 people/17240.html | 13 ++++++++++---
 people/17241.html | 13 ++++++++++---
 people/17242.html | 13 ++++++++++---
 people/17243.html | 13 ++++++++++---
 people/17244.html | 13 ++++++++++---
 people/17245.html | 13 ++++++++++---
 people/17246.html | 13 ++++++++++---
 people/17247.html | 13 ++++++++++---
 people/17248.html | 13 ++++++++++---
 people/17249.html | 13 ++++++++++---
 people/1725.html  | 13 ++++++++++---
 people/17250.html | 13 ++++++++++---
 people/17251.html | 13 ++++++++++---
 people/17252.html | 13 ++++++++++---
 people/17253.html | 13 ++++++++++---
 people/17254.html | 13 ++++++++++---
 people/17255.html | 13 ++++++++++---
 people/17256.html | 13 ++++++++++---
 people/17257.html | 13 ++++++++++---
 people/17258.html | 13 ++++++++++---
 people/17259.html | 13 ++++++++++---
 people/1726.html  | 13 ++++++++++---
 people/17260.html | 13 ++++++++++---
 people/17261.html | 13 ++++++++++---
 people/17262.html | 13 ++++++++++---
 people/17263.html | 13 ++++++++++---
 people/17264.html | 13 ++++++++++---
 people/17265.html | 13 ++++++++++---
 people/17266.html | 13 ++++++++++---
 people/17267.html | 13 ++++++++++---
 people/17268.html | 13 ++++++++++---
 people/17269.html | 13 ++++++++++---
 people/1727.html  | 13 ++++++++++---
 people/17270.html | 13 ++++++++++---
 people/17271.html | 13 ++++++++++---
 people/17272.html | 13 ++++++++++---
 people/17273.html | 13 ++++++++++---
 people/17274.html | 13 ++++++++++---
 people/17275.html | 13 ++++++++++---
 people/17276.html | 13 ++++++++++---
 people/17277.html | 13 ++++++++++---
 people/17278.html | 13 ++++++++++---
 people/17279.html | 13 ++++++++++---
 people/1728.html  | 13 ++++++++++---
 people/17280.html | 13 ++++++++++---
 people/17281.html | 13 ++++++++++---
 people/17282.html | 13 ++++++++++---
 people/17283.html | 13 ++++++++++---
 people/17284.html | 13 ++++++++++---
 people/17285.html | 13 ++++++++++---
 people/17286.html | 13 ++++++++++---
 people/17287.html | 13 ++++++++++---
 people/17288.html | 13 ++++++++++---
 people/17289.html | 13 ++++++++++---
 people/1729.html  | 13 ++++++++++---
 people/17290.html | 13 ++++++++++---
 people/17291.html | 13 ++++++++++---
 people/17292.html | 13 ++++++++++---
 people/17293.html | 13 ++++++++++---
 people/17294.html | 13 ++++++++++---
 people/17295.html | 13 ++++++++++---
 people/17296.html | 13 ++++++++++---
 people/17297.html | 13 ++++++++++---
 people/17298.html | 13 ++++++++++---
 people/17299.html | 13 ++++++++++---
 people/173.html   | 13 ++++++++++---
 people/1730.html  | 13 ++++++++++---
 people/17300.html | 13 ++++++++++---
 people/17301.html | 13 ++++++++++---
 people/17302.html | 13 ++++++++++---
 people/17303.html | 13 ++++++++++---
 people/17304.html | 13 ++++++++++---
 people/17305.html | 13 ++++++++++---
 people/17306.html | 13 ++++++++++---
 people/17307.html | 13 ++++++++++---
 people/17308.html | 13 ++++++++++---
 people/17309.html | 13 ++++++++++---
 people/1731.html  | 13 ++++++++++---
 people/17310.html | 13 ++++++++++---
 people/17311.html | 13 ++++++++++---
 people/17312.html | 13 ++++++++++---
 people/17313.html | 13 ++++++++++---
 people/17314.html | 13 ++++++++++---
 people/17315.html | 13 ++++++++++---
 people/17316.html | 13 ++++++++++---
 people/17317.html | 13 ++++++++++---
 people/17318.html | 13 ++++++++++---
 people/17319.html | 13 ++++++++++---
 people/1732.html  | 13 ++++++++++---
 people/17320.html | 13 ++++++++++---
 people/17321.html | 13 ++++++++++---
 people/17322.html | 13 ++++++++++---
 people/17323.html | 13 ++++++++++---
 people/17324.html | 13 ++++++++++---
 people/17325.html | 13 ++++++++++---
 people/17326.html | 13 ++++++++++---
 people/17327.html | 13 ++++++++++---
 people/17328.html | 13 ++++++++++---
 people/17329.html | 13 ++++++++++---
 people/1733.html  | 13 ++++++++++---
 people/17330.html | 13 ++++++++++---
 people/17331.html | 13 ++++++++++---
 people/17332.html | 13 ++++++++++---
 people/17333.html | 13 ++++++++++---
 people/17334.html | 13 ++++++++++---
 people/17335.html | 13 ++++++++++---
 people/17336.html | 13 ++++++++++---
 people/17337.html | 13 ++++++++++---
 people/17338.html | 13 ++++++++++---
 people/17339.html | 13 ++++++++++---
 people/1734.html  | 13 ++++++++++---
 people/17340.html | 13 ++++++++++---
 people/17341.html | 13 ++++++++++---
 people/17342.html | 13 ++++++++++---
 people/17343.html | 13 ++++++++++---
 people/17344.html | 13 ++++++++++---
 people/17345.html | 13 ++++++++++---
 people/17346.html | 13 ++++++++++---
 people/17347.html | 13 ++++++++++---
 people/17348.html | 13 ++++++++++---
 people/17349.html | 13 ++++++++++---
 people/1735.html  | 13 ++++++++++---
 people/17350.html | 13 ++++++++++---
 people/17351.html | 13 ++++++++++---
 people/17352.html | 13 ++++++++++---
 people/17353.html | 13 ++++++++++---
 people/17354.html | 13 ++++++++++---
 people/17355.html | 13 ++++++++++---
 people/17356.html | 13 ++++++++++---
 people/17357.html | 13 ++++++++++---
 people/17358.html | 13 ++++++++++---
 people/17359.html | 13 ++++++++++---
 people/1736.html  | 13 ++++++++++---
 people/17360.html | 13 ++++++++++---
 people/17361.html | 13 ++++++++++---
 people/17362.html | 13 ++++++++++---
 people/17363.html | 13 ++++++++++---
 people/17364.html | 13 ++++++++++---
 people/17365.html | 13 ++++++++++---
 people/17366.html | 13 ++++++++++---
 people/17367.html | 13 ++++++++++---
 people/17368.html | 13 ++++++++++---
 people/17369.html | 13 ++++++++++---
 people/1737.html  | 13 ++++++++++---
 people/17370.html | 13 ++++++++++---
 people/17371.html | 13 ++++++++++---
 people/17372.html | 13 ++++++++++---
 people/17373.html | 13 ++++++++++---
 people/17374.html | 13 ++++++++++---
 people/17375.html | 13 ++++++++++---
 people/17376.html | 13 ++++++++++---
 people/17377.html | 13 ++++++++++---
 people/17378.html | 13 ++++++++++---
 people/17379.html | 13 ++++++++++---
 people/1738.html  | 13 ++++++++++---
 people/17380.html | 13 ++++++++++---
 people/17381.html | 13 ++++++++++---
 people/17382.html | 13 ++++++++++---
 people/17383.html | 13 ++++++++++---
 people/17384.html | 13 ++++++++++---
 people/17385.html | 13 ++++++++++---
 people/17386.html | 13 ++++++++++---
 people/17387.html | 13 ++++++++++---
 people/17388.html | 13 ++++++++++---
 people/17389.html | 13 ++++++++++---
 people/1739.html  | 13 ++++++++++---
 people/17390.html | 13 ++++++++++---
 people/17391.html | 13 ++++++++++---
 people/17392.html | 13 ++++++++++---
 people/17393.html | 13 ++++++++++---
 people/17394.html | 13 ++++++++++---
 people/17395.html | 13 ++++++++++---
 people/17396.html | 13 ++++++++++---
 people/17397.html | 13 ++++++++++---
 people/17398.html | 13 ++++++++++---
 people/17399.html | 13 ++++++++++---
 people/174.html   | 13 ++++++++++---
 people/1740.html  | 13 ++++++++++---
 people/17400.html | 13 ++++++++++---
 people/17401.html | 13 ++++++++++---
 people/17402.html | 13 ++++++++++---
 people/17403.html | 13 ++++++++++---
 people/17404.html | 13 ++++++++++---
 people/17405.html | 13 ++++++++++---
 people/17406.html | 13 ++++++++++---
 people/17407.html | 13 ++++++++++---
 people/17408.html | 13 ++++++++++---
 people/17409.html | 13 ++++++++++---
 people/1741.html  | 13 ++++++++++---
 people/17410.html | 13 ++++++++++---
 people/17411.html | 13 ++++++++++---
 people/17412.html | 13 ++++++++++---
 people/17413.html | 13 ++++++++++---
 people/17414.html | 13 ++++++++++---
 people/17415.html | 13 ++++++++++---
 people/17416.html | 13 ++++++++++---
 people/17417.html | 13 ++++++++++---
 people/17418.html | 13 ++++++++++---
 people/17419.html | 13 ++++++++++---
 people/1742.html  | 13 ++++++++++---
 people/17420.html | 13 ++++++++++---
 people/17421.html | 13 ++++++++++---
 people/17422.html | 13 ++++++++++---
 people/17423.html | 13 ++++++++++---
 people/17424.html | 13 ++++++++++---
 people/17425.html | 13 ++++++++++---
 people/17426.html | 13 ++++++++++---
 people/17427.html | 13 ++++++++++---
 people/17428.html | 13 ++++++++++---
 people/17429.html | 13 ++++++++++---
 people/1743.html  | 13 ++++++++++---
 people/17430.html | 13 ++++++++++---
 people/17431.html | 13 ++++++++++---
 people/17432.html | 13 ++++++++++---
 people/17433.html | 13 ++++++++++---
 people/17434.html | 13 ++++++++++---
 people/17435.html | 13 ++++++++++---
 people/17436.html | 13 ++++++++++---
 people/17437.html | 13 ++++++++++---
 people/17438.html | 13 ++++++++++---
 people/17439.html | 13 ++++++++++---
 people/1744.html  | 13 ++++++++++---
 people/17440.html | 13 ++++++++++---
 people/17441.html | 13 ++++++++++---
 people/17442.html | 13 ++++++++++---
 people/17443.html | 13 ++++++++++---
 people/17444.html | 13 ++++++++++---
 people/17445.html | 13 ++++++++++---
 people/17446.html | 13 ++++++++++---
 people/17447.html | 13 ++++++++++---
 people/17448.html | 13 ++++++++++---
 people/17449.html | 13 ++++++++++---
 people/1745.html  | 13 ++++++++++---
 people/17450.html | 13 ++++++++++---
 people/17451.html | 13 ++++++++++---
 people/17452.html | 13 ++++++++++---
 people/17453.html | 13 ++++++++++---
 people/17454.html | 13 ++++++++++---
 people/17455.html | 13 ++++++++++---
 people/17456.html | 13 ++++++++++---
 people/17457.html | 13 ++++++++++---
 people/17458.html | 13 ++++++++++---
 people/17459.html | 13 ++++++++++---
 people/1746.html  | 13 ++++++++++---
 people/17460.html | 13 ++++++++++---
 people/17461.html | 13 ++++++++++---
 people/17462.html | 13 ++++++++++---
 people/17463.html | 13 ++++++++++---
 people/17464.html | 13 ++++++++++---
 people/17465.html | 13 ++++++++++---
 people/17466.html | 13 ++++++++++---
 people/17467.html | 13 ++++++++++---
 people/17468.html | 13 ++++++++++---
 people/17469.html | 13 ++++++++++---
 people/1747.html  | 13 ++++++++++---
 people/17470.html | 13 ++++++++++---
 people/17471.html | 13 ++++++++++---
 people/17472.html | 13 ++++++++++---
 people/17473.html | 13 ++++++++++---
 people/17474.html | 13 ++++++++++---
 people/17475.html | 13 ++++++++++---
 people/17476.html | 13 ++++++++++---
 people/17477.html | 13 ++++++++++---
 people/17478.html | 13 ++++++++++---
 people/17479.html | 13 ++++++++++---
 people/1748.html  | 13 ++++++++++---
 people/17480.html | 13 ++++++++++---
 people/17481.html | 13 ++++++++++---
 people/17482.html | 13 ++++++++++---
 people/17483.html | 13 ++++++++++---
 people/17484.html | 13 ++++++++++---
 people/17485.html | 13 ++++++++++---
 people/17486.html | 13 ++++++++++---
 people/17487.html | 13 ++++++++++---
 people/17488.html | 13 ++++++++++---
 people/17489.html | 13 ++++++++++---
 people/1749.html  | 13 ++++++++++---
 people/17490.html | 13 ++++++++++---
 people/17491.html | 13 ++++++++++---
 people/17492.html | 13 ++++++++++---
 people/17493.html | 13 ++++++++++---
 people/17494.html | 13 ++++++++++---
 people/17495.html | 13 ++++++++++---
 people/17496.html | 13 ++++++++++---
 people/17497.html | 13 ++++++++++---
 people/17498.html | 13 ++++++++++---
 people/17499.html | 13 ++++++++++---
 people/175.html   | 13 ++++++++++---
 people/1750.html  | 13 ++++++++++---
 people/17500.html | 13 ++++++++++---
 people/17501.html | 13 ++++++++++---
 people/17502.html | 13 ++++++++++---
 people/17503.html | 13 ++++++++++---
 people/17504.html | 13 ++++++++++---
 people/17505.html | 13 ++++++++++---
 people/17506.html | 13 ++++++++++---
 people/17507.html | 13 ++++++++++---
 people/17508.html | 13 ++++++++++---
 people/17509.html | 13 ++++++++++---
 people/1751.html  | 13 ++++++++++---
 people/17510.html | 13 ++++++++++---
 people/17511.html | 13 ++++++++++---
 people/17512.html | 13 ++++++++++---
 people/17513.html | 13 ++++++++++---
 people/17514.html | 13 ++++++++++---
 people/17515.html | 13 ++++++++++---
 people/17516.html | 13 ++++++++++---
 people/17517.html | 13 ++++++++++---
 people/17518.html | 13 ++++++++++---
 people/17519.html | 13 ++++++++++---
 people/1752.html  | 13 ++++++++++---
 people/17520.html | 13 ++++++++++---
 people/17521.html | 13 ++++++++++---
 people/17522.html | 13 ++++++++++---
 people/17523.html | 13 ++++++++++---
 people/17524.html | 13 ++++++++++---
 people/17525.html | 13 ++++++++++---
 people/17526.html | 13 ++++++++++---
 people/17527.html | 13 ++++++++++---
 people/17528.html | 13 ++++++++++---
 people/17529.html | 13 ++++++++++---
 people/1753.html  | 13 ++++++++++---
 people/17530.html | 13 ++++++++++---
 people/17531.html | 13 ++++++++++---
 people/17532.html | 13 ++++++++++---
 people/17533.html | 13 ++++++++++---
 people/17534.html | 13 ++++++++++---
 people/17535.html | 13 ++++++++++---
 people/17536.html | 13 ++++++++++---
 people/17537.html | 13 ++++++++++---
 people/17538.html | 13 ++++++++++---
 people/17539.html | 13 ++++++++++---
 people/1754.html  | 13 ++++++++++---
 people/17540.html | 13 ++++++++++---
 people/17541.html | 13 ++++++++++---
 people/17542.html | 13 ++++++++++---
 people/17543.html | 13 ++++++++++---
 people/17544.html | 13 ++++++++++---
 people/17545.html | 13 ++++++++++---
 people/17546.html | 13 ++++++++++---
 people/17547.html | 13 ++++++++++---
 people/17548.html | 13 ++++++++++---
 people/17549.html | 13 ++++++++++---
 people/1755.html  | 13 ++++++++++---
 people/17550.html | 13 ++++++++++---
 people/17551.html | 13 ++++++++++---
 people/17552.html | 13 ++++++++++---
 people/17553.html | 13 ++++++++++---
 people/17554.html | 13 ++++++++++---
 people/17555.html | 13 ++++++++++---
 people/17556.html | 13 ++++++++++---
 people/17557.html | 13 ++++++++++---
 people/17558.html | 13 ++++++++++---
 people/17559.html | 13 ++++++++++---
 people/1756.html  | 13 ++++++++++---
 people/17560.html | 13 ++++++++++---
 people/17561.html | 13 ++++++++++---
 people/17562.html | 13 ++++++++++---
 people/17563.html | 13 ++++++++++---
 people/17564.html | 13 ++++++++++---
 people/17565.html | 13 ++++++++++---
 people/17566.html | 13 ++++++++++---
 people/17567.html | 13 ++++++++++---
 people/17568.html | 13 ++++++++++---
 people/17569.html | 13 ++++++++++---
 people/1757.html  | 13 ++++++++++---
 people/17570.html | 13 ++++++++++---
 people/17571.html | 13 ++++++++++---
 people/17572.html | 13 ++++++++++---
 people/17573.html | 13 ++++++++++---
 people/17574.html | 13 ++++++++++---
 people/17575.html | 13 ++++++++++---
 people/17576.html | 13 ++++++++++---
 people/17577.html | 13 ++++++++++---
 people/17578.html | 13 ++++++++++---
 people/17579.html | 13 ++++++++++---
 people/1758.html  | 13 ++++++++++---
 people/17580.html | 13 ++++++++++---
 people/17581.html | 13 ++++++++++---
 people/17582.html | 13 ++++++++++---
 people/17583.html | 13 ++++++++++---
 people/17584.html | 13 ++++++++++---
 people/17585.html | 13 ++++++++++---
 people/17586.html | 13 ++++++++++---
 people/17587.html | 13 ++++++++++---
 people/17588.html | 13 ++++++++++---
 people/17589.html | 13 ++++++++++---
 people/1759.html  | 13 ++++++++++---
 people/17590.html | 13 ++++++++++---
 people/17591.html | 13 ++++++++++---
 people/17592.html | 13 ++++++++++---
 people/17593.html | 13 ++++++++++---
 people/17594.html | 13 ++++++++++---
 people/17595.html | 13 ++++++++++---
 people/17596.html | 13 ++++++++++---
 people/17597.html | 13 ++++++++++---
 people/17598.html | 13 ++++++++++---
 people/17599.html | 13 ++++++++++---
 people/176.html   | 13 ++++++++++---
 people/1760.html  | 13 ++++++++++---
 people/17600.html | 13 ++++++++++---
 people/17601.html | 13 ++++++++++---
 people/17602.html | 13 ++++++++++---
 people/17603.html | 13 ++++++++++---
 people/17604.html | 13 ++++++++++---
 people/17605.html | 13 ++++++++++---
 people/17606.html | 13 ++++++++++---
 people/17607.html | 13 ++++++++++---
 people/17608.html | 13 ++++++++++---
 people/17609.html | 13 ++++++++++---
 people/1761.html  | 13 ++++++++++---
 people/17610.html | 13 ++++++++++---
 people/17611.html | 13 ++++++++++---
 people/17612.html | 13 ++++++++++---
 people/17613.html | 13 ++++++++++---
 people/17614.html | 13 ++++++++++---
 people/17615.html | 13 ++++++++++---
 people/17616.html | 13 ++++++++++---
 people/17617.html | 13 ++++++++++---
 people/17618.html | 13 ++++++++++---
 people/17619.html | 13 ++++++++++---
 people/1762.html  | 13 ++++++++++---
 people/17620.html | 13 ++++++++++---
 people/17621.html | 13 ++++++++++---
 people/17622.html | 13 ++++++++++---
 people/17623.html | 13 ++++++++++---
 people/17624.html | 13 ++++++++++---
 people/17625.html | 13 ++++++++++---
 people/17626.html | 13 ++++++++++---
 people/17627.html | 13 ++++++++++---
 people/17628.html | 13 ++++++++++---
 people/17629.html | 13 ++++++++++---
 people/1763.html  | 13 ++++++++++---
 people/17630.html | 13 ++++++++++---
 people/17631.html | 13 ++++++++++---
 people/17632.html | 13 ++++++++++---
 people/17633.html | 13 ++++++++++---
 people/17634.html | 13 ++++++++++---
 people/17635.html | 13 ++++++++++---
 people/17636.html | 13 ++++++++++---
 people/17637.html | 13 ++++++++++---
 people/17638.html | 13 ++++++++++---
 people/17639.html | 13 ++++++++++---
 people/1764.html  | 13 ++++++++++---
 people/17640.html | 13 ++++++++++---
 people/17641.html | 13 ++++++++++---
 people/17642.html | 13 ++++++++++---
 people/17643.html | 13 ++++++++++---
 people/17644.html | 13 ++++++++++---
 people/17645.html | 13 ++++++++++---
 people/17646.html | 13 ++++++++++---
 people/17647.html | 13 ++++++++++---
 people/17648.html | 13 ++++++++++---
 people/17649.html | 13 ++++++++++---
 people/1765.html  | 13 ++++++++++---
 people/17650.html | 13 ++++++++++---
 people/17651.html | 13 ++++++++++---
 people/17652.html | 13 ++++++++++---
 people/17653.html | 13 ++++++++++---
 people/17654.html | 13 ++++++++++---
 people/17655.html | 13 ++++++++++---
 people/17656.html | 13 ++++++++++---
 people/17657.html | 13 ++++++++++---
 people/17658.html | 13 ++++++++++---
 people/17659.html | 13 ++++++++++---
 people/1766.html  | 13 ++++++++++---
 people/17660.html | 13 ++++++++++---
 people/17661.html | 13 ++++++++++---
 people/17662.html | 13 ++++++++++---
 people/17663.html | 13 ++++++++++---
 people/17664.html | 13 ++++++++++---
 people/17665.html | 13 ++++++++++---
 people/17666.html | 13 ++++++++++---
 people/17667.html | 13 ++++++++++---
 people/17668.html | 13 ++++++++++---
 people/17669.html | 13 ++++++++++---
 people/1767.html  | 13 ++++++++++---
 people/17670.html | 13 ++++++++++---
 people/17671.html | 13 ++++++++++---
 people/17672.html | 13 ++++++++++---
 people/17673.html | 13 ++++++++++---
 people/17674.html | 13 ++++++++++---
 people/17675.html | 13 ++++++++++---
 people/17676.html | 13 ++++++++++---
 people/17677.html | 13 ++++++++++---
 people/17678.html | 13 ++++++++++---
 people/17679.html | 13 ++++++++++---
 people/1768.html  | 13 ++++++++++---
 people/17680.html | 13 ++++++++++---
 people/17681.html | 13 ++++++++++---
 people/17682.html | 13 ++++++++++---
 people/17683.html | 13 ++++++++++---
 people/17684.html | 13 ++++++++++---
 people/17685.html | 13 ++++++++++---
 people/17686.html | 13 ++++++++++---
 people/17687.html | 13 ++++++++++---
 people/17688.html | 13 ++++++++++---
 people/17689.html | 13 ++++++++++---
 people/1769.html  | 13 ++++++++++---
 people/17690.html | 13 ++++++++++---
 people/17691.html | 13 ++++++++++---
 people/17692.html | 13 ++++++++++---
 people/17693.html | 13 ++++++++++---
 people/17694.html | 13 ++++++++++---
 people/17695.html | 13 ++++++++++---
 people/17696.html | 13 ++++++++++---
 people/17697.html | 13 ++++++++++---
 people/17698.html | 13 ++++++++++---
 people/17699.html | 13 ++++++++++---
 people/177.html   | 13 ++++++++++---
 people/1770.html  | 13 ++++++++++---
 people/17700.html | 13 ++++++++++---
 people/17701.html | 13 ++++++++++---
 people/17702.html | 13 ++++++++++---
 people/17703.html | 13 ++++++++++---
 people/17704.html | 13 ++++++++++---
 people/17705.html | 13 ++++++++++---
 people/17706.html | 13 ++++++++++---
 people/17707.html | 13 ++++++++++---
 people/17708.html | 13 ++++++++++---
 people/17709.html | 13 ++++++++++---
 people/1771.html  | 13 ++++++++++---
 people/17710.html | 13 ++++++++++---
 people/17711.html | 13 ++++++++++---
 people/17712.html | 13 ++++++++++---
 people/17713.html | 13 ++++++++++---
 people/17714.html | 13 ++++++++++---
 people/17715.html | 13 ++++++++++---
 people/17716.html | 13 ++++++++++---
 people/17717.html | 13 ++++++++++---
 people/17718.html | 13 ++++++++++---
 people/17719.html | 13 ++++++++++---
 people/1772.html  | 13 ++++++++++---
 people/17720.html | 13 ++++++++++---
 people/17721.html | 13 ++++++++++---
 people/17722.html | 13 ++++++++++---
 people/17723.html | 13 ++++++++++---
 people/17724.html | 13 ++++++++++---
 people/17725.html | 13 ++++++++++---
 people/17726.html | 13 ++++++++++---
 people/17727.html | 13 ++++++++++---
 people/17728.html | 13 ++++++++++---
 people/17729.html | 13 ++++++++++---
 people/1773.html  | 13 ++++++++++---
 people/17730.html | 13 ++++++++++---
 people/17731.html | 13 ++++++++++---
 people/17732.html | 13 ++++++++++---
 people/17733.html | 13 ++++++++++---
 people/17734.html | 13 ++++++++++---
 people/17735.html | 13 ++++++++++---
 people/17736.html | 13 ++++++++++---
 people/17737.html | 13 ++++++++++---
 people/17738.html | 13 ++++++++++---
 people/17739.html | 13 ++++++++++---
 people/1774.html  | 13 ++++++++++---
 people/17740.html | 13 ++++++++++---
 people/17741.html | 13 ++++++++++---
 people/17742.html | 13 ++++++++++---
 people/17743.html | 13 ++++++++++---
 people/17744.html | 13 ++++++++++---
 people/17745.html | 13 ++++++++++---
 people/17746.html | 13 ++++++++++---
 people/17747.html | 13 ++++++++++---
 people/17748.html | 13 ++++++++++---
 people/17749.html | 13 ++++++++++---
 people/1775.html  | 13 ++++++++++---
 people/17750.html | 13 ++++++++++---
 people/17751.html | 13 ++++++++++---
 people/17752.html | 13 ++++++++++---
 people/17753.html | 13 ++++++++++---
 people/17754.html | 13 ++++++++++---
 people/17755.html | 13 ++++++++++---
 people/17756.html | 13 ++++++++++---
 people/17757.html | 13 ++++++++++---
 people/17758.html | 13 ++++++++++---
 people/17759.html | 13 ++++++++++---
 people/1776.html  | 13 ++++++++++---
 people/17760.html | 13 ++++++++++---
 people/17761.html | 13 ++++++++++---
 people/17762.html | 13 ++++++++++---
 people/17763.html | 13 ++++++++++---
 people/17764.html | 13 ++++++++++---
 people/17765.html | 13 ++++++++++---
 people/17766.html | 13 ++++++++++---
 people/17767.html | 13 ++++++++++---
 people/17768.html | 13 ++++++++++---
 people/17769.html | 13 ++++++++++---
 people/1777.html  | 13 ++++++++++---
 people/17770.html | 13 ++++++++++---
 people/17771.html | 13 ++++++++++---
 people/17772.html | 13 ++++++++++---
 people/17773.html | 13 ++++++++++---
 people/17774.html | 13 ++++++++++---
 people/17775.html | 13 ++++++++++---
 people/17776.html | 13 ++++++++++---
 people/17777.html | 13 ++++++++++---
 people/17778.html | 13 ++++++++++---
 people/17779.html | 13 ++++++++++---
 people/1778.html  | 13 ++++++++++---
 people/17780.html | 13 ++++++++++---
 people/17781.html | 13 ++++++++++---
 people/17782.html | 13 ++++++++++---
 people/17783.html | 13 ++++++++++---
 people/17784.html | 13 ++++++++++---
 people/17785.html | 13 ++++++++++---
 people/17786.html | 13 ++++++++++---
 people/17787.html | 13 ++++++++++---
 people/17788.html | 13 ++++++++++---
 people/17789.html | 13 ++++++++++---
 people/1779.html  | 13 ++++++++++---
 people/17790.html | 13 ++++++++++---
 people/17791.html | 13 ++++++++++---
 people/17792.html | 13 ++++++++++---
 people/17793.html | 13 ++++++++++---
 people/17794.html | 13 ++++++++++---
 people/17795.html | 13 ++++++++++---
 people/17796.html | 13 ++++++++++---
 people/17797.html | 13 ++++++++++---
 people/17798.html | 13 ++++++++++---
 people/17799.html | 13 ++++++++++---
 people/178.html   | 13 ++++++++++---
 people/1780.html  | 13 ++++++++++---
 people/17800.html | 13 ++++++++++---
 people/17801.html | 13 ++++++++++---
 people/17802.html | 13 ++++++++++---
 people/17803.html | 13 ++++++++++---
 people/17804.html | 13 ++++++++++---
 people/17805.html | 13 ++++++++++---
 people/17806.html | 13 ++++++++++---
 people/17807.html | 13 ++++++++++---
 people/17808.html | 13 ++++++++++---
 people/17809.html | 13 ++++++++++---
 people/1781.html  | 13 ++++++++++---
 people/17810.html | 13 ++++++++++---
 people/17811.html | 13 ++++++++++---
 people/17812.html | 13 ++++++++++---
 people/17813.html | 13 ++++++++++---
 people/17814.html | 13 ++++++++++---
 people/17815.html | 13 ++++++++++---
 people/17816.html | 13 ++++++++++---
 people/17817.html | 13 ++++++++++---
 people/17818.html | 13 ++++++++++---
 people/17819.html | 13 ++++++++++---
 people/1782.html  | 13 ++++++++++---
 people/17820.html | 13 ++++++++++---
 people/17821.html | 13 ++++++++++---
 people/17822.html | 13 ++++++++++---
 people/17823.html | 13 ++++++++++---
 people/17824.html | 13 ++++++++++---
 people/17825.html | 13 ++++++++++---
 people/17826.html | 13 ++++++++++---
 people/17827.html | 13 ++++++++++---
 people/17828.html | 13 ++++++++++---
 people/17829.html | 13 ++++++++++---
 people/1783.html  | 13 ++++++++++---
 people/17830.html | 13 ++++++++++---
 people/17831.html | 13 ++++++++++---
 people/17832.html | 13 ++++++++++---
 people/17833.html | 13 ++++++++++---
 people/17834.html | 13 ++++++++++---
 people/17835.html | 13 ++++++++++---
 people/17836.html | 13 ++++++++++---
 people/17837.html | 13 ++++++++++---
 people/17838.html | 13 ++++++++++---
 people/17839.html | 13 ++++++++++---
 people/1784.html  | 13 ++++++++++---
 people/17840.html | 13 ++++++++++---
 people/17841.html | 13 ++++++++++---
 people/17842.html | 13 ++++++++++---
 people/17843.html | 13 ++++++++++---
 people/17844.html | 13 ++++++++++---
 people/17845.html | 13 ++++++++++---
 people/17846.html | 13 ++++++++++---
 people/17847.html | 13 ++++++++++---
 people/17848.html | 13 ++++++++++---
 people/17849.html | 13 ++++++++++---
 people/1785.html  | 13 ++++++++++---
 people/17850.html | 13 ++++++++++---
 people/17851.html | 13 ++++++++++---
 people/17852.html | 13 ++++++++++---
 people/17853.html | 13 ++++++++++---
 people/17854.html | 13 ++++++++++---
 people/17855.html | 13 ++++++++++---
 people/17856.html | 13 ++++++++++---
 people/17857.html | 13 ++++++++++---
 people/17858.html | 13 ++++++++++---
 people/17859.html | 13 ++++++++++---
 people/1786.html  | 13 ++++++++++---
 people/17860.html | 13 ++++++++++---
 people/17861.html | 13 ++++++++++---
 people/17862.html | 13 ++++++++++---
 people/17863.html | 13 ++++++++++---
 people/17864.html | 13 ++++++++++---
 people/17865.html | 13 ++++++++++---
 people/17866.html | 13 ++++++++++---
 people/17867.html | 13 ++++++++++---
 people/17868.html | 13 ++++++++++---
 people/17869.html | 13 ++++++++++---
 people/1787.html  | 13 ++++++++++---
 people/17870.html | 13 ++++++++++---
 people/17871.html | 13 ++++++++++---
 people/17872.html | 13 ++++++++++---
 people/17873.html | 13 ++++++++++---
 people/17874.html | 13 ++++++++++---
 people/17875.html | 13 ++++++++++---
 people/17876.html | 13 ++++++++++---
 people/17877.html | 13 ++++++++++---
 people/17878.html | 13 ++++++++++---
 people/17879.html | 13 ++++++++++---
 people/1788.html  | 13 ++++++++++---
 people/17880.html | 13 ++++++++++---
 people/17881.html | 13 ++++++++++---
 people/17882.html | 13 ++++++++++---
 people/17883.html | 13 ++++++++++---
 people/17884.html | 13 ++++++++++---
 people/17885.html | 13 ++++++++++---
 people/17886.html | 13 ++++++++++---
 people/17887.html | 13 ++++++++++---
 people/17888.html | 13 ++++++++++---
 people/17889.html | 13 ++++++++++---
 people/1789.html  | 13 ++++++++++---
 people/17890.html | 13 ++++++++++---
 people/17891.html | 13 ++++++++++---
 people/17892.html | 13 ++++++++++---
 people/17893.html | 13 ++++++++++---
 people/17894.html | 13 ++++++++++---
 people/17895.html | 13 ++++++++++---
 people/17896.html | 13 ++++++++++---
 people/17897.html | 13 ++++++++++---
 people/17898.html | 13 ++++++++++---
 people/17899.html | 13 ++++++++++---
 people/179.html   | 13 ++++++++++---
 people/1790.html  | 13 ++++++++++---
 people/17900.html | 13 ++++++++++---
 people/17901.html | 13 ++++++++++---
 people/17902.html | 13 ++++++++++---
 people/17903.html | 13 ++++++++++---
 people/17904.html | 13 ++++++++++---
 people/17905.html | 13 ++++++++++---
 people/17906.html | 13 ++++++++++---
 people/17907.html | 13 ++++++++++---
 people/17908.html | 13 ++++++++++---
 people/17909.html | 13 ++++++++++---
 people/1791.html  | 13 ++++++++++---
 people/17910.html | 13 ++++++++++---
 people/17911.html | 13 ++++++++++---
 people/17912.html | 13 ++++++++++---
 people/17913.html | 13 ++++++++++---
 people/17914.html | 13 ++++++++++---
 people/17915.html | 13 ++++++++++---
 people/17916.html | 13 ++++++++++---
 people/17917.html | 13 ++++++++++---
 people/17918.html | 13 ++++++++++---
 people/17919.html | 13 ++++++++++---
 people/1792.html  | 13 ++++++++++---
 people/17920.html | 13 ++++++++++---
 people/17921.html | 13 ++++++++++---
 people/17922.html | 13 ++++++++++---
 people/17923.html | 13 ++++++++++---
 people/17924.html | 13 ++++++++++---
 people/17925.html | 13 ++++++++++---
 people/17926.html | 13 ++++++++++---
 people/17927.html | 13 ++++++++++---
 people/17928.html | 13 ++++++++++---
 people/17929.html | 13 ++++++++++---
 people/1793.html  | 13 ++++++++++---
 people/17930.html | 13 ++++++++++---
 people/17931.html | 13 ++++++++++---
 people/17932.html | 13 ++++++++++---
 people/17933.html | 13 ++++++++++---
 people/17934.html | 13 ++++++++++---
 people/17935.html | 13 ++++++++++---
 people/17936.html | 13 ++++++++++---
 people/17937.html | 13 ++++++++++---
 people/17938.html | 13 ++++++++++---
 people/17939.html | 13 ++++++++++---
 people/1794.html  | 13 ++++++++++---
 people/17940.html | 13 ++++++++++---
 people/17941.html | 13 ++++++++++---
 people/17942.html | 13 ++++++++++---
 people/17943.html | 13 ++++++++++---
 people/17944.html | 13 ++++++++++---
 people/17945.html | 13 ++++++++++---
 people/17946.html | 13 ++++++++++---
 people/17947.html | 13 ++++++++++---
 people/17948.html | 13 ++++++++++---
 people/17949.html | 13 ++++++++++---
 people/1795.html  | 13 ++++++++++---
 people/17950.html | 13 ++++++++++---
 people/17951.html | 13 ++++++++++---
 people/17952.html | 13 ++++++++++---
 people/17953.html | 13 ++++++++++---
 people/17954.html | 13 ++++++++++---
 people/17955.html | 13 ++++++++++---
 people/17956.html | 13 ++++++++++---
 people/17957.html | 13 ++++++++++---
 people/17958.html | 13 ++++++++++---
 people/17959.html | 13 ++++++++++---
 people/1796.html  | 13 ++++++++++---
 people/17960.html | 13 ++++++++++---
 people/17961.html | 13 ++++++++++---
 people/17962.html | 13 ++++++++++---
 people/17963.html | 13 ++++++++++---
 people/17964.html | 13 ++++++++++---
 people/17965.html | 13 ++++++++++---
 people/17966.html | 13 ++++++++++---
 people/17967.html | 13 ++++++++++---
 people/17968.html | 13 ++++++++++---
 people/17969.html | 13 ++++++++++---
 people/1797.html  | 13 ++++++++++---
 people/17970.html | 13 ++++++++++---
 people/17971.html | 13 ++++++++++---
 people/17972.html | 13 ++++++++++---
 people/17973.html | 13 ++++++++++---
 people/17974.html | 13 ++++++++++---
 people/17975.html | 13 ++++++++++---
 people/17976.html | 13 ++++++++++---
 people/17977.html | 13 ++++++++++---
 people/17978.html | 13 ++++++++++---
 people/17979.html | 13 ++++++++++---
 people/1798.html  | 13 ++++++++++---
 people/17980.html | 13 ++++++++++---
 people/17981.html | 13 ++++++++++---
 people/17982.html | 13 ++++++++++---
 people/17983.html | 13 ++++++++++---
 people/17984.html | 13 ++++++++++---
 people/17985.html | 13 ++++++++++---
 people/17986.html | 13 ++++++++++---
 people/17987.html | 13 ++++++++++---
 people/17988.html | 13 ++++++++++---
 people/17989.html | 13 ++++++++++---
 people/1799.html  | 13 ++++++++++---
 people/17990.html | 13 ++++++++++---
 people/17991.html | 13 ++++++++++---
 people/17992.html | 13 ++++++++++---
 people/17993.html | 13 ++++++++++---
 people/17994.html | 13 ++++++++++---
 people/17995.html | 13 ++++++++++---
 people/17996.html | 13 ++++++++++---
 people/17997.html | 13 ++++++++++---
 people/17998.html | 13 ++++++++++---
 people/17999.html | 13 ++++++++++---
 people/18.html    | 13 ++++++++++---
 people/180.html   | 13 ++++++++++---
 people/1800.html  | 13 ++++++++++---
 people/18000.html | 13 ++++++++++---
 people/18001.html | 13 ++++++++++---
 people/18002.html | 13 ++++++++++---
 people/18003.html | 13 ++++++++++---
 people/18004.html | 13 ++++++++++---
 people/18005.html | 13 ++++++++++---
 people/18006.html | 13 ++++++++++---
 people/18007.html | 13 ++++++++++---
 people/18008.html | 13 ++++++++++---
 people/18009.html | 13 ++++++++++---
 people/1801.html  | 13 ++++++++++---
 people/18010.html | 13 ++++++++++---
 people/18011.html | 13 ++++++++++---
 people/18012.html | 13 ++++++++++---
 people/18013.html | 13 ++++++++++---
 people/18014.html | 13 ++++++++++---
 people/18015.html | 13 ++++++++++---
 people/18016.html | 13 ++++++++++---
 people/18017.html | 13 ++++++++++---
 people/18018.html | 13 ++++++++++---
 people/18019.html | 13 ++++++++++---
 people/1802.html  | 13 ++++++++++---
 people/18020.html | 13 ++++++++++---
 people/18021.html | 13 ++++++++++---
 people/18022.html | 13 ++++++++++---
 people/18023.html | 13 ++++++++++---
 people/18024.html | 13 ++++++++++---
 people/18025.html | 13 ++++++++++---
 people/18026.html | 13 ++++++++++---
 people/18027.html | 13 ++++++++++---
 people/18028.html | 13 ++++++++++---
 people/18029.html | 13 ++++++++++---
 people/1803.html  | 13 ++++++++++---
 people/18030.html | 13 ++++++++++---
 people/18031.html | 13 ++++++++++---
 people/18032.html | 13 ++++++++++---
 people/18033.html | 13 ++++++++++---
 people/18034.html | 13 ++++++++++---
 people/18035.html | 13 ++++++++++---
 people/18036.html | 13 ++++++++++---
 people/18037.html | 13 ++++++++++---
 people/18038.html | 13 ++++++++++---
 people/18039.html | 13 ++++++++++---
 people/1804.html  | 13 ++++++++++---
 people/18040.html | 13 ++++++++++---
 people/18041.html | 13 ++++++++++---
 people/18042.html | 13 ++++++++++---
 people/18043.html | 13 ++++++++++---
 people/18044.html | 13 ++++++++++---
 people/18045.html | 13 ++++++++++---
 people/18046.html | 13 ++++++++++---
 people/18047.html | 13 ++++++++++---
 people/18048.html | 13 ++++++++++---
 people/18049.html | 13 ++++++++++---
 people/1805.html  | 13 ++++++++++---
 people/18050.html | 13 ++++++++++---
 people/18051.html | 13 ++++++++++---
 people/18052.html | 13 ++++++++++---
 people/18053.html | 13 ++++++++++---
 people/18054.html | 13 ++++++++++---
 people/18055.html | 13 ++++++++++---
 people/18056.html | 13 ++++++++++---
 people/18057.html | 13 ++++++++++---
 people/18058.html | 13 ++++++++++---
 people/18059.html | 13 ++++++++++---
 people/1806.html  | 13 ++++++++++---
 people/18060.html | 13 ++++++++++---
 people/18061.html | 13 ++++++++++---
 people/18062.html | 13 ++++++++++---
 people/18063.html | 13 ++++++++++---
 people/18064.html | 13 ++++++++++---
 people/18065.html | 13 ++++++++++---
 people/18066.html | 13 ++++++++++---
 people/18067.html | 13 ++++++++++---
 people/18068.html | 13 ++++++++++---
 people/18069.html | 13 ++++++++++---
 people/1807.html  | 13 ++++++++++---
 people/18070.html | 13 ++++++++++---
 people/18071.html | 13 ++++++++++---
 people/18072.html | 13 ++++++++++---
 people/18073.html | 13 ++++++++++---
 people/18074.html | 13 ++++++++++---
 people/18075.html | 13 ++++++++++---
 people/18076.html | 13 ++++++++++---
 people/18077.html | 13 ++++++++++---
 people/18078.html | 13 ++++++++++---
 people/18079.html | 13 ++++++++++---
 people/1808.html  | 13 ++++++++++---
 people/18080.html | 13 ++++++++++---
 people/18081.html | 13 ++++++++++---
 people/18082.html | 13 ++++++++++---
 people/18083.html | 13 ++++++++++---
 people/18084.html | 13 ++++++++++---
 people/18085.html | 13 ++++++++++---
 people/18086.html | 13 ++++++++++---
 people/18087.html | 13 ++++++++++---
 people/18088.html | 13 ++++++++++---
 people/18089.html | 13 ++++++++++---
 people/1809.html  | 13 ++++++++++---
 people/18090.html | 13 ++++++++++---
 people/18091.html | 13 ++++++++++---
 people/18092.html | 13 ++++++++++---
 people/18093.html | 13 ++++++++++---
 people/18094.html | 13 ++++++++++---
 people/18095.html | 13 ++++++++++---
 people/18096.html | 13 ++++++++++---
 people/18097.html | 13 ++++++++++---
 people/18098.html | 13 ++++++++++---
 people/18099.html | 13 ++++++++++---
 people/181.html   | 13 ++++++++++---
 people/1810.html  | 13 ++++++++++---
 people/18100.html | 13 ++++++++++---
 people/18101.html | 13 ++++++++++---
 people/18102.html | 13 ++++++++++---
 people/18103.html | 13 ++++++++++---
 people/18104.html | 13 ++++++++++---
 people/18105.html | 13 ++++++++++---
 people/18106.html | 13 ++++++++++---
 people/18107.html | 13 ++++++++++---
 people/18108.html | 13 ++++++++++---
 people/18109.html | 13 ++++++++++---
 people/1811.html  | 13 ++++++++++---
 people/18110.html | 13 ++++++++++---
 people/18111.html | 13 ++++++++++---
 people/18112.html | 13 ++++++++++---
 people/18113.html | 13 ++++++++++---
 people/18114.html | 13 ++++++++++---
 people/18115.html | 13 ++++++++++---
 people/18116.html | 13 ++++++++++---
 people/18117.html | 13 ++++++++++---
 people/18118.html | 13 ++++++++++---
 people/18119.html | 13 ++++++++++---
 people/1812.html  | 13 ++++++++++---
 people/18120.html | 13 ++++++++++---
 people/18121.html | 13 ++++++++++---
 people/18122.html | 13 ++++++++++---
 people/18123.html | 13 ++++++++++---
 people/18124.html | 13 ++++++++++---
 people/18125.html | 13 ++++++++++---
 people/18126.html | 13 ++++++++++---
 people/18127.html | 13 ++++++++++---
 people/18128.html | 13 ++++++++++---
 people/18129.html | 13 ++++++++++---
 people/1813.html  | 13 ++++++++++---
 people/18130.html | 13 ++++++++++---
 people/18131.html | 13 ++++++++++---
 people/18132.html | 13 ++++++++++---
 people/18133.html | 13 ++++++++++---
 people/18134.html | 13 ++++++++++---
 people/18135.html | 13 ++++++++++---
 people/18136.html | 13 ++++++++++---
 people/18137.html | 13 ++++++++++---
 people/18138.html | 13 ++++++++++---
 people/18139.html | 13 ++++++++++---
 people/1814.html  | 13 ++++++++++---
 people/18140.html | 13 ++++++++++---
 people/18141.html | 13 ++++++++++---
 people/18142.html | 13 ++++++++++---
 people/18143.html | 13 ++++++++++---
 people/18144.html | 13 ++++++++++---
 people/18145.html | 13 ++++++++++---
 people/18146.html | 13 ++++++++++---
 people/18147.html | 13 ++++++++++---
 people/18148.html | 13 ++++++++++---
 people/18149.html | 13 ++++++++++---
 people/1815.html  | 13 ++++++++++---
 people/18150.html | 13 ++++++++++---
 people/18151.html | 13 ++++++++++---
 people/18152.html | 13 ++++++++++---
 people/18153.html | 13 ++++++++++---
 people/18154.html | 13 ++++++++++---
 people/18155.html | 13 ++++++++++---
 people/18156.html | 13 ++++++++++---
 people/18157.html | 13 ++++++++++---
 people/18158.html | 13 ++++++++++---
 people/18159.html | 13 ++++++++++---
 people/1816.html  | 13 ++++++++++---
 people/18160.html | 13 ++++++++++---
 people/18161.html | 13 ++++++++++---
 people/18162.html | 13 ++++++++++---
 people/18163.html | 13 ++++++++++---
 people/18164.html | 13 ++++++++++---
 people/18165.html | 13 ++++++++++---
 people/18166.html | 13 ++++++++++---
 people/18167.html | 13 ++++++++++---
 people/18168.html | 13 ++++++++++---
 people/18169.html | 13 ++++++++++---
 people/1817.html  | 13 ++++++++++---
 people/18170.html | 13 ++++++++++---
 people/18171.html | 13 ++++++++++---
 people/18172.html | 13 ++++++++++---
 people/18173.html | 13 ++++++++++---
 people/18174.html | 13 ++++++++++---
 people/18175.html | 13 ++++++++++---
 people/18176.html | 13 ++++++++++---
 people/18177.html | 13 ++++++++++---
 people/18178.html | 13 ++++++++++---
 people/18179.html | 13 ++++++++++---
 people/1818.html  | 13 ++++++++++---
 people/18180.html | 13 ++++++++++---
 people/18181.html | 13 ++++++++++---
 people/18182.html | 13 ++++++++++---
 people/18183.html | 13 ++++++++++---
 people/18184.html | 13 ++++++++++---
 people/18185.html | 13 ++++++++++---
 people/18186.html | 13 ++++++++++---
 people/18187.html | 13 ++++++++++---
 people/18188.html | 13 ++++++++++---
 people/18189.html | 13 ++++++++++---
 people/1819.html  | 13 ++++++++++---
 people/18190.html | 13 ++++++++++---
 people/18191.html | 13 ++++++++++---
 people/18192.html | 13 ++++++++++---
 people/18193.html | 13 ++++++++++---
 people/18194.html | 13 ++++++++++---
 people/18195.html | 13 ++++++++++---
 people/18196.html | 13 ++++++++++---
 people/18197.html | 13 ++++++++++---
 people/18198.html | 13 ++++++++++---
 people/18199.html | 13 ++++++++++---
 people/182.html   | 13 ++++++++++---
 people/1820.html  | 13 ++++++++++---
 people/18200.html | 13 ++++++++++---
 people/18201.html | 13 ++++++++++---
 people/18202.html | 13 ++++++++++---
 people/18203.html | 13 ++++++++++---
 people/18204.html | 13 ++++++++++---
 people/18205.html | 13 ++++++++++---
 people/18206.html | 13 ++++++++++---
 people/18207.html | 13 ++++++++++---
 people/18208.html | 13 ++++++++++---
 people/18209.html | 13 ++++++++++---
 people/1821.html  | 13 ++++++++++---
 people/18210.html | 13 ++++++++++---
 people/18211.html | 13 ++++++++++---
 people/18212.html | 13 ++++++++++---
 people/18213.html | 13 ++++++++++---
 people/18214.html | 13 ++++++++++---
 people/18215.html | 13 ++++++++++---
 people/18216.html | 13 ++++++++++---
 people/18217.html | 13 ++++++++++---
 people/18218.html | 13 ++++++++++---
 people/18219.html | 13 ++++++++++---
 people/1822.html  | 13 ++++++++++---
 people/18220.html | 13 ++++++++++---
 people/18221.html | 13 ++++++++++---
 people/18222.html | 13 ++++++++++---
 people/18223.html | 13 ++++++++++---
 people/18224.html | 13 ++++++++++---
 people/18225.html | 13 ++++++++++---
 people/18226.html | 13 ++++++++++---
 people/18227.html | 13 ++++++++++---
 people/18228.html | 13 ++++++++++---
 people/18229.html | 13 ++++++++++---
 people/1823.html  | 13 ++++++++++---
 people/18230.html | 13 ++++++++++---
 people/18231.html | 13 ++++++++++---
 people/18232.html | 13 ++++++++++---
 people/18233.html | 13 ++++++++++---
 people/18234.html | 13 ++++++++++---
 people/18235.html | 13 ++++++++++---
 people/18236.html | 13 ++++++++++---
 people/18237.html | 13 ++++++++++---
 people/18238.html | 13 ++++++++++---
 people/18239.html | 13 ++++++++++---
 people/1824.html  | 13 ++++++++++---
 people/18240.html | 13 ++++++++++---
 people/18241.html | 13 ++++++++++---
 people/18242.html | 13 ++++++++++---
 people/18243.html | 13 ++++++++++---
 people/18244.html | 13 ++++++++++---
 people/18245.html | 13 ++++++++++---
 people/18246.html | 13 ++++++++++---
 people/18247.html | 13 ++++++++++---
 people/18248.html | 13 ++++++++++---
 people/18249.html | 13 ++++++++++---
 people/1825.html  | 13 ++++++++++---
 people/18250.html | 13 ++++++++++---
 people/18251.html | 13 ++++++++++---
 people/18252.html | 13 ++++++++++---
 people/18253.html | 13 ++++++++++---
 people/18254.html | 13 ++++++++++---
 people/18255.html | 13 ++++++++++---
 people/18256.html | 13 ++++++++++---
 people/18257.html | 13 ++++++++++---
 people/18258.html | 13 ++++++++++---
 people/18259.html | 13 ++++++++++---
 people/1826.html  | 13 ++++++++++---
 people/18260.html | 13 ++++++++++---
 people/18261.html | 13 ++++++++++---
 people/18262.html | 13 ++++++++++---
 people/18263.html | 13 ++++++++++---
 people/18264.html | 13 ++++++++++---
 people/18265.html | 13 ++++++++++---
 people/18266.html | 13 ++++++++++---
 people/18267.html | 13 ++++++++++---
 people/18268.html | 13 ++++++++++---
 people/18269.html | 13 ++++++++++---
 people/1827.html  | 13 ++++++++++---
 people/18270.html | 13 ++++++++++---
 people/18271.html | 13 ++++++++++---
 people/18272.html | 13 ++++++++++---
 people/18273.html | 13 ++++++++++---
 people/18274.html | 13 ++++++++++---
 people/18275.html | 13 ++++++++++---
 people/18276.html | 13 ++++++++++---
 people/18277.html | 13 ++++++++++---
 people/18278.html | 13 ++++++++++---
 people/18279.html | 13 ++++++++++---
 people/1828.html  | 13 ++++++++++---
 people/18280.html | 13 ++++++++++---
 people/18281.html | 13 ++++++++++---
 people/18282.html | 13 ++++++++++---
 people/18283.html | 13 ++++++++++---
 people/18284.html | 13 ++++++++++---
 people/18285.html | 13 ++++++++++---
 people/18286.html | 13 ++++++++++---
 people/18287.html | 13 ++++++++++---
 people/18288.html | 13 ++++++++++---
 people/18289.html | 13 ++++++++++---
 people/1829.html  | 13 ++++++++++---
 people/18290.html | 13 ++++++++++---
 people/18291.html | 13 ++++++++++---
 people/18292.html | 13 ++++++++++---
 people/18293.html | 13 ++++++++++---
 people/18294.html | 13 ++++++++++---
 people/18295.html | 13 ++++++++++---
 people/18296.html | 13 ++++++++++---
 people/18297.html | 13 ++++++++++---
 people/18298.html | 13 ++++++++++---
 people/18299.html | 13 ++++++++++---
 people/183.html   | 13 ++++++++++---
 people/1830.html  | 13 ++++++++++---
 people/18300.html | 13 ++++++++++---
 people/18301.html | 13 ++++++++++---
 people/18302.html | 13 ++++++++++---
 people/18303.html | 13 ++++++++++---
 people/18304.html | 13 ++++++++++---
 people/18305.html | 13 ++++++++++---
 people/18306.html | 13 ++++++++++---
 people/18307.html | 13 ++++++++++---
 people/18308.html | 13 ++++++++++---
 people/18309.html | 13 ++++++++++---
 people/1831.html  | 13 ++++++++++---
 people/18310.html | 13 ++++++++++---
 people/18311.html | 13 ++++++++++---
 people/18312.html | 13 ++++++++++---
 people/18313.html | 13 ++++++++++---
 people/18314.html | 13 ++++++++++---
 people/18315.html | 13 ++++++++++---
 people/18316.html | 13 ++++++++++---
 people/18317.html | 13 ++++++++++---
 people/18318.html | 13 ++++++++++---
 people/18319.html | 13 ++++++++++---
 people/1832.html  | 13 ++++++++++---
 people/18320.html | 13 ++++++++++---
 people/18321.html | 13 ++++++++++---
 people/18322.html | 13 ++++++++++---
 people/18323.html | 13 ++++++++++---
 people/18324.html | 13 ++++++++++---
 people/18325.html | 13 ++++++++++---
 people/18326.html | 13 ++++++++++---
 people/18327.html | 13 ++++++++++---
 people/18328.html | 13 ++++++++++---
 people/18329.html | 13 ++++++++++---
 people/1833.html  | 13 ++++++++++---
 people/18330.html | 13 ++++++++++---
 people/18331.html | 13 ++++++++++---
 people/18332.html | 13 ++++++++++---
 people/18333.html | 13 ++++++++++---
 people/18334.html | 13 ++++++++++---
 people/18335.html | 13 ++++++++++---
 people/18336.html | 13 ++++++++++---
 people/18337.html | 13 ++++++++++---
 people/18338.html | 13 ++++++++++---
 people/18339.html | 13 ++++++++++---
 people/1834.html  | 13 ++++++++++---
 people/18340.html | 13 ++++++++++---
 people/18341.html | 13 ++++++++++---
 people/18342.html | 13 ++++++++++---
 people/18343.html | 13 ++++++++++---
 people/18344.html | 13 ++++++++++---
 people/18345.html | 13 ++++++++++---
 people/18346.html | 13 ++++++++++---
 people/18347.html | 13 ++++++++++---
 people/18348.html | 13 ++++++++++---
 people/18349.html | 13 ++++++++++---
 people/1835.html  | 13 ++++++++++---
 people/18350.html | 13 ++++++++++---
 people/18351.html | 13 ++++++++++---
 people/18352.html | 13 ++++++++++---
 people/18353.html | 13 ++++++++++---
 people/18354.html | 13 ++++++++++---
 people/18355.html | 13 ++++++++++---
 people/18356.html | 13 ++++++++++---
 people/18357.html | 13 ++++++++++---
 people/18358.html | 13 ++++++++++---
 people/18359.html | 13 ++++++++++---
 people/1836.html  | 13 ++++++++++---
 people/18360.html | 13 ++++++++++---
 people/18361.html | 13 ++++++++++---
 people/18362.html | 13 ++++++++++---
 people/18363.html | 13 ++++++++++---
 people/18364.html | 13 ++++++++++---
 people/18365.html | 13 ++++++++++---
 people/18366.html | 13 ++++++++++---
 people/18367.html | 13 ++++++++++---
 people/18368.html | 13 ++++++++++---
 people/18369.html | 13 ++++++++++---
 people/1837.html  | 13 ++++++++++---
 people/18370.html | 13 ++++++++++---
 people/18371.html | 13 ++++++++++---
 people/18372.html | 13 ++++++++++---
 people/18373.html | 13 ++++++++++---
 people/18374.html | 13 ++++++++++---
 people/18375.html | 13 ++++++++++---
 people/18376.html | 13 ++++++++++---
 people/18377.html | 13 ++++++++++---
 people/18378.html | 13 ++++++++++---
 people/18379.html | 13 ++++++++++---
 people/1838.html  | 13 ++++++++++---
 people/18380.html | 13 ++++++++++---
 people/18381.html | 13 ++++++++++---
 people/18382.html | 13 ++++++++++---
 people/18383.html | 13 ++++++++++---
 people/18384.html | 13 ++++++++++---
 people/18385.html | 13 ++++++++++---
 people/18386.html | 13 ++++++++++---
 people/18387.html | 13 ++++++++++---
 people/18388.html | 13 ++++++++++---
 people/18389.html | 13 ++++++++++---
 people/1839.html  | 13 ++++++++++---
 people/18390.html | 13 ++++++++++---
 people/18391.html | 13 ++++++++++---
 people/18392.html | 13 ++++++++++---
 people/18393.html | 13 ++++++++++---
 people/18394.html | 13 ++++++++++---
 people/18395.html | 13 ++++++++++---
 people/18396.html | 13 ++++++++++---
 people/18397.html | 13 ++++++++++---
 people/18398.html | 13 ++++++++++---
 people/18399.html | 13 ++++++++++---
 people/184.html   | 13 ++++++++++---
 people/1840.html  | 13 ++++++++++---
 people/18400.html | 13 ++++++++++---
 people/18401.html | 13 ++++++++++---
 people/18402.html | 13 ++++++++++---
 people/18403.html | 13 ++++++++++---
 people/18404.html | 13 ++++++++++---
 people/18405.html | 13 ++++++++++---
 people/18406.html | 13 ++++++++++---
 people/18407.html | 13 ++++++++++---
 people/18408.html | 13 ++++++++++---
 people/18409.html | 13 ++++++++++---
 people/1841.html  | 13 ++++++++++---
 people/18410.html | 13 ++++++++++---
 people/18411.html | 13 ++++++++++---
 people/18412.html | 13 ++++++++++---
 people/18413.html | 13 ++++++++++---
 people/18414.html | 13 ++++++++++---
 people/18415.html | 13 ++++++++++---
 people/18416.html | 13 ++++++++++---
 people/18417.html | 13 ++++++++++---
 people/18418.html | 13 ++++++++++---
 people/18419.html | 13 ++++++++++---
 people/1842.html  | 13 ++++++++++---
 people/18420.html | 13 ++++++++++---
 people/18421.html | 13 ++++++++++---
 people/18422.html | 13 ++++++++++---
 people/18423.html | 13 ++++++++++---
 people/18424.html | 13 ++++++++++---
 people/18425.html | 13 ++++++++++---
 people/18426.html | 13 ++++++++++---
 people/18427.html | 13 ++++++++++---
 people/18428.html | 13 ++++++++++---
 people/18429.html | 13 ++++++++++---
 people/1843.html  | 13 ++++++++++---
 people/18430.html | 13 ++++++++++---
 people/18431.html | 13 ++++++++++---
 people/18432.html | 13 ++++++++++---
 people/18433.html | 13 ++++++++++---
 people/18434.html | 13 ++++++++++---
 people/18435.html | 13 ++++++++++---
 people/18436.html | 13 ++++++++++---
 people/18437.html | 13 ++++++++++---
 people/18438.html | 13 ++++++++++---
 people/18439.html | 13 ++++++++++---
 people/1844.html  | 13 ++++++++++---
 people/18440.html | 13 ++++++++++---
 people/18441.html | 13 ++++++++++---
 people/18442.html | 13 ++++++++++---
 people/18443.html | 13 ++++++++++---
 people/18444.html | 13 ++++++++++---
 people/18445.html | 13 ++++++++++---
 people/18446.html | 13 ++++++++++---
 people/18447.html | 13 ++++++++++---
 people/18448.html | 13 ++++++++++---
 people/18449.html | 13 ++++++++++---
 people/1845.html  | 13 ++++++++++---
 people/18450.html | 13 ++++++++++---
 people/18451.html | 13 ++++++++++---
 people/18452.html | 13 ++++++++++---
 people/18453.html | 13 ++++++++++---
 people/18454.html | 13 ++++++++++---
 people/18455.html | 13 ++++++++++---
 people/18456.html | 13 ++++++++++---
 people/18457.html | 13 ++++++++++---
 people/18458.html | 13 ++++++++++---
 people/18459.html | 13 ++++++++++---
 people/1846.html  | 13 ++++++++++---
 people/18460.html | 13 ++++++++++---
 people/18461.html | 13 ++++++++++---
 people/18462.html | 13 ++++++++++---
 people/18463.html | 13 ++++++++++---
 people/18464.html | 13 ++++++++++---
 people/18465.html | 13 ++++++++++---
 people/18466.html | 13 ++++++++++---
 people/18467.html | 13 ++++++++++---
 people/18468.html | 13 ++++++++++---
 people/18469.html | 13 ++++++++++---
 people/1847.html  | 13 ++++++++++---
 people/18470.html | 13 ++++++++++---
 people/18471.html | 13 ++++++++++---
 people/18472.html | 13 ++++++++++---
 people/18473.html | 13 ++++++++++---
 people/18474.html | 13 ++++++++++---
 people/18475.html | 13 ++++++++++---
 people/18476.html | 13 ++++++++++---
 people/18477.html | 13 ++++++++++---
 people/18478.html | 13 ++++++++++---
 people/18479.html | 13 ++++++++++---
 people/1848.html  | 13 ++++++++++---
 people/18480.html | 13 ++++++++++---
 people/18481.html | 13 ++++++++++---
 people/18482.html | 13 ++++++++++---
 people/18483.html | 13 ++++++++++---
 people/18484.html | 13 ++++++++++---
 people/18485.html | 13 ++++++++++---
 people/18486.html | 13 ++++++++++---
 people/18487.html | 13 ++++++++++---
 people/18488.html | 13 ++++++++++---
 people/18489.html | 13 ++++++++++---
 people/1849.html  | 13 ++++++++++---
 people/18490.html | 13 ++++++++++---
 people/18491.html | 13 ++++++++++---
 people/18492.html | 13 ++++++++++---
 people/18493.html | 13 ++++++++++---
 people/18494.html | 13 ++++++++++---
 people/18495.html | 13 ++++++++++---
 people/18496.html | 13 ++++++++++---
 people/18497.html | 13 ++++++++++---
 people/18498.html | 13 ++++++++++---
 people/18499.html | 13 ++++++++++---
 people/185.html   | 13 ++++++++++---
 people/1850.html  | 13 ++++++++++---
 people/18500.html | 13 ++++++++++---
 people/18501.html | 13 ++++++++++---
 people/18502.html | 13 ++++++++++---
 people/18503.html | 13 ++++++++++---
 people/18504.html | 13 ++++++++++---
 people/18505.html | 13 ++++++++++---
 people/18506.html | 13 ++++++++++---
 people/18507.html | 13 ++++++++++---
 people/18508.html | 13 ++++++++++---
 people/18509.html | 13 ++++++++++---
 people/1851.html  | 13 ++++++++++---
 people/18510.html | 13 ++++++++++---
 people/18511.html | 13 ++++++++++---
 people/18512.html | 13 ++++++++++---
 people/18513.html | 13 ++++++++++---
 people/18514.html | 13 ++++++++++---
 people/18515.html | 13 ++++++++++---
 people/18516.html | 13 ++++++++++---
 people/18517.html | 13 ++++++++++---
 people/18518.html | 13 ++++++++++---
 people/18519.html | 13 ++++++++++---
 people/1852.html  | 13 ++++++++++---
 people/18520.html | 13 ++++++++++---
 people/18521.html | 13 ++++++++++---
 people/18522.html | 13 ++++++++++---
 people/18523.html | 13 ++++++++++---
 people/18524.html | 13 ++++++++++---
 people/18525.html | 13 ++++++++++---
 people/18526.html | 13 ++++++++++---
 people/18527.html | 13 ++++++++++---
 people/18528.html | 13 ++++++++++---
 people/18529.html | 13 ++++++++++---
 people/1853.html  | 13 ++++++++++---
 people/18530.html | 13 ++++++++++---
 people/18531.html | 13 ++++++++++---
 people/18532.html | 13 ++++++++++---
 people/18533.html | 13 ++++++++++---
 people/18534.html | 13 ++++++++++---
 people/18535.html | 13 ++++++++++---
 people/18536.html | 13 ++++++++++---
 people/18537.html | 13 ++++++++++---
 people/18538.html | 13 ++++++++++---
 people/18539.html | 13 ++++++++++---
 people/1854.html  | 13 ++++++++++---
 people/18540.html | 13 ++++++++++---
 people/18541.html | 13 ++++++++++---
 people/18542.html | 13 ++++++++++---
 people/18543.html | 13 ++++++++++---
 people/18544.html | 13 ++++++++++---
 people/18545.html | 13 ++++++++++---
 people/18546.html | 13 ++++++++++---
 people/18547.html | 13 ++++++++++---
 people/18548.html | 13 ++++++++++---
 people/18549.html | 13 ++++++++++---
 people/1855.html  | 13 ++++++++++---
 people/18550.html | 13 ++++++++++---
 people/18551.html | 13 ++++++++++---
 people/18552.html | 13 ++++++++++---
 people/18553.html | 13 ++++++++++---
 people/18554.html | 13 ++++++++++---
 people/18555.html | 13 ++++++++++---
 people/18556.html | 13 ++++++++++---
 people/18557.html | 13 ++++++++++---
 people/18558.html | 13 ++++++++++---
 people/18559.html | 13 ++++++++++---
 people/1856.html  | 13 ++++++++++---
 people/18560.html | 13 ++++++++++---
 people/18561.html | 13 ++++++++++---
 people/18562.html | 13 ++++++++++---
 people/18563.html | 13 ++++++++++---
 people/18564.html | 13 ++++++++++---
 people/18565.html | 13 ++++++++++---
 people/18566.html | 13 ++++++++++---
 people/18567.html | 13 ++++++++++---
 people/18568.html | 13 ++++++++++---
 people/18569.html | 13 ++++++++++---
 people/18570.html | 13 ++++++++++---
 people/18571.html | 13 ++++++++++---
 people/18572.html | 13 ++++++++++---
 people/18573.html | 13 ++++++++++---
 people/18574.html | 13 ++++++++++---
 people/18575.html | 13 ++++++++++---
 people/18576.html | 13 ++++++++++---
 people/18577.html | 13 ++++++++++---
 people/18578.html | 13 ++++++++++---
 people/18579.html | 13 ++++++++++---
 people/1858.html  | 13 ++++++++++---
 people/18580.html | 13 ++++++++++---
 people/18581.html | 13 ++++++++++---
 people/18582.html | 13 ++++++++++---
 people/18583.html | 13 ++++++++++---
 people/18584.html | 13 ++++++++++---
 people/18585.html | 13 ++++++++++---
 people/18586.html | 13 ++++++++++---
 people/18587.html | 13 ++++++++++---
 people/18588.html | 13 ++++++++++---
 people/18589.html | 13 ++++++++++---
 people/1859.html  | 13 ++++++++++---
 people/18590.html | 13 ++++++++++---
 people/18591.html | 13 ++++++++++---
 people/18592.html | 13 ++++++++++---
 people/18593.html | 13 ++++++++++---
 people/18594.html | 13 ++++++++++---
 people/18595.html | 13 ++++++++++---
 people/18596.html | 13 ++++++++++---
 people/18597.html | 13 ++++++++++---
 people/18598.html | 13 ++++++++++---
 people/18599.html | 13 ++++++++++---
 people/186.html   | 13 ++++++++++---
 people/1860.html  | 13 ++++++++++---
 people/18600.html | 13 ++++++++++---
 people/18601.html | 13 ++++++++++---
 people/18602.html | 13 ++++++++++---
 people/18603.html | 13 ++++++++++---
 people/18604.html | 13 ++++++++++---
 people/18605.html | 13 ++++++++++---
 people/18606.html | 13 ++++++++++---
 people/18607.html | 13 ++++++++++---
 people/18608.html | 13 ++++++++++---
 people/18609.html | 13 ++++++++++---
 people/1861.html  | 13 ++++++++++---
 people/18610.html | 13 ++++++++++---
 people/18611.html | 13 ++++++++++---
 people/18612.html | 13 ++++++++++---
 people/18613.html | 13 ++++++++++---
 people/18614.html | 13 ++++++++++---
 people/18615.html | 13 ++++++++++---
 people/18616.html | 13 ++++++++++---
 people/18617.html | 13 ++++++++++---
 people/18618.html | 13 ++++++++++---
 people/18619.html | 13 ++++++++++---
 people/1862.html  | 13 ++++++++++---
 people/18620.html | 13 ++++++++++---
 people/18621.html | 13 ++++++++++---
 people/18622.html | 13 ++++++++++---
 people/18623.html | 13 ++++++++++---
 people/18624.html | 13 ++++++++++---
 people/18625.html | 13 ++++++++++---
 people/18626.html | 13 ++++++++++---
 people/18627.html | 13 ++++++++++---
 people/18628.html | 13 ++++++++++---
 people/18629.html | 13 ++++++++++---
 people/1863.html  | 13 ++++++++++---
 people/18630.html | 13 ++++++++++---
 people/18631.html | 13 ++++++++++---
 people/18632.html | 13 ++++++++++---
 people/18633.html | 13 ++++++++++---
 people/18634.html | 13 ++++++++++---
 people/18635.html | 13 ++++++++++---
 people/18636.html | 13 ++++++++++---
 people/18637.html | 13 ++++++++++---
 people/18638.html | 13 ++++++++++---
 people/18639.html | 13 ++++++++++---
 people/1864.html  | 13 ++++++++++---
 people/18640.html | 13 ++++++++++---
 people/18641.html | 13 ++++++++++---
 people/18642.html | 13 ++++++++++---
 people/18643.html | 13 ++++++++++---
 people/18644.html | 13 ++++++++++---
 people/18645.html | 13 ++++++++++---
 people/18646.html | 13 ++++++++++---
 people/18647.html | 13 ++++++++++---
 people/18648.html | 13 ++++++++++---
 people/18649.html | 13 ++++++++++---
 people/1865.html  | 13 ++++++++++---
 people/18650.html | 13 ++++++++++---
 people/18651.html | 13 ++++++++++---
 people/18652.html | 13 ++++++++++---
 people/18653.html | 13 ++++++++++---
 people/18654.html | 13 ++++++++++---
 people/18655.html | 13 ++++++++++---
 people/18656.html | 13 ++++++++++---
 people/18657.html | 13 ++++++++++---
 people/18658.html | 13 ++++++++++---
 people/18659.html | 13 ++++++++++---
 people/1866.html  | 13 ++++++++++---
 people/18660.html | 13 ++++++++++---
 people/18661.html | 13 ++++++++++---
 people/18662.html | 13 ++++++++++---
 people/18663.html | 13 ++++++++++---
 people/18664.html | 13 ++++++++++---
 people/18665.html | 13 ++++++++++---
 people/18666.html | 13 ++++++++++---
 people/18667.html | 13 ++++++++++---
 people/18668.html | 13 ++++++++++---
 people/18669.html | 13 ++++++++++---
 people/1867.html  | 13 ++++++++++---
 people/18670.html | 13 ++++++++++---
 people/18671.html | 13 ++++++++++---
 people/18672.html | 13 ++++++++++---
 people/18673.html | 13 ++++++++++---
 people/18674.html | 13 ++++++++++---
 people/18675.html | 13 ++++++++++---
 people/18676.html | 13 ++++++++++---
 people/18677.html | 13 ++++++++++---
 people/18678.html | 13 ++++++++++---
 people/18679.html | 13 ++++++++++---
 people/1868.html  | 13 ++++++++++---
 people/18680.html | 13 ++++++++++---
 people/18681.html | 13 ++++++++++---
 people/18682.html | 13 ++++++++++---
 people/18683.html | 13 ++++++++++---
 people/18684.html | 13 ++++++++++---
 people/18685.html | 13 ++++++++++---
 people/18686.html | 13 ++++++++++---
 people/18687.html | 13 ++++++++++---
 people/18688.html | 13 ++++++++++---
 people/18689.html | 13 ++++++++++---
 people/1869.html  | 13 ++++++++++---
 people/18690.html | 13 ++++++++++---
 people/18691.html | 13 ++++++++++---
 people/18692.html | 13 ++++++++++---
 people/18693.html | 13 ++++++++++---
 people/18694.html | 13 ++++++++++---
 people/18695.html | 13 ++++++++++---
 people/18696.html | 13 ++++++++++---
 people/18697.html | 13 ++++++++++---
 people/18698.html | 13 ++++++++++---
 people/18699.html | 13 ++++++++++---
 people/187.html   | 13 ++++++++++---
 people/1870.html  | 13 ++++++++++---
 people/18700.html | 13 ++++++++++---
 people/18701.html | 13 ++++++++++---
 people/18702.html | 13 ++++++++++---
 people/18703.html | 13 ++++++++++---
 people/18704.html | 13 ++++++++++---
 people/18705.html | 13 ++++++++++---
 people/18706.html | 13 ++++++++++---
 people/18707.html | 13 ++++++++++---
 people/18708.html | 13 ++++++++++---
 people/18709.html | 13 ++++++++++---
 people/1871.html  | 13 ++++++++++---
 people/18710.html | 13 ++++++++++---
 people/18711.html | 13 ++++++++++---
 people/18712.html | 13 ++++++++++---
 people/18713.html | 13 ++++++++++---
 people/18714.html | 13 ++++++++++---
 people/18715.html | 13 ++++++++++---
 people/18716.html | 13 ++++++++++---
 people/18717.html | 13 ++++++++++---
 people/18718.html | 13 ++++++++++---
 people/18719.html | 13 ++++++++++---
 people/1872.html  | 13 ++++++++++---
 people/18720.html | 13 ++++++++++---
 people/18721.html | 13 ++++++++++---
 people/18722.html | 13 ++++++++++---
 people/18723.html | 13 ++++++++++---
 people/18724.html | 13 ++++++++++---
 people/18725.html | 13 ++++++++++---
 people/18726.html | 13 ++++++++++---
 people/18727.html | 13 ++++++++++---
 people/18728.html | 13 ++++++++++---
 people/18729.html | 13 ++++++++++---
 people/1873.html  | 13 ++++++++++---
 people/18730.html | 13 ++++++++++---
 people/18731.html | 13 ++++++++++---
 people/18732.html | 13 ++++++++++---
 people/18733.html | 13 ++++++++++---
 people/18734.html | 13 ++++++++++---
 people/18735.html | 13 ++++++++++---
 people/18736.html | 13 ++++++++++---
 people/18737.html | 13 ++++++++++---
 people/18738.html | 13 ++++++++++---
 people/18739.html | 13 ++++++++++---
 people/1874.html  | 13 ++++++++++---
 people/18740.html | 13 ++++++++++---
 people/18741.html | 13 ++++++++++---
 people/18742.html | 13 ++++++++++---
 people/18743.html | 13 ++++++++++---
 people/18744.html | 13 ++++++++++---
 people/18745.html | 13 ++++++++++---
 people/18746.html | 13 ++++++++++---
 people/18747.html | 13 ++++++++++---
 people/18748.html | 13 ++++++++++---
 people/18749.html | 13 ++++++++++---
 people/1875.html  | 13 ++++++++++---
 people/18750.html | 13 ++++++++++---
 people/18751.html | 13 ++++++++++---
 people/18752.html | 13 ++++++++++---
 people/18753.html | 13 ++++++++++---
 people/18754.html | 13 ++++++++++---
 people/18755.html | 13 ++++++++++---
 people/18756.html | 13 ++++++++++---
 people/18757.html | 13 ++++++++++---
 people/18758.html | 13 ++++++++++---
 people/18759.html | 13 ++++++++++---
 people/1876.html  | 13 ++++++++++---
 people/18760.html | 13 ++++++++++---
 people/18761.html | 13 ++++++++++---
 people/18762.html | 13 ++++++++++---
 people/18763.html | 13 ++++++++++---
 people/18764.html | 13 ++++++++++---
 people/18765.html | 13 ++++++++++---
 people/18766.html | 13 ++++++++++---
 people/18767.html | 13 ++++++++++---
 people/18768.html | 13 ++++++++++---
 people/18769.html | 13 ++++++++++---
 people/1877.html  | 13 ++++++++++---
 people/18770.html | 13 ++++++++++---
 people/18771.html | 13 ++++++++++---
 people/18772.html | 13 ++++++++++---
 people/18773.html | 13 ++++++++++---
 people/18774.html | 13 ++++++++++---
 people/18775.html | 13 ++++++++++---
 people/18776.html | 13 ++++++++++---
 people/18777.html | 13 ++++++++++---
 people/18778.html | 13 ++++++++++---
 people/18779.html | 13 ++++++++++---
 people/1878.html  | 13 ++++++++++---
 people/18780.html | 13 ++++++++++---
 people/18781.html | 13 ++++++++++---
 people/18782.html | 13 ++++++++++---
 people/18783.html | 13 ++++++++++---
 people/18784.html | 13 ++++++++++---
 people/18785.html | 13 ++++++++++---
 people/18786.html | 13 ++++++++++---
 people/18787.html | 13 ++++++++++---
 people/18788.html | 13 ++++++++++---
 people/18789.html | 13 ++++++++++---
 people/1879.html  | 13 ++++++++++---
 people/18790.html | 13 ++++++++++---
 people/18791.html | 13 ++++++++++---
 people/18792.html | 13 ++++++++++---
 people/18793.html | 13 ++++++++++---
 people/18794.html | 13 ++++++++++---
 people/18795.html | 13 ++++++++++---
 people/18796.html | 13 ++++++++++---
 people/18797.html | 13 ++++++++++---
 people/18798.html | 13 ++++++++++---
 people/18799.html | 13 ++++++++++---
 people/188.html   | 13 ++++++++++---
 people/1880.html  | 13 ++++++++++---
 people/18800.html | 13 ++++++++++---
 people/18801.html | 13 ++++++++++---
 people/18802.html | 13 ++++++++++---
 people/18803.html | 13 ++++++++++---
 people/18804.html | 13 ++++++++++---
 people/18805.html | 13 ++++++++++---
 people/18806.html | 13 ++++++++++---
 people/18807.html | 13 ++++++++++---
 people/18808.html | 13 ++++++++++---
 people/18809.html | 13 ++++++++++---
 people/1881.html  | 13 ++++++++++---
 people/18810.html | 13 ++++++++++---
 people/18811.html | 13 ++++++++++---
 people/18812.html | 13 ++++++++++---
 people/18813.html | 13 ++++++++++---
 people/18814.html | 13 ++++++++++---
 people/18815.html | 13 ++++++++++---
 people/18816.html | 13 ++++++++++---
 people/18817.html | 13 ++++++++++---
 people/18818.html | 13 ++++++++++---
 people/18819.html | 13 ++++++++++---
 people/1882.html  | 13 ++++++++++---
 people/18820.html | 13 ++++++++++---
 people/18821.html | 13 ++++++++++---
 people/18822.html | 13 ++++++++++---
 people/18823.html | 13 ++++++++++---
 people/18824.html | 13 ++++++++++---
 people/18825.html | 13 ++++++++++---
 people/18826.html | 13 ++++++++++---
 people/18827.html | 13 ++++++++++---
 people/18828.html | 13 ++++++++++---
 people/18829.html | 13 ++++++++++---
 people/1883.html  | 13 ++++++++++---
 people/18830.html | 13 ++++++++++---
 people/18831.html | 13 ++++++++++---
 people/18832.html | 13 ++++++++++---
 people/18833.html | 13 ++++++++++---
 people/18834.html | 13 ++++++++++---
 people/18835.html | 13 ++++++++++---
 people/18836.html | 13 ++++++++++---
 people/18837.html | 13 ++++++++++---
 people/18838.html | 13 ++++++++++---
 people/18839.html | 13 ++++++++++---
 people/1884.html  | 13 ++++++++++---
 people/18840.html | 13 ++++++++++---
 people/18841.html | 13 ++++++++++---
 people/18842.html | 13 ++++++++++---
 people/18843.html | 13 ++++++++++---
 people/18844.html | 13 ++++++++++---
 people/18845.html | 13 ++++++++++---
 people/18846.html | 13 ++++++++++---
 people/18847.html | 13 ++++++++++---
 people/18848.html | 13 ++++++++++---
 people/18849.html | 13 ++++++++++---
 people/1885.html  | 13 ++++++++++---
 people/18850.html | 13 ++++++++++---
 people/18851.html | 13 ++++++++++---
 people/18852.html | 13 ++++++++++---
 people/18853.html | 13 ++++++++++---
 people/18854.html | 13 ++++++++++---
 people/18855.html | 13 ++++++++++---
 people/18856.html | 13 ++++++++++---
 people/18857.html | 13 ++++++++++---
 people/18858.html | 13 ++++++++++---
 people/18859.html | 13 ++++++++++---
 people/1886.html  | 13 ++++++++++---
 people/18860.html | 13 ++++++++++---
 people/18861.html | 13 ++++++++++---
 people/18862.html | 13 ++++++++++---
 people/18863.html | 13 ++++++++++---
 people/18864.html | 13 ++++++++++---
 people/18865.html | 13 ++++++++++---
 people/18866.html | 13 ++++++++++---
 people/18867.html | 13 ++++++++++---
 people/18868.html | 13 ++++++++++---
 people/18869.html | 13 ++++++++++---
 people/18870.html | 13 ++++++++++---
 people/18871.html | 13 ++++++++++---
 people/18872.html | 13 ++++++++++---
 people/18873.html | 13 ++++++++++---
 people/18874.html | 13 ++++++++++---
 people/18875.html | 13 ++++++++++---
 people/18876.html | 13 ++++++++++---
 people/18877.html | 13 ++++++++++---
 people/18878.html | 13 ++++++++++---
 people/18879.html | 13 ++++++++++---
 people/1888.html  | 13 ++++++++++---
 people/18880.html | 13 ++++++++++---
 people/18881.html | 13 ++++++++++---
 people/18882.html | 13 ++++++++++---
 people/18883.html | 13 ++++++++++---
 people/18884.html | 13 ++++++++++---
 people/18885.html | 13 ++++++++++---
 people/18886.html | 13 ++++++++++---
 people/18887.html | 13 ++++++++++---
 people/18888.html | 13 ++++++++++---
 people/18889.html | 13 ++++++++++---
 people/1889.html  | 13 ++++++++++---
 people/18890.html | 13 ++++++++++---
 people/18891.html | 13 ++++++++++---
 people/18892.html | 13 ++++++++++---
 people/18893.html | 13 ++++++++++---
 people/18894.html | 13 ++++++++++---
 people/18895.html | 13 ++++++++++---
 people/18896.html | 13 ++++++++++---
 people/18897.html | 13 ++++++++++---
 people/18898.html | 13 ++++++++++---
 people/18899.html | 13 ++++++++++---
 people/189.html   | 13 ++++++++++---
 people/1890.html  | 13 ++++++++++---
 people/18900.html | 13 ++++++++++---
 people/18901.html | 13 ++++++++++---
 people/18902.html | 13 ++++++++++---
 people/18903.html | 13 ++++++++++---
 people/18904.html | 13 ++++++++++---
 people/18905.html | 13 ++++++++++---
 people/18906.html | 13 ++++++++++---
 people/18907.html | 13 ++++++++++---
 people/18908.html | 13 ++++++++++---
 people/18909.html | 13 ++++++++++---
 people/1891.html  | 13 ++++++++++---
 people/18910.html | 13 ++++++++++---
 people/18911.html | 13 ++++++++++---
 people/18912.html | 13 ++++++++++---
 people/18913.html | 13 ++++++++++---
 people/18914.html | 13 ++++++++++---
 people/18915.html | 13 ++++++++++---
 people/18916.html | 13 ++++++++++---
 people/18917.html | 13 ++++++++++---
 people/18918.html | 13 ++++++++++---
 people/18919.html | 13 ++++++++++---
 people/1892.html  | 13 ++++++++++---
 people/18920.html | 13 ++++++++++---
 people/18921.html | 13 ++++++++++---
 people/18922.html | 13 ++++++++++---
 people/18923.html | 13 ++++++++++---
 people/18924.html | 13 ++++++++++---
 people/18925.html | 13 ++++++++++---
 people/18926.html | 13 ++++++++++---
 people/18927.html | 13 ++++++++++---
 people/18928.html | 13 ++++++++++---
 people/18929.html | 13 ++++++++++---
 people/1893.html  | 13 ++++++++++---
 people/18930.html | 13 ++++++++++---
 people/18931.html | 13 ++++++++++---
 people/18932.html | 13 ++++++++++---
 people/18933.html | 13 ++++++++++---
 people/18934.html | 13 ++++++++++---
 people/18935.html | 13 ++++++++++---
 people/18936.html | 13 ++++++++++---
 people/18937.html | 13 ++++++++++---
 people/18938.html | 13 ++++++++++---
 people/18939.html | 13 ++++++++++---
 people/1894.html  | 13 ++++++++++---
 people/18940.html | 13 ++++++++++---
 people/18941.html | 13 ++++++++++---
 people/18942.html | 13 ++++++++++---
 people/18943.html | 13 ++++++++++---
 people/18944.html | 13 ++++++++++---
 people/18945.html | 13 ++++++++++---
 people/18946.html | 13 ++++++++++---
 people/18947.html | 13 ++++++++++---
 people/18948.html | 13 ++++++++++---
 people/18949.html | 13 ++++++++++---
 people/1895.html  | 13 ++++++++++---
 people/18950.html | 13 ++++++++++---
 people/18951.html | 13 ++++++++++---
 people/18952.html | 13 ++++++++++---
 people/18953.html | 13 ++++++++++---
 people/18954.html | 13 ++++++++++---
 people/18955.html | 13 ++++++++++---
 people/18956.html | 13 ++++++++++---
 people/18957.html | 13 ++++++++++---
 people/18958.html | 13 ++++++++++---
 people/18959.html | 13 ++++++++++---
 people/1896.html  | 13 ++++++++++---
 people/18960.html | 13 ++++++++++---
 people/18961.html | 13 ++++++++++---
 people/18962.html | 13 ++++++++++---
 people/18963.html | 13 ++++++++++---
 people/18964.html | 13 ++++++++++---
 people/18965.html | 13 ++++++++++---
 people/18966.html | 13 ++++++++++---
 people/18967.html | 13 ++++++++++---
 people/18968.html | 13 ++++++++++---
 people/18969.html | 13 ++++++++++---
 people/1897.html  | 13 ++++++++++---
 people/18970.html | 13 ++++++++++---
 people/18971.html | 13 ++++++++++---
 people/18972.html | 13 ++++++++++---
 people/18973.html | 13 ++++++++++---
 people/18974.html | 13 ++++++++++---
 people/18975.html | 13 ++++++++++---
 people/18976.html | 13 ++++++++++---
 people/18977.html | 13 ++++++++++---
 people/18978.html | 13 ++++++++++---
 people/18979.html | 13 ++++++++++---
 people/1898.html  | 13 ++++++++++---
 people/18980.html | 13 ++++++++++---
 people/18981.html | 13 ++++++++++---
 people/18982.html | 13 ++++++++++---
 people/18983.html | 13 ++++++++++---
 people/18984.html | 13 ++++++++++---
 people/18985.html | 13 ++++++++++---
 people/18986.html | 13 ++++++++++---
 people/18987.html | 13 ++++++++++---
 people/18988.html | 13 ++++++++++---
 people/18989.html | 13 ++++++++++---
 people/1899.html  | 13 ++++++++++---
 people/18990.html | 13 ++++++++++---
 people/18991.html | 13 ++++++++++---
 people/18992.html | 13 ++++++++++---
 people/18993.html | 13 ++++++++++---
 people/18994.html | 13 ++++++++++---
 people/18995.html | 13 ++++++++++---
 people/18996.html | 13 ++++++++++---
 people/18997.html | 13 ++++++++++---
 people/18998.html | 13 ++++++++++---
 people/18999.html | 13 ++++++++++---
 people/19.html    | 13 ++++++++++---
 people/190.html   | 13 ++++++++++---
 people/1900.html  | 13 ++++++++++---
 people/19000.html | 13 ++++++++++---
 people/19001.html | 13 ++++++++++---
 people/19002.html | 13 ++++++++++---
 people/19003.html | 13 ++++++++++---
 people/19004.html | 13 ++++++++++---
 people/19005.html | 13 ++++++++++---
 people/19006.html | 13 ++++++++++---
 people/19007.html | 13 ++++++++++---
 people/19008.html | 13 ++++++++++---
 people/19009.html | 13 ++++++++++---
 people/1901.html  | 13 ++++++++++---
 people/19010.html | 13 ++++++++++---
 people/19011.html | 13 ++++++++++---
 people/19012.html | 13 ++++++++++---
 people/19013.html | 13 ++++++++++---
 people/19014.html | 13 ++++++++++---
 people/19015.html | 13 ++++++++++---
 people/19016.html | 13 ++++++++++---
 people/19017.html | 13 ++++++++++---
 people/19018.html | 13 ++++++++++---
 people/19019.html | 13 ++++++++++---
 people/1902.html  | 13 ++++++++++---
 people/19020.html | 13 ++++++++++---
 people/19021.html | 13 ++++++++++---
 people/19022.html | 13 ++++++++++---
 people/19023.html | 13 ++++++++++---
 people/19024.html | 13 ++++++++++---
 people/19025.html | 13 ++++++++++---
 people/19026.html | 13 ++++++++++---
 people/19027.html | 13 ++++++++++---
 people/19028.html | 13 ++++++++++---
 people/19029.html | 13 ++++++++++---
 people/1903.html  | 13 ++++++++++---
 people/19030.html | 13 ++++++++++---
 people/19031.html | 13 ++++++++++---
 people/19032.html | 13 ++++++++++---
 people/19033.html | 13 ++++++++++---
 people/19034.html | 13 ++++++++++---
 people/19035.html | 13 ++++++++++---
 people/19036.html | 13 ++++++++++---
 people/19037.html | 13 ++++++++++---
 people/19038.html | 13 ++++++++++---
 people/19039.html | 13 ++++++++++---
 people/1904.html  | 13 ++++++++++---
 people/19040.html | 13 ++++++++++---
 people/19041.html | 13 ++++++++++---
 people/19042.html | 13 ++++++++++---
 people/19043.html | 13 ++++++++++---
 people/19044.html | 13 ++++++++++---
 people/19045.html | 13 ++++++++++---
 people/19046.html | 13 ++++++++++---
 people/19047.html | 13 ++++++++++---
 people/19048.html | 13 ++++++++++---
 people/19049.html | 13 ++++++++++---
 people/1905.html  | 13 ++++++++++---
 people/19050.html | 13 ++++++++++---
 people/19051.html | 13 ++++++++++---
 people/19052.html | 13 ++++++++++---
 people/19053.html | 13 ++++++++++---
 people/19054.html | 13 ++++++++++---
 people/19055.html | 13 ++++++++++---
 people/19056.html | 13 ++++++++++---
 people/19057.html | 13 ++++++++++---
 people/19058.html | 13 ++++++++++---
 people/19059.html | 13 ++++++++++---
 people/1906.html  | 13 ++++++++++---
 people/19060.html | 13 ++++++++++---
 people/19061.html | 13 ++++++++++---
 people/19062.html | 13 ++++++++++---
 people/19063.html | 13 ++++++++++---
 people/19064.html | 13 ++++++++++---
 people/19065.html | 13 ++++++++++---
 people/19066.html | 13 ++++++++++---
 people/19067.html | 13 ++++++++++---
 people/19068.html | 13 ++++++++++---
 people/19069.html | 13 ++++++++++---
 people/1907.html  | 13 ++++++++++---
 people/19070.html | 13 ++++++++++---
 people/19071.html | 13 ++++++++++---
 people/19072.html | 13 ++++++++++---
 people/19073.html | 13 ++++++++++---
 people/19074.html | 13 ++++++++++---
 people/19075.html | 13 ++++++++++---
 people/19076.html | 13 ++++++++++---
 people/19077.html | 13 ++++++++++---
 people/19078.html | 13 ++++++++++---
 people/19079.html | 13 ++++++++++---
 people/1908.html  | 13 ++++++++++---
 people/19080.html | 13 ++++++++++---
 people/19081.html | 13 ++++++++++---
 people/19082.html | 13 ++++++++++---
 people/19083.html | 13 ++++++++++---
 people/19084.html | 13 ++++++++++---
 people/19085.html | 13 ++++++++++---
 people/19086.html | 13 ++++++++++---
 people/19087.html | 13 ++++++++++---
 people/19088.html | 13 ++++++++++---
 people/19089.html | 13 ++++++++++---
 people/1909.html  | 13 ++++++++++---
 people/19090.html | 13 ++++++++++---
 people/19091.html | 13 ++++++++++---
 people/19092.html | 13 ++++++++++---
 people/19093.html | 13 ++++++++++---
 people/19094.html | 13 ++++++++++---
 people/19095.html | 13 ++++++++++---
 people/19096.html | 13 ++++++++++---
 people/19097.html | 13 ++++++++++---
 people/19098.html | 13 ++++++++++---
 people/19099.html | 13 ++++++++++---
 people/191.html   | 13 ++++++++++---
 people/1910.html  | 13 ++++++++++---
 people/19100.html | 13 ++++++++++---
 people/19101.html | 13 ++++++++++---
 people/19102.html | 13 ++++++++++---
 people/19103.html | 13 ++++++++++---
 people/19104.html | 13 ++++++++++---
 people/19105.html | 13 ++++++++++---
 people/19106.html | 13 ++++++++++---
 people/19107.html | 13 ++++++++++---
 people/19108.html | 13 ++++++++++---
 people/19109.html | 13 ++++++++++---
 people/1911.html  | 13 ++++++++++---
 people/19110.html | 13 ++++++++++---
 people/19111.html | 13 ++++++++++---
 people/19112.html | 13 ++++++++++---
 people/19113.html | 13 ++++++++++---
 people/19114.html | 13 ++++++++++---
 people/19115.html | 13 ++++++++++---
 people/19116.html | 13 ++++++++++---
 people/19117.html | 13 ++++++++++---
 people/19118.html | 13 ++++++++++---
 people/19119.html | 13 ++++++++++---
 people/1912.html  | 13 ++++++++++---
 people/19120.html | 13 ++++++++++---
 people/19121.html | 13 ++++++++++---
 people/19122.html | 13 ++++++++++---
 people/19123.html | 13 ++++++++++---
 people/19124.html | 13 ++++++++++---
 people/19125.html | 13 ++++++++++---
 people/19126.html | 13 ++++++++++---
 people/19127.html | 13 ++++++++++---
 people/19128.html | 13 ++++++++++---
 people/19129.html | 13 ++++++++++---
 people/1913.html  | 13 ++++++++++---
 people/19130.html | 13 ++++++++++---
 people/19131.html | 13 ++++++++++---
 people/19132.html | 13 ++++++++++---
 people/19133.html | 13 ++++++++++---
 people/19134.html | 13 ++++++++++---
 people/19135.html | 13 ++++++++++---
 people/19136.html | 13 ++++++++++---
 people/19137.html | 13 ++++++++++---
 people/19138.html | 13 ++++++++++---
 people/19139.html | 13 ++++++++++---
 people/1914.html  | 13 ++++++++++---
 people/19140.html | 13 ++++++++++---
 people/19141.html | 13 ++++++++++---
 people/19142.html | 13 ++++++++++---
 people/19143.html | 13 ++++++++++---
 people/19144.html | 13 ++++++++++---
 people/19145.html | 13 ++++++++++---
 people/19146.html | 13 ++++++++++---
 people/19147.html | 13 ++++++++++---
 people/19148.html | 13 ++++++++++---
 people/19149.html | 13 ++++++++++---
 people/1915.html  | 13 ++++++++++---
 people/19150.html | 13 ++++++++++---
 people/19151.html | 13 ++++++++++---
 people/19152.html | 13 ++++++++++---
 people/19153.html | 13 ++++++++++---
 people/19154.html | 13 ++++++++++---
 people/19155.html | 13 ++++++++++---
 people/19156.html | 13 ++++++++++---
 people/19157.html | 13 ++++++++++---
 people/19158.html | 13 ++++++++++---
 people/19159.html | 13 ++++++++++---
 people/1916.html  | 13 ++++++++++---
 people/19160.html | 13 ++++++++++---
 people/19161.html | 13 ++++++++++---
 people/19162.html | 13 ++++++++++---
 people/19163.html | 13 ++++++++++---
 people/19164.html | 13 ++++++++++---
 people/19165.html | 13 ++++++++++---
 people/19166.html | 13 ++++++++++---
 people/19167.html | 13 ++++++++++---
 people/19168.html | 13 ++++++++++---
 people/19169.html | 13 ++++++++++---
 people/1917.html  | 13 ++++++++++---
 people/19170.html | 13 ++++++++++---
 people/19171.html | 13 ++++++++++---
 people/19172.html | 13 ++++++++++---
 people/19173.html | 13 ++++++++++---
 people/19174.html | 13 ++++++++++---
 people/19175.html | 13 ++++++++++---
 people/19176.html | 13 ++++++++++---
 people/19177.html | 13 ++++++++++---
 people/19178.html | 13 ++++++++++---
 people/19179.html | 13 ++++++++++---
 people/1918.html  | 13 ++++++++++---
 people/19180.html | 13 ++++++++++---
 people/19181.html | 13 ++++++++++---
 people/19182.html | 13 ++++++++++---
 people/19183.html | 13 ++++++++++---
 people/19184.html | 13 ++++++++++---
 people/19185.html | 13 ++++++++++---
 people/19186.html | 13 ++++++++++---
 people/19187.html | 13 ++++++++++---
 people/19188.html | 13 ++++++++++---
 people/19189.html | 13 ++++++++++---
 people/1919.html  | 13 ++++++++++---
 people/19190.html | 13 ++++++++++---
 people/19191.html | 13 ++++++++++---
 people/19192.html | 13 ++++++++++---
 people/19193.html | 13 ++++++++++---
 people/19194.html | 13 ++++++++++---
 people/19195.html | 13 ++++++++++---
 people/19196.html | 13 ++++++++++---
 people/19197.html | 13 ++++++++++---
 people/19198.html | 13 ++++++++++---
 people/19199.html | 13 ++++++++++---
 people/192.html   | 13 ++++++++++---
 people/1920.html  | 13 ++++++++++---
 people/19200.html | 13 ++++++++++---
 people/19201.html | 13 ++++++++++---
 people/19202.html | 13 ++++++++++---
 people/19203.html | 13 ++++++++++---
 people/19204.html | 13 ++++++++++---
 people/19205.html | 13 ++++++++++---
 people/19206.html | 13 ++++++++++---
 people/19207.html | 13 ++++++++++---
 people/19208.html | 13 ++++++++++---
 people/19209.html | 13 ++++++++++---
 people/1921.html  | 13 ++++++++++---
 people/19210.html | 13 ++++++++++---
 people/19211.html | 13 ++++++++++---
 people/19212.html | 13 ++++++++++---
 people/19213.html | 13 ++++++++++---
 people/19214.html | 13 ++++++++++---
 people/19215.html | 13 ++++++++++---
 people/19216.html | 13 ++++++++++---
 people/19217.html | 13 ++++++++++---
 people/19218.html | 13 ++++++++++---
 people/19219.html | 13 ++++++++++---
 people/1922.html  | 13 ++++++++++---
 people/19220.html | 13 ++++++++++---
 people/19221.html | 13 ++++++++++---
 people/19222.html | 13 ++++++++++---
 people/19223.html | 13 ++++++++++---
 people/19224.html | 13 ++++++++++---
 people/19225.html | 13 ++++++++++---
 people/19226.html | 13 ++++++++++---
 people/19227.html | 13 ++++++++++---
 people/19228.html | 13 ++++++++++---
 people/19229.html | 13 ++++++++++---
 people/1923.html  | 13 ++++++++++---
 people/19230.html | 13 ++++++++++---
 people/19231.html | 13 ++++++++++---
 people/19232.html | 13 ++++++++++---
 people/19233.html | 13 ++++++++++---
 people/19234.html | 13 ++++++++++---
 people/19235.html | 13 ++++++++++---
 people/19236.html | 13 ++++++++++---
 people/19237.html | 13 ++++++++++---
 people/19238.html | 13 ++++++++++---
 people/19239.html | 13 ++++++++++---
 people/1924.html  | 13 ++++++++++---
 people/19240.html | 13 ++++++++++---
 people/19241.html | 13 ++++++++++---
 people/19242.html | 13 ++++++++++---
 people/19243.html | 13 ++++++++++---
 people/19244.html | 13 ++++++++++---
 people/19245.html | 13 ++++++++++---
 people/19246.html | 13 ++++++++++---
 people/19247.html | 13 ++++++++++---
 people/19248.html | 13 ++++++++++---
 people/19249.html | 13 ++++++++++---
 people/1925.html  | 13 ++++++++++---
 people/19250.html | 13 ++++++++++---
 people/19251.html | 13 ++++++++++---
 people/19252.html | 13 ++++++++++---
 people/19253.html | 13 ++++++++++---
 people/19254.html | 13 ++++++++++---
 people/19255.html | 13 ++++++++++---
 people/19256.html | 13 ++++++++++---
 people/19257.html | 13 ++++++++++---
 people/19258.html | 13 ++++++++++---
 people/19259.html | 13 ++++++++++---
 people/1926.html  | 13 ++++++++++---
 people/19260.html | 13 ++++++++++---
 people/19261.html | 13 ++++++++++---
 people/19262.html | 13 ++++++++++---
 people/19263.html | 13 ++++++++++---
 people/19264.html | 13 ++++++++++---
 people/19265.html | 13 ++++++++++---
 people/19266.html | 13 ++++++++++---
 people/19267.html | 13 ++++++++++---
 people/19268.html | 13 ++++++++++---
 people/19269.html | 13 ++++++++++---
 people/1927.html  | 13 ++++++++++---
 people/19270.html | 13 ++++++++++---
 people/19271.html | 13 ++++++++++---
 people/19272.html | 13 ++++++++++---
 people/19273.html | 13 ++++++++++---
 people/19274.html | 13 ++++++++++---
 people/19275.html | 13 ++++++++++---
 people/19276.html | 13 ++++++++++---
 people/19277.html | 13 ++++++++++---
 people/19278.html | 13 ++++++++++---
 people/19279.html | 13 ++++++++++---
 people/1928.html  | 13 ++++++++++---
 people/19280.html | 13 ++++++++++---
 people/19281.html | 13 ++++++++++---
 people/19282.html | 13 ++++++++++---
 people/19283.html | 13 ++++++++++---
 people/19284.html | 13 ++++++++++---
 people/19285.html | 13 ++++++++++---
 people/19286.html | 13 ++++++++++---
 people/19287.html | 13 ++++++++++---
 people/19288.html | 13 ++++++++++---
 people/19289.html | 13 ++++++++++---
 people/1929.html  | 13 ++++++++++---
 people/19290.html | 13 ++++++++++---
 people/19291.html | 13 ++++++++++---
 people/19292.html | 13 ++++++++++---
 people/19293.html | 13 ++++++++++---
 people/19294.html | 13 ++++++++++---
 people/19295.html | 13 ++++++++++---
 people/19296.html | 13 ++++++++++---
 people/19297.html | 13 ++++++++++---
 people/19298.html | 13 ++++++++++---
 people/19299.html | 13 ++++++++++---
 people/193.html   | 13 ++++++++++---
 people/1930.html  | 13 ++++++++++---
 people/19300.html | 13 ++++++++++---
 people/19301.html | 13 ++++++++++---
 people/19302.html | 13 ++++++++++---
 people/19303.html | 13 ++++++++++---
 people/19304.html | 13 ++++++++++---
 people/19305.html | 13 ++++++++++---
 people/19306.html | 13 ++++++++++---
 people/19307.html | 13 ++++++++++---
 people/19308.html | 13 ++++++++++---
 people/19309.html | 13 ++++++++++---
 people/1931.html  | 13 ++++++++++---
 people/19310.html | 13 ++++++++++---
 people/19311.html | 13 ++++++++++---
 people/19312.html | 13 ++++++++++---
 people/19313.html | 13 ++++++++++---
 people/19314.html | 13 ++++++++++---
 people/19315.html | 13 ++++++++++---
 people/19316.html | 13 ++++++++++---
 people/19317.html | 13 ++++++++++---
 people/19318.html | 13 ++++++++++---
 people/19319.html | 13 ++++++++++---
 people/1932.html  | 13 ++++++++++---
 people/19320.html | 13 ++++++++++---
 people/19321.html | 13 ++++++++++---
 people/19322.html | 13 ++++++++++---
 people/19323.html | 13 ++++++++++---
 people/19324.html | 13 ++++++++++---
 people/19325.html | 13 ++++++++++---
 people/19326.html | 13 ++++++++++---
 people/19327.html | 13 ++++++++++---
 people/19328.html | 13 ++++++++++---
 people/19329.html | 13 ++++++++++---
 people/1933.html  | 13 ++++++++++---
 people/19330.html | 13 ++++++++++---
 people/19331.html | 13 ++++++++++---
 people/19332.html | 13 ++++++++++---
 people/19333.html | 13 ++++++++++---
 people/19334.html | 13 ++++++++++---
 people/19335.html | 13 ++++++++++---
 people/19336.html | 13 ++++++++++---
 people/19337.html | 13 ++++++++++---
 people/19338.html | 13 ++++++++++---
 people/19339.html | 13 ++++++++++---
 people/1934.html  | 13 ++++++++++---
 people/19340.html | 13 ++++++++++---
 people/19341.html | 13 ++++++++++---
 people/19342.html | 13 ++++++++++---
 people/19343.html | 13 ++++++++++---
 people/19344.html | 13 ++++++++++---
 people/19345.html | 13 ++++++++++---
 people/19346.html | 13 ++++++++++---
 people/19347.html | 13 ++++++++++---
 people/19348.html | 13 ++++++++++---
 people/19349.html | 13 ++++++++++---
 people/1935.html  | 13 ++++++++++---
 people/19350.html | 13 ++++++++++---
 people/19351.html | 13 ++++++++++---
 people/19352.html | 13 ++++++++++---
 people/19353.html | 13 ++++++++++---
 people/19354.html | 13 ++++++++++---
 people/19355.html | 13 ++++++++++---
 people/19356.html | 13 ++++++++++---
 people/19357.html | 13 ++++++++++---
 people/19358.html | 13 ++++++++++---
 people/19359.html | 13 ++++++++++---
 people/1936.html  | 13 ++++++++++---
 people/19360.html | 13 ++++++++++---
 people/19361.html | 13 ++++++++++---
 people/19362.html | 13 ++++++++++---
 people/19363.html | 13 ++++++++++---
 people/19364.html | 13 ++++++++++---
 people/19365.html | 13 ++++++++++---
 people/19366.html | 13 ++++++++++---
 people/19367.html | 13 ++++++++++---
 people/19368.html | 13 ++++++++++---
 people/19369.html | 13 ++++++++++---
 people/1937.html  | 13 ++++++++++---
 people/19370.html | 13 ++++++++++---
 people/19371.html | 13 ++++++++++---
 people/19372.html | 13 ++++++++++---
 people/19373.html | 13 ++++++++++---
 people/19374.html | 13 ++++++++++---
 people/19375.html | 13 ++++++++++---
 people/19376.html | 13 ++++++++++---
 people/19377.html | 13 ++++++++++---
 people/19378.html | 13 ++++++++++---
 people/19379.html | 13 ++++++++++---
 people/1938.html  | 13 ++++++++++---
 people/19380.html | 13 ++++++++++---
 people/19381.html | 13 ++++++++++---
 people/19382.html | 13 ++++++++++---
 people/19383.html | 13 ++++++++++---
 people/19384.html | 13 ++++++++++---
 people/19385.html | 13 ++++++++++---
 people/19386.html | 13 ++++++++++---
 people/19387.html | 13 ++++++++++---
 people/19388.html | 13 ++++++++++---
 people/19389.html | 13 ++++++++++---
 people/1939.html  | 13 ++++++++++---
 people/19390.html | 13 ++++++++++---
 people/19391.html | 13 ++++++++++---
 people/19392.html | 13 ++++++++++---
 people/19393.html | 13 ++++++++++---
 people/19394.html | 13 ++++++++++---
 people/19395.html | 13 ++++++++++---
 people/19396.html | 13 ++++++++++---
 people/19397.html | 13 ++++++++++---
 people/19398.html | 13 ++++++++++---
 people/19399.html | 13 ++++++++++---
 people/194.html   | 13 ++++++++++---
 people/1940.html  | 13 ++++++++++---
 people/19400.html | 13 ++++++++++---
 people/19401.html | 13 ++++++++++---
 people/19402.html | 13 ++++++++++---
 people/19403.html | 13 ++++++++++---
 people/19404.html | 13 ++++++++++---
 people/19405.html | 13 ++++++++++---
 people/19406.html | 13 ++++++++++---
 people/19407.html | 13 ++++++++++---
 people/19408.html | 13 ++++++++++---
 people/19409.html | 13 ++++++++++---
 people/1941.html  | 13 ++++++++++---
 people/19410.html | 13 ++++++++++---
 people/19411.html | 13 ++++++++++---
 people/19412.html | 13 ++++++++++---
 people/19413.html | 13 ++++++++++---
 people/19414.html | 13 ++++++++++---
 people/19415.html | 13 ++++++++++---
 people/19416.html | 13 ++++++++++---
 people/19417.html | 13 ++++++++++---
 people/19418.html | 13 ++++++++++---
 people/19419.html | 13 ++++++++++---
 people/1942.html  | 13 ++++++++++---
 people/19420.html | 13 ++++++++++---
 people/19421.html | 13 ++++++++++---
 people/19422.html | 13 ++++++++++---
 people/19423.html | 13 ++++++++++---
 people/19424.html | 13 ++++++++++---
 people/19425.html | 13 ++++++++++---
 people/19426.html | 13 ++++++++++---
 people/19427.html | 13 ++++++++++---
 people/19428.html | 13 ++++++++++---
 people/19429.html | 13 ++++++++++---
 people/1943.html  | 13 ++++++++++---
 people/19430.html | 13 ++++++++++---
 people/19431.html | 13 ++++++++++---
 people/19432.html | 13 ++++++++++---
 people/19433.html | 13 ++++++++++---
 people/19434.html | 13 ++++++++++---
 people/19435.html | 13 ++++++++++---
 people/19436.html | 13 ++++++++++---
 people/19437.html | 13 ++++++++++---
 people/19438.html | 13 ++++++++++---
 people/19439.html | 13 ++++++++++---
 people/1944.html  | 13 ++++++++++---
 people/19440.html | 13 ++++++++++---
 people/19441.html | 13 ++++++++++---
 people/19442.html | 13 ++++++++++---
 people/19443.html | 13 ++++++++++---
 people/19444.html | 13 ++++++++++---
 people/19445.html | 13 ++++++++++---
 people/19446.html | 13 ++++++++++---
 people/19447.html | 13 ++++++++++---
 people/19448.html | 13 ++++++++++---
 people/19449.html | 13 ++++++++++---
 people/1945.html  | 13 ++++++++++---
 people/19450.html | 13 ++++++++++---
 people/19451.html | 13 ++++++++++---
 people/19452.html | 13 ++++++++++---
 people/19453.html | 13 ++++++++++---
 people/19454.html | 13 ++++++++++---
 people/19455.html | 13 ++++++++++---
 people/19456.html | 13 ++++++++++---
 people/19457.html | 13 ++++++++++---
 people/19458.html | 13 ++++++++++---
 people/19459.html | 13 ++++++++++---
 people/1946.html  | 13 ++++++++++---
 people/19460.html | 13 ++++++++++---
 people/19461.html | 13 ++++++++++---
 people/19462.html | 13 ++++++++++---
 people/19463.html | 13 ++++++++++---
 people/19464.html | 13 ++++++++++---
 people/19465.html | 13 ++++++++++---
 people/19466.html | 13 ++++++++++---
 people/19467.html | 13 ++++++++++---
 people/19468.html | 13 ++++++++++---
 people/19469.html | 13 ++++++++++---
 people/1947.html  | 13 ++++++++++---
 people/19470.html | 13 ++++++++++---
 people/19471.html | 13 ++++++++++---
 people/19472.html | 13 ++++++++++---
 people/19473.html | 13 ++++++++++---
 people/19474.html | 13 ++++++++++---
 people/19475.html | 13 ++++++++++---
 people/19476.html | 13 ++++++++++---
 people/19477.html | 13 ++++++++++---
 people/19478.html | 13 ++++++++++---
 people/19479.html | 13 ++++++++++---
 people/1948.html  | 13 ++++++++++---
 people/19480.html | 13 ++++++++++---
 people/19481.html | 13 ++++++++++---
 people/19482.html | 13 ++++++++++---
 people/19483.html | 13 ++++++++++---
 people/19484.html | 13 ++++++++++---
 people/19485.html | 13 ++++++++++---
 people/19486.html | 13 ++++++++++---
 people/19487.html | 13 ++++++++++---
 people/19488.html | 13 ++++++++++---
 people/19489.html | 13 ++++++++++---
 people/1949.html  | 13 ++++++++++---
 people/19490.html | 13 ++++++++++---
 people/19491.html | 13 ++++++++++---
 people/19492.html | 13 ++++++++++---
 people/19493.html | 13 ++++++++++---
 people/19494.html | 13 ++++++++++---
 people/19495.html | 13 ++++++++++---
 people/19496.html | 13 ++++++++++---
 people/19497.html | 13 ++++++++++---
 people/19498.html | 13 ++++++++++---
 people/19499.html | 13 ++++++++++---
 people/195.html   | 13 ++++++++++---
 people/1950.html  | 13 ++++++++++---
 people/19500.html | 13 ++++++++++---
 people/19501.html | 13 ++++++++++---
 people/19502.html | 13 ++++++++++---
 people/19503.html | 13 ++++++++++---
 people/19504.html | 13 ++++++++++---
 people/19505.html | 13 ++++++++++---
 people/19506.html | 13 ++++++++++---
 people/19507.html | 13 ++++++++++---
 people/19508.html | 13 ++++++++++---
 people/19509.html | 13 ++++++++++---
 people/1951.html  | 13 ++++++++++---
 people/19510.html | 13 ++++++++++---
 people/19511.html | 13 ++++++++++---
 people/19512.html | 13 ++++++++++---
 people/19513.html | 13 ++++++++++---
 people/19514.html | 13 ++++++++++---
 people/19515.html | 13 ++++++++++---
 people/19516.html | 13 ++++++++++---
 people/19517.html | 13 ++++++++++---
 people/19518.html | 13 ++++++++++---
 people/19519.html | 13 ++++++++++---
 people/1952.html  | 13 ++++++++++---
 people/19520.html | 13 ++++++++++---
 people/19521.html | 13 ++++++++++---
 people/19522.html | 13 ++++++++++---
 people/19523.html | 13 ++++++++++---
 people/19524.html | 13 ++++++++++---
 people/19525.html | 13 ++++++++++---
 people/19526.html | 13 ++++++++++---
 people/19527.html | 13 ++++++++++---
 people/19528.html | 13 ++++++++++---
 people/19529.html | 13 ++++++++++---
 people/1953.html  | 13 ++++++++++---
 people/19530.html | 13 ++++++++++---
 people/19531.html | 13 ++++++++++---
 people/19532.html | 13 ++++++++++---
 people/19533.html | 13 ++++++++++---
 people/19534.html | 13 ++++++++++---
 people/19535.html | 13 ++++++++++---
 people/19536.html | 13 ++++++++++---
 people/19537.html | 13 ++++++++++---
 people/19538.html | 13 ++++++++++---
 people/19539.html | 13 ++++++++++---
 people/1954.html  | 13 ++++++++++---
 people/19540.html | 13 ++++++++++---
 people/19541.html | 13 ++++++++++---
 people/19542.html | 13 ++++++++++---
 people/19543.html | 13 ++++++++++---
 people/19544.html | 13 ++++++++++---
 people/19545.html | 13 ++++++++++---
 people/19546.html | 13 ++++++++++---
 people/19547.html | 13 ++++++++++---
 people/19548.html | 13 ++++++++++---
 people/19549.html | 13 ++++++++++---
 people/1955.html  | 13 ++++++++++---
 people/19550.html | 13 ++++++++++---
 people/19551.html | 13 ++++++++++---
 people/19552.html | 13 ++++++++++---
 people/19553.html | 13 ++++++++++---
 people/19554.html | 13 ++++++++++---
 people/19555.html | 13 ++++++++++---
 people/19556.html | 13 ++++++++++---
 people/19557.html | 13 ++++++++++---
 people/19558.html | 13 ++++++++++---
 people/19559.html | 13 ++++++++++---
 people/1956.html  | 13 ++++++++++---
 people/19560.html | 13 ++++++++++---
 people/19561.html | 13 ++++++++++---
 people/19562.html | 13 ++++++++++---
 people/19563.html | 13 ++++++++++---
 people/19564.html | 13 ++++++++++---
 people/19565.html | 13 ++++++++++---
 people/19566.html | 13 ++++++++++---
 people/19567.html | 13 ++++++++++---
 people/19568.html | 13 ++++++++++---
 people/19569.html | 13 ++++++++++---
 people/1957.html  | 13 ++++++++++---
 people/19570.html | 13 ++++++++++---
 people/19571.html | 13 ++++++++++---
 people/19572.html | 13 ++++++++++---
 people/19573.html | 13 ++++++++++---
 people/19574.html | 13 ++++++++++---
 people/19575.html | 13 ++++++++++---
 people/19576.html | 13 ++++++++++---
 people/19577.html | 13 ++++++++++---
 people/19578.html | 13 ++++++++++---
 people/19579.html | 13 ++++++++++---
 people/1958.html  | 13 ++++++++++---
 people/19580.html | 13 ++++++++++---
 people/19581.html | 13 ++++++++++---
 people/19582.html | 13 ++++++++++---
 people/19583.html | 13 ++++++++++---
 people/19584.html | 13 ++++++++++---
 people/19585.html | 13 ++++++++++---
 people/19586.html | 13 ++++++++++---
 people/19587.html | 13 ++++++++++---
 people/19588.html | 13 ++++++++++---
 people/19589.html | 13 ++++++++++---
 people/1959.html  | 13 ++++++++++---
 people/19590.html | 13 ++++++++++---
 people/19591.html | 13 ++++++++++---
 people/19592.html | 13 ++++++++++---
 people/19593.html | 13 ++++++++++---
 people/19594.html | 13 ++++++++++---
 people/19595.html | 13 ++++++++++---
 people/19596.html | 13 ++++++++++---
 people/19597.html | 13 ++++++++++---
 people/19598.html | 13 ++++++++++---
 people/19599.html | 13 ++++++++++---
 people/196.html   | 13 ++++++++++---
 people/1960.html  | 13 ++++++++++---
 people/19600.html | 13 ++++++++++---
 people/19601.html | 13 ++++++++++---
 people/19602.html | 13 ++++++++++---
 people/19603.html | 13 ++++++++++---
 people/19604.html | 13 ++++++++++---
 people/19605.html | 13 ++++++++++---
 people/19606.html | 13 ++++++++++---
 people/19607.html | 13 ++++++++++---
 people/19608.html | 13 ++++++++++---
 people/19609.html | 13 ++++++++++---
 people/1961.html  | 13 ++++++++++---
 people/19610.html | 13 ++++++++++---
 people/19611.html | 13 ++++++++++---
 people/19612.html | 13 ++++++++++---
 people/19613.html | 13 ++++++++++---
 people/19614.html | 13 ++++++++++---
 people/19615.html | 13 ++++++++++---
 people/19616.html | 13 ++++++++++---
 people/19617.html | 13 ++++++++++---
 people/19618.html | 13 ++++++++++---
 people/19619.html | 13 ++++++++++---
 people/1962.html  | 13 ++++++++++---
 people/19620.html | 13 ++++++++++---
 people/19621.html | 13 ++++++++++---
 people/19622.html | 13 ++++++++++---
 people/19623.html | 13 ++++++++++---
 people/19624.html | 13 ++++++++++---
 people/19625.html | 13 ++++++++++---
 people/19626.html | 13 ++++++++++---
 people/19627.html | 13 ++++++++++---
 people/19628.html | 13 ++++++++++---
 people/19629.html | 13 ++++++++++---
 people/1963.html  | 13 ++++++++++---
 people/19630.html | 13 ++++++++++---
 people/19631.html | 13 ++++++++++---
 people/19632.html | 13 ++++++++++---
 people/19633.html | 13 ++++++++++---
 people/19634.html | 13 ++++++++++---
 people/19635.html | 13 ++++++++++---
 people/19636.html | 13 ++++++++++---
 people/19637.html | 13 ++++++++++---
 people/19638.html | 13 ++++++++++---
 people/19639.html | 13 ++++++++++---
 people/1964.html  | 13 ++++++++++---
 people/19640.html | 13 ++++++++++---
 people/19641.html | 13 ++++++++++---
 people/19642.html | 13 ++++++++++---
 people/19643.html | 13 ++++++++++---
 people/19644.html | 13 ++++++++++---
 people/19645.html | 13 ++++++++++---
 people/19646.html | 13 ++++++++++---
 people/19647.html | 13 ++++++++++---
 people/19648.html | 13 ++++++++++---
 people/19649.html | 13 ++++++++++---
 people/1965.html  | 13 ++++++++++---
 people/19650.html | 13 ++++++++++---
 people/19651.html | 13 ++++++++++---
 people/19652.html | 13 ++++++++++---
 people/19653.html | 13 ++++++++++---
 people/19654.html | 13 ++++++++++---
 people/19655.html | 13 ++++++++++---
 people/19656.html | 13 ++++++++++---
 people/19657.html | 13 ++++++++++---
 people/19658.html | 13 ++++++++++---
 people/19659.html | 13 ++++++++++---
 people/1966.html  | 13 ++++++++++---
 people/19660.html | 13 ++++++++++---
 people/19661.html | 13 ++++++++++---
 people/19662.html | 13 ++++++++++---
 people/19663.html | 13 ++++++++++---
 people/19664.html | 13 ++++++++++---
 people/19665.html | 13 ++++++++++---
 people/19666.html | 13 ++++++++++---
 people/19667.html | 13 ++++++++++---
 people/19668.html | 13 ++++++++++---
 people/19669.html | 13 ++++++++++---
 people/1967.html  | 13 ++++++++++---
 people/19670.html | 13 ++++++++++---
 people/19671.html | 13 ++++++++++---
 people/19672.html | 13 ++++++++++---
 people/19673.html | 13 ++++++++++---
 people/19674.html | 13 ++++++++++---
 people/19675.html | 13 ++++++++++---
 people/19676.html | 13 ++++++++++---
 people/19677.html | 13 ++++++++++---
 people/19678.html | 13 ++++++++++---
 people/19679.html | 13 ++++++++++---
 people/1968.html  | 13 ++++++++++---
 people/19680.html | 13 ++++++++++---
 people/19681.html | 13 ++++++++++---
 people/19682.html | 13 ++++++++++---
 people/19683.html | 13 ++++++++++---
 people/19684.html | 13 ++++++++++---
 people/19685.html | 13 ++++++++++---
 people/19686.html | 13 ++++++++++---
 people/19687.html | 13 ++++++++++---
 people/19688.html | 13 ++++++++++---
 people/19689.html | 13 ++++++++++---
 people/1969.html  | 13 ++++++++++---
 people/19690.html | 13 ++++++++++---
 people/19691.html | 13 ++++++++++---
 people/19692.html | 13 ++++++++++---
 people/19693.html | 13 ++++++++++---
 people/19694.html | 13 ++++++++++---
 people/19695.html | 13 ++++++++++---
 people/19696.html | 13 ++++++++++---
 people/19697.html | 13 ++++++++++---
 people/19698.html | 13 ++++++++++---
 people/19699.html | 13 ++++++++++---
 people/197.html   | 13 ++++++++++---
 people/1970.html  | 13 ++++++++++---
 people/19700.html | 13 ++++++++++---
 people/19701.html | 13 ++++++++++---
 people/19702.html | 13 ++++++++++---
 people/19703.html | 13 ++++++++++---
 people/19704.html | 13 ++++++++++---
 people/19705.html | 13 ++++++++++---
 people/19706.html | 13 ++++++++++---
 people/19707.html | 13 ++++++++++---
 people/19708.html | 13 ++++++++++---
 people/19709.html | 13 ++++++++++---
 people/1971.html  | 13 ++++++++++---
 people/19710.html | 13 ++++++++++---
 people/19711.html | 13 ++++++++++---
 people/19712.html | 13 ++++++++++---
 people/19713.html | 13 ++++++++++---
 people/19714.html | 13 ++++++++++---
 people/19715.html | 13 ++++++++++---
 people/19716.html | 13 ++++++++++---
 people/19717.html | 13 ++++++++++---
 people/19718.html | 13 ++++++++++---
 people/19719.html | 13 ++++++++++---
 people/1972.html  | 13 ++++++++++---
 people/19720.html | 13 ++++++++++---
 people/19721.html | 13 ++++++++++---
 people/19722.html | 13 ++++++++++---
 people/19723.html | 13 ++++++++++---
 people/19724.html | 13 ++++++++++---
 people/19725.html | 13 ++++++++++---
 people/19726.html | 13 ++++++++++---
 people/19727.html | 13 ++++++++++---
 people/19728.html | 13 ++++++++++---
 people/19729.html | 13 ++++++++++---
 people/1973.html  | 13 ++++++++++---
 people/19730.html | 13 ++++++++++---
 people/19731.html | 13 ++++++++++---
 people/19732.html | 13 ++++++++++---
 people/19733.html | 13 ++++++++++---
 people/19734.html | 13 ++++++++++---
 people/19735.html | 13 ++++++++++---
 people/19736.html | 13 ++++++++++---
 people/19737.html | 13 ++++++++++---
 people/19738.html | 13 ++++++++++---
 people/19739.html | 13 ++++++++++---
 people/1974.html  | 13 ++++++++++---
 people/19740.html | 13 ++++++++++---
 people/19741.html | 13 ++++++++++---
 people/19742.html | 13 ++++++++++---
 people/19743.html | 13 ++++++++++---
 people/19744.html | 13 ++++++++++---
 people/19745.html | 13 ++++++++++---
 people/19746.html | 13 ++++++++++---
 people/19747.html | 13 ++++++++++---
 people/19748.html | 13 ++++++++++---
 people/19749.html | 13 ++++++++++---
 people/1975.html  | 13 ++++++++++---
 people/19750.html | 13 ++++++++++---
 people/19751.html | 13 ++++++++++---
 people/19752.html | 13 ++++++++++---
 people/19753.html | 13 ++++++++++---
 people/19754.html | 13 ++++++++++---
 people/19755.html | 13 ++++++++++---
 people/19756.html | 13 ++++++++++---
 people/19757.html | 13 ++++++++++---
 people/19758.html | 13 ++++++++++---
 people/19759.html | 13 ++++++++++---
 people/1976.html  | 13 ++++++++++---
 people/19760.html | 13 ++++++++++---
 people/19761.html | 13 ++++++++++---
 people/19762.html | 13 ++++++++++---
 people/19763.html | 13 ++++++++++---
 people/19764.html | 13 ++++++++++---
 people/19765.html | 13 ++++++++++---
 people/19766.html | 13 ++++++++++---
 people/19767.html | 13 ++++++++++---
 people/19768.html | 13 ++++++++++---
 people/19769.html | 13 ++++++++++---
 people/1977.html  | 13 ++++++++++---
 people/19770.html | 13 ++++++++++---
 people/19771.html | 13 ++++++++++---
 people/19772.html | 13 ++++++++++---
 people/19773.html | 13 ++++++++++---
 people/19774.html | 13 ++++++++++---
 people/19775.html | 13 ++++++++++---
 people/19776.html | 13 ++++++++++---
 people/19777.html | 13 ++++++++++---
 people/19778.html | 13 ++++++++++---
 people/19779.html | 13 ++++++++++---
 people/1978.html  | 13 ++++++++++---
 people/19780.html | 13 ++++++++++---
 people/19781.html | 13 ++++++++++---
 people/19782.html | 13 ++++++++++---
 people/19783.html | 13 ++++++++++---
 people/19784.html | 13 ++++++++++---
 people/19785.html | 13 ++++++++++---
 people/19786.html | 13 ++++++++++---
 people/19787.html | 13 ++++++++++---
 people/19788.html | 13 ++++++++++---
 people/19789.html | 13 ++++++++++---
 people/1979.html  | 13 ++++++++++---
 people/19790.html | 13 ++++++++++---
 people/19791.html | 13 ++++++++++---
 people/19792.html | 13 ++++++++++---
 people/19793.html | 13 ++++++++++---
 people/19794.html | 13 ++++++++++---
 people/19795.html | 13 ++++++++++---
 people/19796.html | 13 ++++++++++---
 people/19797.html | 13 ++++++++++---
 people/19798.html | 13 ++++++++++---
 people/19799.html | 13 ++++++++++---
 people/198.html   | 13 ++++++++++---
 people/1980.html  | 13 ++++++++++---
 people/19800.html | 13 ++++++++++---
 people/19801.html | 13 ++++++++++---
 people/19802.html | 13 ++++++++++---
 people/19803.html | 13 ++++++++++---
 people/19804.html | 13 ++++++++++---
 people/19805.html | 13 ++++++++++---
 people/19806.html | 13 ++++++++++---
 people/19807.html | 13 ++++++++++---
 people/19808.html | 13 ++++++++++---
 people/19809.html | 13 ++++++++++---
 people/1981.html  | 13 ++++++++++---
 people/19810.html | 13 ++++++++++---
 people/19811.html | 13 ++++++++++---
 people/19812.html | 13 ++++++++++---
 people/19813.html | 13 ++++++++++---
 people/19814.html | 13 ++++++++++---
 people/19815.html | 13 ++++++++++---
 people/19816.html | 13 ++++++++++---
 people/19817.html | 13 ++++++++++---
 people/19818.html | 13 ++++++++++---
 people/19819.html | 13 ++++++++++---
 people/1982.html  | 13 ++++++++++---
 people/19820.html | 13 ++++++++++---
 people/19821.html | 13 ++++++++++---
 people/19822.html | 13 ++++++++++---
 people/19823.html | 13 ++++++++++---
 people/19824.html | 13 ++++++++++---
 people/19825.html | 13 ++++++++++---
 people/19826.html | 13 ++++++++++---
 people/19827.html | 13 ++++++++++---
 people/19828.html | 13 ++++++++++---
 people/19829.html | 13 ++++++++++---
 people/1983.html  | 13 ++++++++++---
 people/19830.html | 13 ++++++++++---
 people/19831.html | 13 ++++++++++---
 people/19832.html | 13 ++++++++++---
 people/19833.html | 13 ++++++++++---
 people/19834.html | 13 ++++++++++---
 people/19835.html | 13 ++++++++++---
 people/19836.html | 13 ++++++++++---
 people/19837.html | 13 ++++++++++---
 people/19838.html | 13 ++++++++++---
 people/19839.html | 13 ++++++++++---
 people/1984.html  | 13 ++++++++++---
 people/19840.html | 13 ++++++++++---
 people/19841.html | 13 ++++++++++---
 people/19842.html | 13 ++++++++++---
 people/19843.html | 13 ++++++++++---
 people/19844.html | 13 ++++++++++---
 people/19845.html | 13 ++++++++++---
 people/19846.html | 13 ++++++++++---
 people/19847.html | 13 ++++++++++---
 people/19848.html | 13 ++++++++++---
 people/19849.html | 13 ++++++++++---
 people/1985.html  | 13 ++++++++++---
 people/19850.html | 13 ++++++++++---
 people/19851.html | 13 ++++++++++---
 people/19852.html | 13 ++++++++++---
 people/19853.html | 13 ++++++++++---
 people/19854.html | 13 ++++++++++---
 people/19855.html | 13 ++++++++++---
 people/19856.html | 13 ++++++++++---
 people/19857.html | 13 ++++++++++---
 people/19858.html | 13 ++++++++++---
 people/19859.html | 13 ++++++++++---
 people/1986.html  | 13 ++++++++++---
 people/19860.html | 13 ++++++++++---
 people/19861.html | 13 ++++++++++---
 people/19862.html | 13 ++++++++++---
 people/19863.html | 13 ++++++++++---
 people/19864.html | 13 ++++++++++---
 people/19865.html | 13 ++++++++++---
 people/19866.html | 13 ++++++++++---
 people/19867.html | 13 ++++++++++---
 people/19868.html | 13 ++++++++++---
 people/19869.html | 13 ++++++++++---
 people/1987.html  | 13 ++++++++++---
 people/19870.html | 13 ++++++++++---
 people/19871.html | 13 ++++++++++---
 people/19872.html | 13 ++++++++++---
 people/19873.html | 13 ++++++++++---
 people/19874.html | 13 ++++++++++---
 people/19875.html | 13 ++++++++++---
 people/19876.html | 13 ++++++++++---
 people/19877.html | 13 ++++++++++---
 people/19878.html | 13 ++++++++++---
 people/19879.html | 13 ++++++++++---
 people/1988.html  | 13 ++++++++++---
 people/19880.html | 13 ++++++++++---
 people/19881.html | 13 ++++++++++---
 people/19882.html | 13 ++++++++++---
 people/19883.html | 13 ++++++++++---
 people/19884.html | 13 ++++++++++---
 people/19885.html | 13 ++++++++++---
 people/19886.html | 13 ++++++++++---
 people/19887.html | 13 ++++++++++---
 people/19888.html | 13 ++++++++++---
 people/19889.html | 13 ++++++++++---
 people/1989.html  | 13 ++++++++++---
 people/19890.html | 13 ++++++++++---
 people/19891.html | 13 ++++++++++---
 people/19892.html | 13 ++++++++++---
 people/19893.html | 13 ++++++++++---
 people/19894.html | 13 ++++++++++---
 people/19895.html | 13 ++++++++++---
 people/19896.html | 13 ++++++++++---
 people/19897.html | 13 ++++++++++---
 people/19898.html | 13 ++++++++++---
 people/19899.html | 13 ++++++++++---
 people/199.html   | 13 ++++++++++---
 people/1990.html  | 13 ++++++++++---
 people/19900.html | 13 ++++++++++---
 people/19901.html | 13 ++++++++++---
 people/19902.html | 13 ++++++++++---
 people/19903.html | 13 ++++++++++---
 people/19904.html | 13 ++++++++++---
 people/19905.html | 13 ++++++++++---
 people/19906.html | 13 ++++++++++---
 people/19907.html | 13 ++++++++++---
 people/19908.html | 13 ++++++++++---
 people/19909.html | 13 ++++++++++---
 people/1991.html  | 13 ++++++++++---
 people/19910.html | 13 ++++++++++---
 people/19911.html | 13 ++++++++++---
 people/19912.html | 13 ++++++++++---
 people/19913.html | 13 ++++++++++---
 people/19914.html | 13 ++++++++++---
 people/19915.html | 13 ++++++++++---
 people/19916.html | 13 ++++++++++---
 people/19917.html | 13 ++++++++++---
 people/19918.html | 13 ++++++++++---
 people/19919.html | 13 ++++++++++---
 people/1992.html  | 13 ++++++++++---
 people/19920.html | 13 ++++++++++---
 people/19921.html | 13 ++++++++++---
 people/19922.html | 13 ++++++++++---
 people/19923.html | 13 ++++++++++---
 people/19924.html | 13 ++++++++++---
 people/19925.html | 13 ++++++++++---
 people/19926.html | 13 ++++++++++---
 people/19927.html | 13 ++++++++++---
 people/19928.html | 13 ++++++++++---
 people/19929.html | 13 ++++++++++---
 people/1993.html  | 13 ++++++++++---
 people/19930.html | 13 ++++++++++---
 people/19931.html | 13 ++++++++++---
 people/19932.html | 13 ++++++++++---
 people/19933.html | 13 ++++++++++---
 people/19934.html | 13 ++++++++++---
 people/19935.html | 13 ++++++++++---
 people/19936.html | 13 ++++++++++---
 people/19937.html | 13 ++++++++++---
 people/19938.html | 13 ++++++++++---
 people/19939.html | 13 ++++++++++---
 people/1994.html  | 13 ++++++++++---
 people/19940.html | 13 ++++++++++---
 people/19941.html | 13 ++++++++++---
 people/19942.html | 13 ++++++++++---
 people/19943.html | 13 ++++++++++---
 people/19944.html | 13 ++++++++++---
 people/19945.html | 13 ++++++++++---
 people/19946.html | 13 ++++++++++---
 people/19947.html | 13 ++++++++++---
 people/19948.html | 13 ++++++++++---
 people/19949.html | 13 ++++++++++---
 people/1995.html  | 13 ++++++++++---
 people/19950.html | 13 ++++++++++---
 people/19951.html | 13 ++++++++++---
 people/19952.html | 13 ++++++++++---
 people/19953.html | 13 ++++++++++---
 people/19954.html | 13 ++++++++++---
 people/19955.html | 13 ++++++++++---
 people/19956.html | 13 ++++++++++---
 people/19957.html | 13 ++++++++++---
 people/19958.html | 13 ++++++++++---
 people/19959.html | 13 ++++++++++---
 people/1996.html  | 13 ++++++++++---
 people/19960.html | 13 ++++++++++---
 people/19961.html | 13 ++++++++++---
 people/19962.html | 13 ++++++++++---
 people/19963.html | 13 ++++++++++---
 people/19964.html | 13 ++++++++++---
 people/19965.html | 13 ++++++++++---
 people/19966.html | 13 ++++++++++---
 people/19967.html | 13 ++++++++++---
 people/19968.html | 13 ++++++++++---
 people/19969.html | 13 ++++++++++---
 people/1997.html  | 13 ++++++++++---
 people/19970.html | 13 ++++++++++---
 people/19971.html | 13 ++++++++++---
 people/19972.html | 13 ++++++++++---
 people/19973.html | 13 ++++++++++---
 people/19974.html | 13 ++++++++++---
 people/19975.html | 13 ++++++++++---
 people/19976.html | 13 ++++++++++---
 people/19977.html | 13 ++++++++++---
 people/19978.html | 13 ++++++++++---
 people/19979.html | 13 ++++++++++---
 people/1998.html  | 13 ++++++++++---
 people/19980.html | 13 ++++++++++---
 people/19981.html | 13 ++++++++++---
 people/19982.html | 13 ++++++++++---
 people/19983.html | 13 ++++++++++---
 people/19984.html | 13 ++++++++++---
 people/19985.html | 13 ++++++++++---
 people/19986.html | 13 ++++++++++---
 people/19987.html | 13 ++++++++++---
 people/19988.html | 13 ++++++++++---
 people/19989.html | 13 ++++++++++---
 people/1999.html  | 13 ++++++++++---
 people/19990.html | 13 ++++++++++---
 people/19991.html | 13 ++++++++++---
 people/19992.html | 13 ++++++++++---
 people/19993.html | 13 ++++++++++---
 people/19994.html | 13 ++++++++++---
 people/19995.html | 13 ++++++++++---
 people/19996.html | 13 ++++++++++---
 people/19997.html | 13 ++++++++++---
 people/19998.html | 13 ++++++++++---
 people/19999.html | 13 ++++++++++---
 people/2.html     | 13 ++++++++++---
 people/20.html    | 13 ++++++++++---
 people/200.html   | 13 ++++++++++---
 people/2000.html  | 13 ++++++++++---
 people/20000.html | 13 ++++++++++---
 people/20001.html | 13 ++++++++++---
 people/20002.html | 13 ++++++++++---
 people/20003.html | 13 ++++++++++---
 people/20004.html | 13 ++++++++++---
 people/20005.html | 13 ++++++++++---
 people/20006.html | 13 ++++++++++---
 people/20007.html | 13 ++++++++++---
 people/20008.html | 13 ++++++++++---
 people/20009.html | 13 ++++++++++---
 people/2001.html  | 13 ++++++++++---
 people/20010.html | 13 ++++++++++---
 people/20011.html | 13 ++++++++++---
 people/20012.html | 13 ++++++++++---
 people/20013.html | 13 ++++++++++---
 people/20014.html | 13 ++++++++++---
 people/20015.html | 13 ++++++++++---
 people/20016.html | 13 ++++++++++---
 people/20017.html | 13 ++++++++++---
 people/20018.html | 13 ++++++++++---
 people/20019.html | 13 ++++++++++---
 people/2002.html  | 13 ++++++++++---
 people/20020.html | 13 ++++++++++---
 people/20021.html | 13 ++++++++++---
 people/20022.html | 13 ++++++++++---
 people/20023.html | 13 ++++++++++---
 people/20024.html | 13 ++++++++++---
 people/20025.html | 13 ++++++++++---
 people/20026.html | 13 ++++++++++---
 people/20027.html | 13 ++++++++++---
 people/20028.html | 13 ++++++++++---
 people/20029.html | 13 ++++++++++---
 people/2003.html  | 13 ++++++++++---
 people/20030.html | 13 ++++++++++---
 people/20031.html | 13 ++++++++++---
 people/20032.html | 13 ++++++++++---
 people/20033.html | 13 ++++++++++---
 people/20034.html | 13 ++++++++++---
 people/20035.html | 13 ++++++++++---
 people/20036.html | 13 ++++++++++---
 people/20037.html | 13 ++++++++++---
 people/20038.html | 13 ++++++++++---
 people/20039.html | 13 ++++++++++---
 people/2004.html  | 13 ++++++++++---
 people/20040.html | 13 ++++++++++---
 people/20041.html | 13 ++++++++++---
 people/20042.html | 13 ++++++++++---
 people/20043.html | 13 ++++++++++---
 people/20044.html | 13 ++++++++++---
 people/20045.html | 13 ++++++++++---
 people/20046.html | 13 ++++++++++---
 people/20047.html | 13 ++++++++++---
 people/20048.html | 13 ++++++++++---
 people/20049.html | 13 ++++++++++---
 people/2005.html  | 13 ++++++++++---
 people/20050.html | 13 ++++++++++---
 people/20051.html | 13 ++++++++++---
 people/20052.html | 13 ++++++++++---
 people/20053.html | 13 ++++++++++---
 people/20054.html | 13 ++++++++++---
 people/20055.html | 13 ++++++++++---
 people/20056.html | 13 ++++++++++---
 people/20057.html | 13 ++++++++++---
 people/20058.html | 13 ++++++++++---
 people/20059.html | 13 ++++++++++---
 people/2006.html  | 13 ++++++++++---
 people/20060.html | 13 ++++++++++---
 people/20061.html | 13 ++++++++++---
 people/20062.html | 13 ++++++++++---
 people/20063.html | 13 ++++++++++---
 people/20064.html | 13 ++++++++++---
 people/20065.html | 13 ++++++++++---
 people/20066.html | 13 ++++++++++---
 people/20067.html | 13 ++++++++++---
 people/20068.html | 13 ++++++++++---
 people/20069.html | 13 ++++++++++---
 people/2007.html  | 13 ++++++++++---
 people/20070.html | 13 ++++++++++---
 people/20071.html | 13 ++++++++++---
 people/20072.html | 13 ++++++++++---
 people/20073.html | 13 ++++++++++---
 people/20074.html | 13 ++++++++++---
 people/20075.html | 13 ++++++++++---
 people/20076.html | 13 ++++++++++---
 people/20077.html | 13 ++++++++++---
 people/20078.html | 13 ++++++++++---
 people/20079.html | 13 ++++++++++---
 people/2008.html  | 13 ++++++++++---
 people/20080.html | 13 ++++++++++---
 people/20081.html | 13 ++++++++++---
 people/20082.html | 13 ++++++++++---
 people/20083.html | 13 ++++++++++---
 people/20084.html | 13 ++++++++++---
 people/20085.html | 13 ++++++++++---
 people/20086.html | 13 ++++++++++---
 people/20087.html | 13 ++++++++++---
 people/20088.html | 13 ++++++++++---
 people/20089.html | 13 ++++++++++---
 people/2009.html  | 13 ++++++++++---
 people/20090.html | 13 ++++++++++---
 people/20091.html | 13 ++++++++++---
 people/20092.html | 13 ++++++++++---
 people/20093.html | 13 ++++++++++---
 people/20094.html | 13 ++++++++++---
 people/20095.html | 13 ++++++++++---
 people/20096.html | 13 ++++++++++---
 people/20097.html | 13 ++++++++++---
 people/20098.html | 13 ++++++++++---
 people/20099.html | 13 ++++++++++---
 people/201.html   | 13 ++++++++++---
 people/2010.html  | 13 ++++++++++---
 people/20100.html | 13 ++++++++++---
 people/20101.html | 13 ++++++++++---
 people/20102.html | 13 ++++++++++---
 people/20103.html | 13 ++++++++++---
 people/20104.html | 13 ++++++++++---
 people/20105.html | 13 ++++++++++---
 people/20106.html | 13 ++++++++++---
 people/20107.html | 13 ++++++++++---
 people/20108.html | 13 ++++++++++---
 people/20109.html | 13 ++++++++++---
 people/2011.html  | 13 ++++++++++---
 people/20110.html | 13 ++++++++++---
 people/20111.html | 13 ++++++++++---
 people/20112.html | 13 ++++++++++---
 people/20113.html | 13 ++++++++++---
 people/20114.html | 13 ++++++++++---
 people/20115.html | 13 ++++++++++---
 people/20116.html | 13 ++++++++++---
 people/20117.html | 13 ++++++++++---
 people/20118.html | 13 ++++++++++---
 people/20119.html | 13 ++++++++++---
 people/2012.html  | 13 ++++++++++---
 people/20120.html | 13 ++++++++++---
 people/20121.html | 13 ++++++++++---
 people/20122.html | 13 ++++++++++---
 people/20123.html | 13 ++++++++++---
 people/20124.html | 13 ++++++++++---
 people/20125.html | 13 ++++++++++---
 people/20126.html | 13 ++++++++++---
 people/20127.html | 13 ++++++++++---
 people/20128.html | 13 ++++++++++---
 people/20129.html | 13 ++++++++++---
 people/2013.html  | 13 ++++++++++---
 people/20130.html | 13 ++++++++++---
 people/20131.html | 13 ++++++++++---
 people/20132.html | 13 ++++++++++---
 people/20133.html | 13 ++++++++++---
 people/20134.html | 13 ++++++++++---
 people/20135.html | 13 ++++++++++---
 people/20136.html | 13 ++++++++++---
 people/20137.html | 13 ++++++++++---
 people/20138.html | 13 ++++++++++---
 people/20139.html | 13 ++++++++++---
 people/2014.html  | 13 ++++++++++---
 people/20140.html | 13 ++++++++++---
 people/20141.html | 13 ++++++++++---
 people/20142.html | 13 ++++++++++---
 people/20143.html | 13 ++++++++++---
 people/20144.html | 13 ++++++++++---
 people/20145.html | 13 ++++++++++---
 people/20146.html | 13 ++++++++++---
 people/20147.html | 13 ++++++++++---
 people/20148.html | 13 ++++++++++---
 people/20149.html | 13 ++++++++++---
 people/2015.html  | 13 ++++++++++---
 people/20150.html | 13 ++++++++++---
 people/20151.html | 13 ++++++++++---
 people/20152.html | 13 ++++++++++---
 people/20153.html | 13 ++++++++++---
 people/20154.html | 13 ++++++++++---
 people/20155.html | 13 ++++++++++---
 people/20156.html | 13 ++++++++++---
 people/20157.html | 13 ++++++++++---
 people/20158.html | 13 ++++++++++---
 people/20159.html | 13 ++++++++++---
 people/2016.html  | 13 ++++++++++---
 people/20160.html | 13 ++++++++++---
 people/20161.html | 13 ++++++++++---
 people/20162.html | 13 ++++++++++---
 people/20163.html | 13 ++++++++++---
 people/20164.html | 13 ++++++++++---
 people/20165.html | 13 ++++++++++---
 people/20166.html | 13 ++++++++++---
 people/20167.html | 13 ++++++++++---
 people/20168.html | 13 ++++++++++---
 people/20169.html | 13 ++++++++++---
 people/2017.html  | 13 ++++++++++---
 people/20170.html | 13 ++++++++++---
 people/20171.html | 13 ++++++++++---
 people/20172.html | 13 ++++++++++---
 people/20173.html | 13 ++++++++++---
 people/20174.html | 13 ++++++++++---
 people/20175.html | 13 ++++++++++---
 people/20176.html | 13 ++++++++++---
 people/20177.html | 13 ++++++++++---
 people/20178.html | 13 ++++++++++---
 people/20179.html | 13 ++++++++++---
 people/2018.html  | 13 ++++++++++---
 people/20180.html | 13 ++++++++++---
 people/20181.html | 13 ++++++++++---
 people/20182.html | 13 ++++++++++---
 people/20183.html | 13 ++++++++++---
 people/20184.html | 13 ++++++++++---
 people/20185.html | 13 ++++++++++---
 people/20186.html | 13 ++++++++++---
 people/20187.html | 13 ++++++++++---
 people/20188.html | 13 ++++++++++---
 people/20189.html | 13 ++++++++++---
 people/2019.html  | 13 ++++++++++---
 people/20190.html | 13 ++++++++++---
 people/20191.html | 13 ++++++++++---
 people/20192.html | 13 ++++++++++---
 people/20193.html | 13 ++++++++++---
 people/20194.html | 13 ++++++++++---
 people/20195.html | 13 ++++++++++---
 people/20196.html | 13 ++++++++++---
 people/20197.html | 13 ++++++++++---
 people/20198.html | 13 ++++++++++---
 people/20199.html | 13 ++++++++++---
 people/202.html   | 13 ++++++++++---
 people/2020.html  | 13 ++++++++++---
 people/20200.html | 13 ++++++++++---
 people/20201.html | 13 ++++++++++---
 people/20202.html | 13 ++++++++++---
 people/20203.html | 13 ++++++++++---
 people/20204.html | 13 ++++++++++---
 people/20205.html | 13 ++++++++++---
 people/20206.html | 13 ++++++++++---
 people/20207.html | 13 ++++++++++---
 people/20208.html | 13 ++++++++++---
 people/20209.html | 13 ++++++++++---
 people/2021.html  | 13 ++++++++++---
 people/20210.html | 13 ++++++++++---
 people/20211.html | 13 ++++++++++---
 people/20212.html | 13 ++++++++++---
 people/20213.html | 13 ++++++++++---
 people/20214.html | 13 ++++++++++---
 people/20215.html | 13 ++++++++++---
 people/20216.html | 13 ++++++++++---
 people/20217.html | 13 ++++++++++---
 people/20218.html | 13 ++++++++++---
 people/20219.html | 13 ++++++++++---
 people/2022.html  | 13 ++++++++++---
 people/20220.html | 13 ++++++++++---
 people/20221.html | 13 ++++++++++---
 people/20222.html | 13 ++++++++++---
 people/20223.html | 13 ++++++++++---
 people/20224.html | 13 ++++++++++---
 people/20225.html | 13 ++++++++++---
 people/20226.html | 13 ++++++++++---
 people/20227.html | 13 ++++++++++---
 people/20228.html | 13 ++++++++++---
 people/20229.html | 13 ++++++++++---
 people/2023.html  | 13 ++++++++++---
 people/20230.html | 13 ++++++++++---
 people/20231.html | 13 ++++++++++---
 people/20232.html | 13 ++++++++++---
 people/20233.html | 13 ++++++++++---
 people/20234.html | 13 ++++++++++---
 people/20235.html | 13 ++++++++++---
 people/20236.html | 13 ++++++++++---
 people/20237.html | 13 ++++++++++---
 people/20238.html | 13 ++++++++++---
 people/20239.html | 13 ++++++++++---
 people/2024.html  | 13 ++++++++++---
 people/20240.html | 13 ++++++++++---
 people/20241.html | 13 ++++++++++---
 people/20242.html | 13 ++++++++++---
 people/20243.html | 13 ++++++++++---
 people/20244.html | 13 ++++++++++---
 people/20245.html | 13 ++++++++++---
 people/20246.html | 13 ++++++++++---
 people/20247.html | 13 ++++++++++---
 people/20248.html | 13 ++++++++++---
 people/20249.html | 13 ++++++++++---
 people/2025.html  | 13 ++++++++++---
 people/20250.html | 13 ++++++++++---
 people/20251.html | 13 ++++++++++---
 people/20252.html | 13 ++++++++++---
 people/20253.html | 13 ++++++++++---
 people/20254.html | 13 ++++++++++---
 people/20255.html | 13 ++++++++++---
 people/20256.html | 13 ++++++++++---
 people/20257.html | 13 ++++++++++---
 people/20258.html | 13 ++++++++++---
 people/20259.html | 13 ++++++++++---
 people/2026.html  | 13 ++++++++++---
 people/20260.html | 13 ++++++++++---
 people/20261.html | 13 ++++++++++---
 people/20262.html | 13 ++++++++++---
 people/20263.html | 13 ++++++++++---
 people/20264.html | 13 ++++++++++---
 people/20265.html | 13 ++++++++++---
 people/20266.html | 13 ++++++++++---
 people/20267.html | 13 ++++++++++---
 people/20268.html | 13 ++++++++++---
 people/20269.html | 13 ++++++++++---
 people/2027.html  | 13 ++++++++++---
 people/20270.html | 13 ++++++++++---
 people/20271.html | 13 ++++++++++---
 people/20272.html | 13 ++++++++++---
 people/20273.html | 13 ++++++++++---
 people/20274.html | 13 ++++++++++---
 people/20275.html | 13 ++++++++++---
 people/20276.html | 13 ++++++++++---
 people/20277.html | 13 ++++++++++---
 people/20278.html | 13 ++++++++++---
 people/20279.html | 13 ++++++++++---
 people/2028.html  | 13 ++++++++++---
 people/20280.html | 13 ++++++++++---
 people/20281.html | 13 ++++++++++---
 people/20282.html | 13 ++++++++++---
 people/20283.html | 13 ++++++++++---
 people/20284.html | 13 ++++++++++---
 people/20285.html | 13 ++++++++++---
 people/20286.html | 13 ++++++++++---
 people/20287.html | 13 ++++++++++---
 people/20288.html | 13 ++++++++++---
 people/20289.html | 13 ++++++++++---
 people/2029.html  | 13 ++++++++++---
 people/20290.html | 13 ++++++++++---
 people/20291.html | 13 ++++++++++---
 people/20292.html | 13 ++++++++++---
 people/20293.html | 13 ++++++++++---
 people/20294.html | 13 ++++++++++---
 people/20295.html | 13 ++++++++++---
 people/20296.html | 13 ++++++++++---
 people/20297.html | 13 ++++++++++---
 people/20298.html | 13 ++++++++++---
 people/20299.html | 13 ++++++++++---
 people/203.html   | 13 ++++++++++---
 people/2030.html  | 13 ++++++++++---
 people/20300.html | 13 ++++++++++---
 people/20301.html | 13 ++++++++++---
 people/20302.html | 13 ++++++++++---
 people/20303.html | 13 ++++++++++---
 people/20304.html | 13 ++++++++++---
 people/20305.html | 13 ++++++++++---
 people/20306.html | 13 ++++++++++---
 people/20307.html | 13 ++++++++++---
 people/20308.html | 13 ++++++++++---
 people/20309.html | 13 ++++++++++---
 people/2031.html  | 13 ++++++++++---
 people/20310.html | 13 ++++++++++---
 people/20311.html | 13 ++++++++++---
 people/20312.html | 13 ++++++++++---
 people/20313.html | 13 ++++++++++---
 people/20314.html | 13 ++++++++++---
 people/20315.html | 13 ++++++++++---
 people/20316.html | 13 ++++++++++---
 people/20317.html | 13 ++++++++++---
 people/20318.html | 13 ++++++++++---
 people/20319.html | 13 ++++++++++---
 people/2032.html  | 13 ++++++++++---
 people/20320.html | 13 ++++++++++---
 people/20321.html | 13 ++++++++++---
 people/20322.html | 13 ++++++++++---
 people/20323.html | 13 ++++++++++---
 people/20324.html | 13 ++++++++++---
 people/20325.html | 13 ++++++++++---
 people/20326.html | 13 ++++++++++---
 people/20327.html | 13 ++++++++++---
 people/20328.html | 13 ++++++++++---
 people/20329.html | 13 ++++++++++---
 people/2033.html  | 13 ++++++++++---
 people/20330.html | 13 ++++++++++---
 people/20331.html | 13 ++++++++++---
 people/20332.html | 13 ++++++++++---
 people/20333.html | 13 ++++++++++---
 people/20334.html | 13 ++++++++++---
 people/20335.html | 13 ++++++++++---
 people/20336.html | 13 ++++++++++---
 people/20337.html | 13 ++++++++++---
 people/20338.html | 13 ++++++++++---
 people/20339.html | 13 ++++++++++---
 people/2034.html  | 13 ++++++++++---
 people/20340.html | 13 ++++++++++---
 people/20341.html | 13 ++++++++++---
 people/20342.html | 13 ++++++++++---
 people/20343.html | 13 ++++++++++---
 people/20344.html | 13 ++++++++++---
 people/20345.html | 13 ++++++++++---
 people/20346.html | 13 ++++++++++---
 people/20347.html | 13 ++++++++++---
 people/20348.html | 13 ++++++++++---
 people/20349.html | 13 ++++++++++---
 people/2035.html  | 13 ++++++++++---
 people/20350.html | 13 ++++++++++---
 people/20351.html | 13 ++++++++++---
 people/20352.html | 13 ++++++++++---
 people/20353.html | 13 ++++++++++---
 people/20354.html | 13 ++++++++++---
 people/20355.html | 13 ++++++++++---
 people/20356.html | 13 ++++++++++---
 people/20357.html | 13 ++++++++++---
 people/20358.html | 13 ++++++++++---
 people/20359.html | 13 ++++++++++---
 people/2036.html  | 13 ++++++++++---
 people/20360.html | 13 ++++++++++---
 people/20361.html | 13 ++++++++++---
 people/20362.html | 13 ++++++++++---
 people/20363.html | 13 ++++++++++---
 people/20364.html | 13 ++++++++++---
 people/20365.html | 13 ++++++++++---
 people/20366.html | 13 ++++++++++---
 people/20367.html | 13 ++++++++++---
 people/20368.html | 13 ++++++++++---
 people/20369.html | 13 ++++++++++---
 people/2037.html  | 13 ++++++++++---
 people/20370.html | 13 ++++++++++---
 people/20371.html | 13 ++++++++++---
 people/20372.html | 13 ++++++++++---
 people/20373.html | 13 ++++++++++---
 people/20374.html | 13 ++++++++++---
 people/20375.html | 13 ++++++++++---
 people/20376.html | 13 ++++++++++---
 people/20377.html | 13 ++++++++++---
 people/20378.html | 13 ++++++++++---
 people/20379.html | 13 ++++++++++---
 people/2038.html  | 13 ++++++++++---
 people/20380.html | 13 ++++++++++---
 people/20381.html | 13 ++++++++++---
 people/20382.html | 13 ++++++++++---
 people/20383.html | 13 ++++++++++---
 people/20384.html | 13 ++++++++++---
 people/20385.html | 13 ++++++++++---
 people/20386.html | 13 ++++++++++---
 people/20387.html | 13 ++++++++++---
 people/20388.html | 13 ++++++++++---
 people/20389.html | 13 ++++++++++---
 people/2039.html  | 13 ++++++++++---
 people/20390.html | 13 ++++++++++---
 people/20391.html | 13 ++++++++++---
 people/20392.html | 13 ++++++++++---
 people/20393.html | 13 ++++++++++---
 people/20394.html | 13 ++++++++++---
 people/20395.html | 13 ++++++++++---
 people/20396.html | 13 ++++++++++---
 people/20397.html | 13 ++++++++++---
 people/20398.html | 13 ++++++++++---
 people/20399.html | 13 ++++++++++---
 people/204.html   | 13 ++++++++++---
 people/2040.html  | 13 ++++++++++---
 people/20400.html | 13 ++++++++++---
 people/20401.html | 13 ++++++++++---
 people/20402.html | 13 ++++++++++---
 people/20403.html | 13 ++++++++++---
 people/20404.html | 13 ++++++++++---
 people/20405.html | 13 ++++++++++---
 people/20406.html | 13 ++++++++++---
 people/20407.html | 13 ++++++++++---
 people/20408.html | 13 ++++++++++---
 people/20409.html | 13 ++++++++++---
 people/2041.html  | 13 ++++++++++---
 people/20410.html | 13 ++++++++++---
 people/20411.html | 13 ++++++++++---
 people/20412.html | 13 ++++++++++---
 people/20413.html | 13 ++++++++++---
 people/20414.html | 13 ++++++++++---
 people/20415.html | 13 ++++++++++---
 people/20416.html | 13 ++++++++++---
 people/20417.html | 13 ++++++++++---
 people/20418.html | 13 ++++++++++---
 people/20419.html | 13 ++++++++++---
 people/2042.html  | 13 ++++++++++---
 people/20420.html | 13 ++++++++++---
 people/20421.html | 13 ++++++++++---
 people/20422.html | 13 ++++++++++---
 people/20423.html | 13 ++++++++++---
 people/20424.html | 13 ++++++++++---
 people/20425.html | 13 ++++++++++---
 people/20426.html | 13 ++++++++++---
 people/20427.html | 13 ++++++++++---
 people/20428.html | 13 ++++++++++---
 people/20429.html | 13 ++++++++++---
 people/2043.html  | 13 ++++++++++---
 people/20430.html | 13 ++++++++++---
 people/20431.html | 13 ++++++++++---
 people/20432.html | 13 ++++++++++---
 people/20433.html | 13 ++++++++++---
 people/20434.html | 13 ++++++++++---
 people/20435.html | 13 ++++++++++---
 people/20436.html | 13 ++++++++++---
 people/20437.html | 13 ++++++++++---
 people/20438.html | 13 ++++++++++---
 people/20439.html | 13 ++++++++++---
 people/2044.html  | 13 ++++++++++---
 people/20440.html | 13 ++++++++++---
 people/20441.html | 13 ++++++++++---
 people/20442.html | 13 ++++++++++---
 people/20443.html | 13 ++++++++++---
 people/20444.html | 13 ++++++++++---
 people/20445.html | 13 ++++++++++---
 people/20446.html | 13 ++++++++++---
 people/20447.html | 13 ++++++++++---
 people/20448.html | 13 ++++++++++---
 people/20449.html | 13 ++++++++++---
 people/2045.html  | 13 ++++++++++---
 people/20450.html | 13 ++++++++++---
 people/20451.html | 13 ++++++++++---
 people/20452.html | 13 ++++++++++---
 people/20453.html | 13 ++++++++++---
 people/20454.html | 13 ++++++++++---
 people/20455.html | 13 ++++++++++---
 people/20456.html | 13 ++++++++++---
 people/20457.html | 13 ++++++++++---
 people/20458.html | 13 ++++++++++---
 people/20459.html | 13 ++++++++++---
 people/2046.html  | 13 ++++++++++---
 people/20460.html | 13 ++++++++++---
 people/20461.html | 13 ++++++++++---
 people/20462.html | 13 ++++++++++---
 people/20463.html | 13 ++++++++++---
 people/20464.html | 13 ++++++++++---
 people/20465.html | 13 ++++++++++---
 people/20466.html | 13 ++++++++++---
 people/20467.html | 13 ++++++++++---
 people/20468.html | 13 ++++++++++---
 people/20469.html | 13 ++++++++++---
 people/2047.html  | 13 ++++++++++---
 people/20470.html | 13 ++++++++++---
 people/20471.html | 13 ++++++++++---
 people/20472.html | 13 ++++++++++---
 people/20473.html | 13 ++++++++++---
 people/20474.html | 13 ++++++++++---
 people/20475.html | 13 ++++++++++---
 people/20476.html | 13 ++++++++++---
 people/20477.html | 13 ++++++++++---
 people/20478.html | 13 ++++++++++---
 people/20479.html | 13 ++++++++++---
 people/2048.html  | 13 ++++++++++---
 people/20480.html | 13 ++++++++++---
 people/20481.html | 13 ++++++++++---
 people/20482.html | 13 ++++++++++---
 people/20483.html | 13 ++++++++++---
 people/20484.html | 13 ++++++++++---
 people/20485.html | 13 ++++++++++---
 people/20486.html | 13 ++++++++++---
 people/20487.html | 13 ++++++++++---
 people/20488.html | 13 ++++++++++---
 people/20489.html | 13 ++++++++++---
 people/2049.html  | 13 ++++++++++---
 people/20490.html | 13 ++++++++++---
 people/20491.html | 13 ++++++++++---
 people/20492.html | 13 ++++++++++---
 people/20493.html | 13 ++++++++++---
 people/20494.html | 13 ++++++++++---
 people/20495.html | 13 ++++++++++---
 people/20496.html | 13 ++++++++++---
 people/20497.html | 13 ++++++++++---
 people/20498.html | 13 ++++++++++---
 people/20499.html | 13 ++++++++++---
 people/205.html   | 13 ++++++++++---
 people/2050.html  | 13 ++++++++++---
 people/20500.html | 13 ++++++++++---
 people/20501.html | 13 ++++++++++---
 people/20502.html | 13 ++++++++++---
 people/20503.html | 13 ++++++++++---
 people/20504.html | 13 ++++++++++---
 people/20505.html | 13 ++++++++++---
 people/20506.html | 13 ++++++++++---
 people/20507.html | 13 ++++++++++---
 people/20508.html | 13 ++++++++++---
 people/20509.html | 13 ++++++++++---
 people/2051.html  | 13 ++++++++++---
 people/20510.html | 13 ++++++++++---
 people/20511.html | 13 ++++++++++---
 people/20512.html | 13 ++++++++++---
 people/20513.html | 13 ++++++++++---
 people/20514.html | 13 ++++++++++---
 people/20515.html | 13 ++++++++++---
 people/20516.html | 13 ++++++++++---
 people/20517.html | 13 ++++++++++---
 people/20518.html | 13 ++++++++++---
 people/20519.html | 13 ++++++++++---
 people/2052.html  | 13 ++++++++++---
 people/20520.html | 13 ++++++++++---
 people/20521.html | 13 ++++++++++---
 people/20522.html | 13 ++++++++++---
 people/20523.html | 13 ++++++++++---
 people/20524.html | 13 ++++++++++---
 people/20525.html | 13 ++++++++++---
 people/20526.html | 13 ++++++++++---
 people/20527.html | 13 ++++++++++---
 people/20528.html | 13 ++++++++++---
 people/20529.html | 13 ++++++++++---
 people/2053.html  | 13 ++++++++++---
 people/20530.html | 13 ++++++++++---
 people/20531.html | 13 ++++++++++---
 people/20532.html | 13 ++++++++++---
 people/20533.html | 13 ++++++++++---
 people/20534.html | 13 ++++++++++---
 people/20535.html | 13 ++++++++++---
 people/20536.html | 13 ++++++++++---
 people/20537.html | 13 ++++++++++---
 people/20538.html | 13 ++++++++++---
 people/20539.html | 13 ++++++++++---
 people/2054.html  | 13 ++++++++++---
 people/20540.html | 13 ++++++++++---
 people/20541.html | 13 ++++++++++---
 people/20542.html | 13 ++++++++++---
 people/20543.html | 13 ++++++++++---
 people/20544.html | 13 ++++++++++---
 people/20545.html | 13 ++++++++++---
 people/20546.html | 13 ++++++++++---
 people/20547.html | 13 ++++++++++---
 people/20548.html | 13 ++++++++++---
 people/20549.html | 13 ++++++++++---
 people/2055.html  | 13 ++++++++++---
 people/20550.html | 13 ++++++++++---
 people/20551.html | 13 ++++++++++---
 people/20552.html | 13 ++++++++++---
 people/20553.html | 13 ++++++++++---
 people/20554.html | 13 ++++++++++---
 people/20555.html | 13 ++++++++++---
 people/20556.html | 13 ++++++++++---
 people/20557.html | 13 ++++++++++---
 people/20558.html | 13 ++++++++++---
 people/20559.html | 13 ++++++++++---
 people/2056.html  | 13 ++++++++++---
 people/20560.html | 13 ++++++++++---
 people/20561.html | 13 ++++++++++---
 people/20562.html | 13 ++++++++++---
 people/20563.html | 13 ++++++++++---
 people/20564.html | 13 ++++++++++---
 people/20565.html | 13 ++++++++++---
 people/20566.html | 13 ++++++++++---
 people/20567.html | 13 ++++++++++---
 people/20568.html | 13 ++++++++++---
 people/20569.html | 13 ++++++++++---
 people/2057.html  | 13 ++++++++++---
 people/20570.html | 13 ++++++++++---
 people/20571.html | 13 ++++++++++---
 people/20572.html | 13 ++++++++++---
 people/20573.html | 13 ++++++++++---
 people/20574.html | 13 ++++++++++---
 people/20575.html | 13 ++++++++++---
 people/20576.html | 13 ++++++++++---
 people/20577.html | 13 ++++++++++---
 people/20578.html | 13 ++++++++++---
 people/20579.html | 13 ++++++++++---
 people/2058.html  | 13 ++++++++++---
 people/20580.html | 13 ++++++++++---
 people/20581.html | 13 ++++++++++---
 people/20582.html | 13 ++++++++++---
 people/20583.html | 13 ++++++++++---
 people/20584.html | 13 ++++++++++---
 people/20585.html | 13 ++++++++++---
 people/20586.html | 13 ++++++++++---
 people/20587.html | 13 ++++++++++---
 people/20588.html | 13 ++++++++++---
 people/20589.html | 13 ++++++++++---
 people/2059.html  | 13 ++++++++++---
 people/20590.html | 13 ++++++++++---
 people/20591.html | 13 ++++++++++---
 people/20592.html | 13 ++++++++++---
 people/20593.html | 13 ++++++++++---
 people/20594.html | 13 ++++++++++---
 people/20595.html | 13 ++++++++++---
 people/20596.html | 13 ++++++++++---
 people/20597.html | 13 ++++++++++---
 people/20598.html | 13 ++++++++++---
 people/20599.html | 13 ++++++++++---
 people/206.html   | 13 ++++++++++---
 people/2060.html  | 13 ++++++++++---
 people/20600.html | 13 ++++++++++---
 people/20601.html | 13 ++++++++++---
 people/20602.html | 13 ++++++++++---
 people/20603.html | 13 ++++++++++---
 people/20604.html | 13 ++++++++++---
 people/20605.html | 13 ++++++++++---
 people/20606.html | 13 ++++++++++---
 people/20607.html | 13 ++++++++++---
 people/20608.html | 13 ++++++++++---
 people/20609.html | 13 ++++++++++---
 people/2061.html  | 13 ++++++++++---
 people/20610.html | 13 ++++++++++---
 people/20611.html | 13 ++++++++++---
 people/20612.html | 13 ++++++++++---
 people/20613.html | 13 ++++++++++---
 people/20614.html | 13 ++++++++++---
 people/20615.html | 13 ++++++++++---
 people/20616.html | 13 ++++++++++---
 people/20617.html | 13 ++++++++++---
 people/20618.html | 13 ++++++++++---
 people/20619.html | 13 ++++++++++---
 people/2062.html  | 13 ++++++++++---
 people/20620.html | 13 ++++++++++---
 people/20621.html | 13 ++++++++++---
 people/20622.html | 13 ++++++++++---
 people/20623.html | 13 ++++++++++---
 people/20624.html | 13 ++++++++++---
 people/20625.html | 13 ++++++++++---
 people/20626.html | 13 ++++++++++---
 people/20627.html | 13 ++++++++++---
 people/20628.html | 13 ++++++++++---
 people/20629.html | 13 ++++++++++---
 people/2063.html  | 13 ++++++++++---
 people/20630.html | 13 ++++++++++---
 people/20631.html | 13 ++++++++++---
 people/20632.html | 13 ++++++++++---
 people/20633.html | 13 ++++++++++---
 people/20634.html | 13 ++++++++++---
 people/20635.html | 13 ++++++++++---
 people/20636.html | 13 ++++++++++---
 people/20637.html | 13 ++++++++++---
 people/20638.html | 13 ++++++++++---
 people/20639.html | 13 ++++++++++---
 people/2064.html  | 13 ++++++++++---
 people/20640.html | 13 ++++++++++---
 people/20641.html | 13 ++++++++++---
 people/20642.html | 13 ++++++++++---
 people/20643.html | 13 ++++++++++---
 people/20644.html | 13 ++++++++++---
 people/20645.html | 13 ++++++++++---
 people/20646.html | 13 ++++++++++---
 people/20647.html | 13 ++++++++++---
 people/20648.html | 13 ++++++++++---
 people/20649.html | 13 ++++++++++---
 people/2065.html  | 13 ++++++++++---
 people/20650.html | 13 ++++++++++---
 people/20651.html | 13 ++++++++++---
 people/20652.html | 13 ++++++++++---
 people/20653.html | 13 ++++++++++---
 people/20654.html | 13 ++++++++++---
 people/20655.html | 13 ++++++++++---
 people/20656.html | 13 ++++++++++---
 people/20657.html | 13 ++++++++++---
 people/20658.html | 13 ++++++++++---
 people/20659.html | 13 ++++++++++---
 people/2066.html  | 13 ++++++++++---
 people/20660.html | 13 ++++++++++---
 people/20661.html | 13 ++++++++++---
 people/20662.html | 13 ++++++++++---
 people/20663.html | 13 ++++++++++---
 people/20664.html | 13 ++++++++++---
 people/20665.html | 13 ++++++++++---
 people/20666.html | 13 ++++++++++---
 people/20667.html | 13 ++++++++++---
 people/20668.html | 13 ++++++++++---
 people/20669.html | 13 ++++++++++---
 people/2067.html  | 13 ++++++++++---
 people/20670.html | 13 ++++++++++---
 people/20671.html | 13 ++++++++++---
 people/20672.html | 13 ++++++++++---
 people/20673.html | 13 ++++++++++---
 people/20674.html | 13 ++++++++++---
 people/20675.html | 13 ++++++++++---
 people/20676.html | 13 ++++++++++---
 people/20677.html | 13 ++++++++++---
 people/20678.html | 13 ++++++++++---
 people/20679.html | 13 ++++++++++---
 people/2068.html  | 13 ++++++++++---
 people/20680.html | 13 ++++++++++---
 people/20681.html | 13 ++++++++++---
 people/20682.html | 13 ++++++++++---
 people/20683.html | 13 ++++++++++---
 people/20684.html | 13 ++++++++++---
 people/20685.html | 13 ++++++++++---
 people/20686.html | 13 ++++++++++---
 people/20687.html | 13 ++++++++++---
 people/20688.html | 13 ++++++++++---
 people/20689.html | 13 ++++++++++---
 people/2069.html  | 13 ++++++++++---
 people/20690.html | 13 ++++++++++---
 people/20691.html | 13 ++++++++++---
 people/20692.html | 13 ++++++++++---
 people/20693.html | 13 ++++++++++---
 people/20694.html | 13 ++++++++++---
 people/20695.html | 13 ++++++++++---
 people/20696.html | 13 ++++++++++---
 people/20697.html | 13 ++++++++++---
 people/20698.html | 13 ++++++++++---
 people/20699.html | 13 ++++++++++---
 people/207.html   | 13 ++++++++++---
 people/2070.html  | 13 ++++++++++---
 people/20700.html | 13 ++++++++++---
 people/20701.html | 13 ++++++++++---
 people/20702.html | 13 ++++++++++---
 people/20703.html | 13 ++++++++++---
 people/20704.html | 13 ++++++++++---
 people/20705.html | 13 ++++++++++---
 people/20706.html | 13 ++++++++++---
 people/20707.html | 13 ++++++++++---
 people/20708.html | 13 ++++++++++---
 people/20709.html | 13 ++++++++++---
 people/2071.html  | 13 ++++++++++---
 people/20710.html | 13 ++++++++++---
 people/20711.html | 13 ++++++++++---
 people/20712.html | 13 ++++++++++---
 people/20713.html | 13 ++++++++++---
 people/20714.html | 13 ++++++++++---
 people/20715.html | 13 ++++++++++---
 people/20716.html | 13 ++++++++++---
 people/20717.html | 13 ++++++++++---
 people/20718.html | 13 ++++++++++---
 people/20719.html | 13 ++++++++++---
 people/2072.html  | 13 ++++++++++---
 people/20720.html | 13 ++++++++++---
 people/20721.html | 13 ++++++++++---
 people/20722.html | 13 ++++++++++---
 people/20723.html | 13 ++++++++++---
 people/20724.html | 13 ++++++++++---
 people/20725.html | 13 ++++++++++---
 people/20726.html | 13 ++++++++++---
 people/20727.html | 13 ++++++++++---
 people/20728.html | 13 ++++++++++---
 people/20729.html | 13 ++++++++++---
 people/2073.html  | 13 ++++++++++---
 people/20730.html | 13 ++++++++++---
 people/20731.html | 13 ++++++++++---
 people/20732.html | 13 ++++++++++---
 people/20733.html | 13 ++++++++++---
 people/20734.html | 13 ++++++++++---
 people/20735.html | 13 ++++++++++---
 people/20736.html | 13 ++++++++++---
 people/20737.html | 13 ++++++++++---
 people/20738.html | 13 ++++++++++---
 people/20739.html | 13 ++++++++++---
 people/2074.html  | 13 ++++++++++---
 people/20740.html | 13 ++++++++++---
 people/20741.html | 13 ++++++++++---
 people/20742.html | 13 ++++++++++---
 people/20743.html | 13 ++++++++++---
 people/20744.html | 13 ++++++++++---
 people/20745.html | 13 ++++++++++---
 people/20746.html | 13 ++++++++++---
 people/20747.html | 13 ++++++++++---
 people/20748.html | 13 ++++++++++---
 people/20749.html | 13 ++++++++++---
 people/2075.html  | 13 ++++++++++---
 people/20750.html | 13 ++++++++++---
 people/20751.html | 13 ++++++++++---
 people/20752.html | 13 ++++++++++---
 people/20753.html | 13 ++++++++++---
 people/20754.html | 13 ++++++++++---
 people/20755.html | 13 ++++++++++---
 people/20756.html | 13 ++++++++++---
 people/20757.html | 13 ++++++++++---
 people/20758.html | 13 ++++++++++---
 people/20759.html | 13 ++++++++++---
 people/2076.html  | 13 ++++++++++---
 people/20760.html | 13 ++++++++++---
 people/20761.html | 13 ++++++++++---
 people/20762.html | 13 ++++++++++---
 people/20763.html | 13 ++++++++++---
 people/20764.html | 13 ++++++++++---
 people/20765.html | 13 ++++++++++---
 people/20766.html | 13 ++++++++++---
 people/20767.html | 13 ++++++++++---
 people/20768.html | 13 ++++++++++---
 people/20769.html | 13 ++++++++++---
 people/2077.html  | 13 ++++++++++---
 people/20770.html | 13 ++++++++++---
 people/20771.html | 13 ++++++++++---
 people/20772.html | 13 ++++++++++---
 people/20773.html | 13 ++++++++++---
 people/20774.html | 13 ++++++++++---
 people/20775.html | 13 ++++++++++---
 people/20776.html | 13 ++++++++++---
 people/20777.html | 13 ++++++++++---
 people/20778.html | 13 ++++++++++---
 people/20779.html | 13 ++++++++++---
 people/2078.html  | 13 ++++++++++---
 people/20780.html | 13 ++++++++++---
 people/20781.html | 13 ++++++++++---
 people/20782.html | 13 ++++++++++---
 people/20783.html | 13 ++++++++++---
 people/20784.html | 13 ++++++++++---
 people/20785.html | 13 ++++++++++---
 people/20786.html | 13 ++++++++++---
 people/20787.html | 13 ++++++++++---
 people/20788.html | 13 ++++++++++---
 people/20789.html | 13 ++++++++++---
 people/2079.html  | 13 ++++++++++---
 people/20790.html | 13 ++++++++++---
 people/20791.html | 13 ++++++++++---
 people/20792.html | 13 ++++++++++---
 people/20793.html | 13 ++++++++++---
 people/20794.html | 13 ++++++++++---
 people/20795.html | 13 ++++++++++---
 people/20796.html | 13 ++++++++++---
 people/20797.html | 13 ++++++++++---
 people/20798.html | 13 ++++++++++---
 people/20799.html | 13 ++++++++++---
 people/208.html   | 13 ++++++++++---
 people/2080.html  | 13 ++++++++++---
 people/20800.html | 13 ++++++++++---
 people/20801.html | 13 ++++++++++---
 people/20802.html | 13 ++++++++++---
 people/20803.html | 13 ++++++++++---
 people/20804.html | 13 ++++++++++---
 people/20805.html | 13 ++++++++++---
 people/20806.html | 13 ++++++++++---
 people/20807.html | 13 ++++++++++---
 people/20808.html | 13 ++++++++++---
 people/20809.html | 13 ++++++++++---
 people/2081.html  | 13 ++++++++++---
 people/20810.html | 13 ++++++++++---
 people/20811.html | 13 ++++++++++---
 people/20812.html | 13 ++++++++++---
 people/20813.html | 13 ++++++++++---
 people/20814.html | 13 ++++++++++---
 people/20815.html | 13 ++++++++++---
 people/20816.html | 13 ++++++++++---
 people/20817.html | 13 ++++++++++---
 people/20818.html | 13 ++++++++++---
 people/20819.html | 13 ++++++++++---
 people/2082.html  | 13 ++++++++++---
 people/20820.html | 13 ++++++++++---
 people/20821.html | 13 ++++++++++---
 people/20822.html | 13 ++++++++++---
 people/20823.html | 13 ++++++++++---
 people/20824.html | 13 ++++++++++---
 people/20825.html | 13 ++++++++++---
 people/20826.html | 13 ++++++++++---
 people/20827.html | 13 ++++++++++---
 people/20828.html | 13 ++++++++++---
 people/20829.html | 13 ++++++++++---
 people/2083.html  | 13 ++++++++++---
 people/20830.html | 13 ++++++++++---
 people/20831.html | 13 ++++++++++---
 people/20832.html | 13 ++++++++++---
 people/20833.html | 13 ++++++++++---
 people/20834.html | 13 ++++++++++---
 people/20835.html | 13 ++++++++++---
 people/20836.html | 13 ++++++++++---
 people/20837.html | 13 ++++++++++---
 people/20838.html | 13 ++++++++++---
 people/20839.html | 13 ++++++++++---
 people/2084.html  | 13 ++++++++++---
 people/20840.html | 13 ++++++++++---
 people/20841.html | 13 ++++++++++---
 people/20842.html | 13 ++++++++++---
 people/20843.html | 13 ++++++++++---
 people/20844.html | 13 ++++++++++---
 people/20845.html | 13 ++++++++++---
 people/20846.html | 13 ++++++++++---
 people/20847.html | 13 ++++++++++---
 people/20848.html | 13 ++++++++++---
 people/20849.html | 13 ++++++++++---
 people/2085.html  | 13 ++++++++++---
 people/20850.html | 13 ++++++++++---
 people/20851.html | 13 ++++++++++---
 people/20852.html | 13 ++++++++++---
 people/20853.html | 13 ++++++++++---
 people/20854.html | 13 ++++++++++---
 people/20855.html | 13 ++++++++++---
 people/20856.html | 13 ++++++++++---
 people/20857.html | 13 ++++++++++---
 people/20858.html | 13 ++++++++++---
 people/20859.html | 13 ++++++++++---
 people/2086.html  | 13 ++++++++++---
 people/20860.html | 13 ++++++++++---
 people/20861.html | 13 ++++++++++---
 people/20862.html | 13 ++++++++++---
 people/20863.html | 13 ++++++++++---
 people/20864.html | 13 ++++++++++---
 people/20865.html | 13 ++++++++++---
 people/20866.html | 13 ++++++++++---
 people/20867.html | 13 ++++++++++---
 people/20868.html | 13 ++++++++++---
 people/20869.html | 13 ++++++++++---
 people/2087.html  | 13 ++++++++++---
 people/20870.html | 13 ++++++++++---
 people/20871.html | 13 ++++++++++---
 people/20872.html | 13 ++++++++++---
 people/20873.html | 13 ++++++++++---
 people/20874.html | 13 ++++++++++---
 people/20875.html | 13 ++++++++++---
 people/20876.html | 13 ++++++++++---
 people/20877.html | 13 ++++++++++---
 people/20878.html | 13 ++++++++++---
 people/20879.html | 13 ++++++++++---
 people/2088.html  | 13 ++++++++++---
 people/20880.html | 13 ++++++++++---
 people/20881.html | 13 ++++++++++---
 people/20882.html | 13 ++++++++++---
 people/20883.html | 13 ++++++++++---
 people/20884.html | 13 ++++++++++---
 people/20885.html | 13 ++++++++++---
 people/20886.html | 13 ++++++++++---
 people/20887.html | 13 ++++++++++---
 people/20888.html | 13 ++++++++++---
 people/20889.html | 13 ++++++++++---
 people/20890.html | 13 ++++++++++---
 people/20891.html | 13 ++++++++++---
 people/20892.html | 13 ++++++++++---
 people/20893.html | 13 ++++++++++---
 people/20894.html | 13 ++++++++++---
 people/20895.html | 13 ++++++++++---
 people/20896.html | 13 ++++++++++---
 people/20897.html | 13 ++++++++++---
 people/20898.html | 13 ++++++++++---
 people/20899.html | 13 ++++++++++---
 people/209.html   | 13 ++++++++++---
 people/2090.html  | 13 ++++++++++---
 people/20900.html | 13 ++++++++++---
 people/20901.html | 13 ++++++++++---
 people/20902.html | 13 ++++++++++---
 people/20903.html | 13 ++++++++++---
 people/20904.html | 13 ++++++++++---
 people/20905.html | 13 ++++++++++---
 people/20906.html | 13 ++++++++++---
 people/20907.html | 13 ++++++++++---
 people/20908.html | 13 ++++++++++---
 people/20909.html | 13 ++++++++++---
 people/2091.html  | 13 ++++++++++---
 people/20910.html | 13 ++++++++++---
 people/20911.html | 13 ++++++++++---
 people/20912.html | 13 ++++++++++---
 people/20913.html | 13 ++++++++++---
 people/20914.html | 13 ++++++++++---
 people/20915.html | 13 ++++++++++---
 people/20916.html | 13 ++++++++++---
 people/20917.html | 13 ++++++++++---
 people/20918.html | 13 ++++++++++---
 people/20919.html | 13 ++++++++++---
 people/2092.html  | 13 ++++++++++---
 people/20920.html | 13 ++++++++++---
 people/20921.html | 13 ++++++++++---
 people/20922.html | 13 ++++++++++---
 people/20923.html | 13 ++++++++++---
 people/20924.html | 13 ++++++++++---
 people/20925.html | 13 ++++++++++---
 people/20926.html | 13 ++++++++++---
 people/20927.html | 13 ++++++++++---
 people/20928.html | 13 ++++++++++---
 people/20929.html | 13 ++++++++++---
 people/2093.html  | 13 ++++++++++---
 people/20930.html | 13 ++++++++++---
 people/20931.html | 13 ++++++++++---
 people/20932.html | 13 ++++++++++---
 people/20933.html | 13 ++++++++++---
 people/20934.html | 13 ++++++++++---
 people/20935.html | 13 ++++++++++---
 people/20936.html | 13 ++++++++++---
 people/20937.html | 13 ++++++++++---
 people/20938.html | 13 ++++++++++---
 people/20939.html | 13 ++++++++++---
 people/2094.html  | 13 ++++++++++---
 people/20940.html | 13 ++++++++++---
 people/20941.html | 13 ++++++++++---
 people/20942.html | 13 ++++++++++---
 people/20943.html | 13 ++++++++++---
 people/20944.html | 13 ++++++++++---
 people/20945.html | 13 ++++++++++---
 people/20946.html | 13 ++++++++++---
 people/20947.html | 13 ++++++++++---
 people/20948.html | 13 ++++++++++---
 people/20949.html | 13 ++++++++++---
 people/2095.html  | 13 ++++++++++---
 people/20950.html | 13 ++++++++++---
 people/20951.html | 13 ++++++++++---
 people/20952.html | 13 ++++++++++---
 people/20953.html | 13 ++++++++++---
 people/20954.html | 13 ++++++++++---
 people/20955.html | 13 ++++++++++---
 people/20956.html | 13 ++++++++++---
 people/20957.html | 13 ++++++++++---
 people/20958.html | 13 ++++++++++---
 people/20959.html | 13 ++++++++++---
 people/2096.html  | 13 ++++++++++---
 people/20960.html | 13 ++++++++++---
 people/20961.html | 13 ++++++++++---
 people/20962.html | 13 ++++++++++---
 people/20963.html | 13 ++++++++++---
 people/20964.html | 13 ++++++++++---
 people/20965.html | 13 ++++++++++---
 people/20966.html | 13 ++++++++++---
 people/20967.html | 13 ++++++++++---
 people/20968.html | 13 ++++++++++---
 people/20969.html | 13 ++++++++++---
 people/2097.html  | 13 ++++++++++---
 people/20970.html | 13 ++++++++++---
 people/20971.html | 13 ++++++++++---
 people/20972.html | 13 ++++++++++---
 people/20973.html | 13 ++++++++++---
 people/20974.html | 13 ++++++++++---
 people/20975.html | 13 ++++++++++---
 people/20976.html | 13 ++++++++++---
 people/20977.html | 13 ++++++++++---
 people/20978.html | 13 ++++++++++---
 people/20979.html | 13 ++++++++++---
 people/2098.html  | 13 ++++++++++---
 people/20980.html | 13 ++++++++++---
 people/20981.html | 13 ++++++++++---
 people/20982.html | 13 ++++++++++---
 people/20983.html | 13 ++++++++++---
 people/20984.html | 13 ++++++++++---
 people/20985.html | 13 ++++++++++---
 people/20986.html | 13 ++++++++++---
 people/20987.html | 13 ++++++++++---
 people/20988.html | 13 ++++++++++---
 people/20989.html | 13 ++++++++++---
 people/2099.html  | 13 ++++++++++---
 people/20990.html | 13 ++++++++++---
 people/20991.html | 13 ++++++++++---
 people/20992.html | 13 ++++++++++---
 people/20993.html | 13 ++++++++++---
 people/20994.html | 13 ++++++++++---
 people/20995.html | 13 ++++++++++---
 people/20996.html | 13 ++++++++++---
 people/20997.html | 13 ++++++++++---
 people/20998.html | 13 ++++++++++---
 people/20999.html | 13 ++++++++++---
 people/21.html    | 13 ++++++++++---
 people/210.html   | 13 ++++++++++---
 people/2100.html  | 13 ++++++++++---
 people/21000.html | 13 ++++++++++---
 people/21001.html | 13 ++++++++++---
 people/21002.html | 13 ++++++++++---
 people/21003.html | 13 ++++++++++---
 people/21004.html | 13 ++++++++++---
 people/21005.html | 13 ++++++++++---
 people/21006.html | 13 ++++++++++---
 people/21007.html | 13 ++++++++++---
 people/21008.html | 13 ++++++++++---
 people/21009.html | 13 ++++++++++---
 people/2101.html  | 13 ++++++++++---
 people/21010.html | 13 ++++++++++---
 people/21011.html | 13 ++++++++++---
 people/21012.html | 13 ++++++++++---
 people/21013.html | 13 ++++++++++---
 people/21014.html | 13 ++++++++++---
 people/21015.html | 13 ++++++++++---
 people/21016.html | 13 ++++++++++---
 people/21017.html | 13 ++++++++++---
 people/21018.html | 13 ++++++++++---
 people/21019.html | 13 ++++++++++---
 people/2102.html  | 13 ++++++++++---
 people/21020.html | 13 ++++++++++---
 people/21021.html | 13 ++++++++++---
 people/21022.html | 13 ++++++++++---
 people/21023.html | 13 ++++++++++---
 people/21024.html | 13 ++++++++++---
 people/21025.html | 13 ++++++++++---
 people/21026.html | 13 ++++++++++---
 people/21027.html | 13 ++++++++++---
 people/21028.html | 13 ++++++++++---
 people/21029.html | 13 ++++++++++---
 people/2103.html  | 13 ++++++++++---
 people/21030.html | 13 ++++++++++---
 people/21031.html | 13 ++++++++++---
 people/21032.html | 13 ++++++++++---
 people/21033.html | 13 ++++++++++---
 people/21034.html | 13 ++++++++++---
 people/21035.html | 13 ++++++++++---
 people/21036.html | 13 ++++++++++---
 people/21037.html | 13 ++++++++++---
 people/21038.html | 13 ++++++++++---
 people/21039.html | 13 ++++++++++---
 people/2104.html  | 13 ++++++++++---
 people/21040.html | 13 ++++++++++---
 people/21041.html | 13 ++++++++++---
 people/21042.html | 13 ++++++++++---
 people/21043.html | 13 ++++++++++---
 people/21044.html | 13 ++++++++++---
 people/21045.html | 13 ++++++++++---
 people/21046.html | 13 ++++++++++---
 people/21047.html | 13 ++++++++++---
 people/21048.html | 13 ++++++++++---
 people/21049.html | 13 ++++++++++---
 people/2105.html  | 13 ++++++++++---
 people/21050.html | 13 ++++++++++---
 people/21051.html | 13 ++++++++++---
 people/21052.html | 13 ++++++++++---
 people/21053.html | 13 ++++++++++---
 people/21054.html | 13 ++++++++++---
 people/21055.html | 13 ++++++++++---
 people/21056.html | 13 ++++++++++---
 people/21057.html | 13 ++++++++++---
 people/21058.html | 13 ++++++++++---
 people/21059.html | 13 ++++++++++---
 people/2106.html  | 13 ++++++++++---
 people/21060.html | 13 ++++++++++---
 people/21061.html | 13 ++++++++++---
 people/21062.html | 13 ++++++++++---
 people/21063.html | 13 ++++++++++---
 people/21064.html | 13 ++++++++++---
 people/21065.html | 13 ++++++++++---
 people/21066.html | 13 ++++++++++---
 people/21067.html | 13 ++++++++++---
 people/21068.html | 13 ++++++++++---
 people/21069.html | 13 ++++++++++---
 people/2107.html  | 13 ++++++++++---
 people/21070.html | 13 ++++++++++---
 people/21071.html | 13 ++++++++++---
 people/21072.html | 13 ++++++++++---
 people/21073.html | 13 ++++++++++---
 people/21074.html | 13 ++++++++++---
 people/21075.html | 13 ++++++++++---
 people/21076.html | 13 ++++++++++---
 people/21077.html | 13 ++++++++++---
 people/21078.html | 13 ++++++++++---
 people/21079.html | 13 ++++++++++---
 people/2108.html  | 13 ++++++++++---
 people/21080.html | 13 ++++++++++---
 people/21081.html | 13 ++++++++++---
 people/21082.html | 13 ++++++++++---
 people/21083.html | 13 ++++++++++---
 people/21084.html | 13 ++++++++++---
 people/21085.html | 13 ++++++++++---
 people/21086.html | 13 ++++++++++---
 people/21087.html | 13 ++++++++++---
 people/21088.html | 13 ++++++++++---
 people/21089.html | 13 ++++++++++---
 people/2109.html  | 13 ++++++++++---
 people/21090.html | 13 ++++++++++---
 people/21091.html | 13 ++++++++++---
 people/21092.html | 13 ++++++++++---
 people/21093.html | 13 ++++++++++---
 people/21094.html | 13 ++++++++++---
 people/21095.html | 13 ++++++++++---
 people/21096.html | 13 ++++++++++---
 people/21097.html | 13 ++++++++++---
 people/21098.html | 13 ++++++++++---
 people/21099.html | 13 ++++++++++---
 people/211.html   | 13 ++++++++++---
 people/2110.html  | 13 ++++++++++---
 people/21100.html | 13 ++++++++++---
 people/21101.html | 13 ++++++++++---
 people/21102.html | 13 ++++++++++---
 people/21103.html | 13 ++++++++++---
 people/21104.html | 13 ++++++++++---
 people/21105.html | 13 ++++++++++---
 people/21106.html | 13 ++++++++++---
 people/21107.html | 13 ++++++++++---
 people/21108.html | 13 ++++++++++---
 people/21109.html | 13 ++++++++++---
 people/2111.html  | 13 ++++++++++---
 people/21110.html | 13 ++++++++++---
 people/21111.html | 13 ++++++++++---
 people/21112.html | 13 ++++++++++---
 people/21113.html | 13 ++++++++++---
 people/21114.html | 13 ++++++++++---
 people/21115.html | 13 ++++++++++---
 people/21116.html | 13 ++++++++++---
 people/21117.html | 13 ++++++++++---
 people/21118.html | 13 ++++++++++---
 people/21119.html | 13 ++++++++++---
 people/2112.html  | 13 ++++++++++---
 people/21120.html | 13 ++++++++++---
 people/21121.html | 13 ++++++++++---
 people/21122.html | 13 ++++++++++---
 people/21123.html | 13 ++++++++++---
 people/21124.html | 13 ++++++++++---
 people/21125.html | 13 ++++++++++---
 people/21126.html | 13 ++++++++++---
 people/21127.html | 13 ++++++++++---
 people/21128.html | 13 ++++++++++---
 people/21129.html | 13 ++++++++++---
 people/2113.html  | 13 ++++++++++---
 people/21130.html | 13 ++++++++++---
 people/21131.html | 13 ++++++++++---
 people/21132.html | 13 ++++++++++---
 people/21133.html | 13 ++++++++++---
 people/21134.html | 13 ++++++++++---
 people/21135.html | 13 ++++++++++---
 people/21136.html | 13 ++++++++++---
 people/21137.html | 13 ++++++++++---
 people/21138.html | 13 ++++++++++---
 people/21139.html | 13 ++++++++++---
 people/2114.html  | 13 ++++++++++---
 people/21140.html | 13 ++++++++++---
 people/21141.html | 13 ++++++++++---
 people/21142.html | 13 ++++++++++---
 people/21143.html | 13 ++++++++++---
 people/21144.html | 13 ++++++++++---
 people/21145.html | 13 ++++++++++---
 people/21146.html | 13 ++++++++++---
 people/21147.html | 13 ++++++++++---
 people/21148.html | 13 ++++++++++---
 people/21149.html | 13 ++++++++++---
 people/2115.html  | 13 ++++++++++---
 people/21150.html | 13 ++++++++++---
 people/21151.html | 13 ++++++++++---
 people/21152.html | 13 ++++++++++---
 people/21153.html | 13 ++++++++++---
 people/21154.html | 13 ++++++++++---
 people/21155.html | 13 ++++++++++---
 people/21156.html | 13 ++++++++++---
 people/21157.html | 13 ++++++++++---
 people/21158.html | 13 ++++++++++---
 people/21159.html | 13 ++++++++++---
 people/2116.html  | 13 ++++++++++---
 people/21160.html | 13 ++++++++++---
 people/21161.html | 13 ++++++++++---
 people/21162.html | 13 ++++++++++---
 people/21163.html | 13 ++++++++++---
 people/21164.html | 13 ++++++++++---
 people/21165.html | 13 ++++++++++---
 people/21166.html | 13 ++++++++++---
 people/21167.html | 13 ++++++++++---
 people/21168.html | 13 ++++++++++---
 people/21169.html | 13 ++++++++++---
 people/2117.html  | 13 ++++++++++---
 people/21170.html | 13 ++++++++++---
 people/21171.html | 13 ++++++++++---
 people/21172.html | 13 ++++++++++---
 people/21173.html | 13 ++++++++++---
 people/21174.html | 13 ++++++++++---
 people/21175.html | 13 ++++++++++---
 people/21176.html | 13 ++++++++++---
 people/21177.html | 13 ++++++++++---
 people/21178.html | 13 ++++++++++---
 people/21179.html | 13 ++++++++++---
 people/2118.html  | 13 ++++++++++---
 people/21180.html | 13 ++++++++++---
 people/21181.html | 13 ++++++++++---
 people/21182.html | 13 ++++++++++---
 people/21183.html | 13 ++++++++++---
 people/21184.html | 13 ++++++++++---
 people/21185.html | 13 ++++++++++---
 people/21186.html | 13 ++++++++++---
 people/21187.html | 13 ++++++++++---
 people/21188.html | 13 ++++++++++---
 people/21189.html | 13 ++++++++++---
 people/2119.html  | 13 ++++++++++---
 people/21190.html | 13 ++++++++++---
 people/21191.html | 13 ++++++++++---
 people/21192.html | 13 ++++++++++---
 people/21193.html | 13 ++++++++++---
 people/21194.html | 13 ++++++++++---
 people/21195.html | 13 ++++++++++---
 people/21196.html | 13 ++++++++++---
 people/21197.html | 13 ++++++++++---
 people/21198.html | 13 ++++++++++---
 people/21199.html | 13 ++++++++++---
 people/212.html   | 13 ++++++++++---
 people/2120.html  | 13 ++++++++++---
 people/21200.html | 13 ++++++++++---
 people/21201.html | 13 ++++++++++---
 people/21202.html | 13 ++++++++++---
 people/21203.html | 13 ++++++++++---
 people/21204.html | 13 ++++++++++---
 people/21205.html | 13 ++++++++++---
 people/21206.html | 13 ++++++++++---
 people/21207.html | 13 ++++++++++---
 people/21208.html | 13 ++++++++++---
 people/21209.html | 13 ++++++++++---
 people/2121.html  | 13 ++++++++++---
 people/21210.html | 13 ++++++++++---
 people/21211.html | 13 ++++++++++---
 people/21212.html | 13 ++++++++++---
 people/21213.html | 13 ++++++++++---
 people/21214.html | 13 ++++++++++---
 people/21215.html | 13 ++++++++++---
 people/21216.html | 13 ++++++++++---
 people/21217.html | 13 ++++++++++---
 people/21218.html | 13 ++++++++++---
 people/21219.html | 13 ++++++++++---
 people/2122.html  | 13 ++++++++++---
 people/21220.html | 13 ++++++++++---
 people/21221.html | 13 ++++++++++---
 people/21222.html | 13 ++++++++++---
 people/21223.html | 13 ++++++++++---
 people/21224.html | 13 ++++++++++---
 people/21225.html | 13 ++++++++++---
 people/21226.html | 13 ++++++++++---
 people/21227.html | 13 ++++++++++---
 people/21228.html | 13 ++++++++++---
 people/21229.html | 13 ++++++++++---
 people/2123.html  | 13 ++++++++++---
 people/21230.html | 13 ++++++++++---
 people/21231.html | 13 ++++++++++---
 people/21232.html | 13 ++++++++++---
 people/21233.html | 13 ++++++++++---
 people/21234.html | 13 ++++++++++---
 people/21235.html | 13 ++++++++++---
 people/21236.html | 13 ++++++++++---
 people/21237.html | 13 ++++++++++---
 people/21238.html | 13 ++++++++++---
 people/21239.html | 13 ++++++++++---
 people/2124.html  | 13 ++++++++++---
 people/21240.html | 13 ++++++++++---
 people/21241.html | 13 ++++++++++---
 people/21242.html | 13 ++++++++++---
 people/21243.html | 13 ++++++++++---
 people/21244.html | 13 ++++++++++---
 people/21245.html | 13 ++++++++++---
 people/21246.html | 13 ++++++++++---
 people/21247.html | 13 ++++++++++---
 people/21248.html | 13 ++++++++++---
 people/21249.html | 13 ++++++++++---
 people/2125.html  | 13 ++++++++++---
 people/21250.html | 13 ++++++++++---
 people/21251.html | 13 ++++++++++---
 people/21252.html | 13 ++++++++++---
 people/21253.html | 13 ++++++++++---
 people/21254.html | 13 ++++++++++---
 people/21255.html | 13 ++++++++++---
 people/21256.html | 13 ++++++++++---
 people/21257.html | 13 ++++++++++---
 people/21258.html | 13 ++++++++++---
 people/21259.html | 13 ++++++++++---
 people/2126.html  | 13 ++++++++++---
 people/21260.html | 13 ++++++++++---
 people/21261.html | 13 ++++++++++---
 people/21262.html | 13 ++++++++++---
 people/21263.html | 13 ++++++++++---
 people/21264.html | 13 ++++++++++---
 people/21265.html | 13 ++++++++++---
 people/21266.html | 13 ++++++++++---
 people/21267.html | 13 ++++++++++---
 people/21268.html | 13 ++++++++++---
 people/21269.html | 13 ++++++++++---
 people/2127.html  | 13 ++++++++++---
 people/21270.html | 13 ++++++++++---
 people/21271.html | 13 ++++++++++---
 people/21272.html | 13 ++++++++++---
 people/21273.html | 13 ++++++++++---
 people/21274.html | 13 ++++++++++---
 people/21275.html | 13 ++++++++++---
 people/21276.html | 13 ++++++++++---
 people/21277.html | 13 ++++++++++---
 people/21278.html | 13 ++++++++++---
 people/21279.html | 13 ++++++++++---
 people/2128.html  | 13 ++++++++++---
 people/21280.html | 13 ++++++++++---
 people/21281.html | 13 ++++++++++---
 people/21282.html | 13 ++++++++++---
 people/21283.html | 13 ++++++++++---
 people/21284.html | 13 ++++++++++---
 people/21285.html | 13 ++++++++++---
 people/21286.html | 13 ++++++++++---
 people/21287.html | 13 ++++++++++---
 people/21288.html | 13 ++++++++++---
 people/21289.html | 13 ++++++++++---
 people/2129.html  | 13 ++++++++++---
 people/21290.html | 13 ++++++++++---
 people/21291.html | 13 ++++++++++---
 people/21292.html | 13 ++++++++++---
 people/21293.html | 13 ++++++++++---
 people/21294.html | 13 ++++++++++---
 people/21295.html | 13 ++++++++++---
 people/21296.html | 13 ++++++++++---
 people/21297.html | 13 ++++++++++---
 people/21298.html | 13 ++++++++++---
 people/21299.html | 13 ++++++++++---
 people/213.html   | 13 ++++++++++---
 people/2130.html  | 13 ++++++++++---
 people/21300.html | 13 ++++++++++---
 people/21301.html | 13 ++++++++++---
 people/21302.html | 13 ++++++++++---
 people/21303.html | 13 ++++++++++---
 people/21304.html | 13 ++++++++++---
 people/21305.html | 13 ++++++++++---
 people/21306.html | 13 ++++++++++---
 people/21307.html | 13 ++++++++++---
 people/21308.html | 13 ++++++++++---
 people/21309.html | 13 ++++++++++---
 people/2131.html  | 13 ++++++++++---
 people/21310.html | 13 ++++++++++---
 people/21311.html | 13 ++++++++++---
 people/21312.html | 13 ++++++++++---
 people/21313.html | 13 ++++++++++---
 people/21314.html | 13 ++++++++++---
 people/21315.html | 13 ++++++++++---
 people/21316.html | 13 ++++++++++---
 people/21317.html | 13 ++++++++++---
 people/21318.html | 13 ++++++++++---
 people/21319.html | 13 ++++++++++---
 people/2132.html  | 13 ++++++++++---
 people/21320.html | 13 ++++++++++---
 people/21321.html | 13 ++++++++++---
 people/21322.html | 13 ++++++++++---
 people/21323.html | 13 ++++++++++---
 people/21324.html | 13 ++++++++++---
 people/21325.html | 13 ++++++++++---
 people/21326.html | 13 ++++++++++---
 people/21327.html | 13 ++++++++++---
 people/21328.html | 13 ++++++++++---
 people/21329.html | 13 ++++++++++---
 people/2133.html  | 13 ++++++++++---
 people/21330.html | 13 ++++++++++---
 people/21331.html | 13 ++++++++++---
 people/21332.html | 13 ++++++++++---
 people/21333.html | 13 ++++++++++---
 people/21334.html | 13 ++++++++++---
 people/21335.html | 13 ++++++++++---
 people/21336.html | 13 ++++++++++---
 people/21337.html | 13 ++++++++++---
 people/21338.html | 13 ++++++++++---
 people/21339.html | 13 ++++++++++---
 people/2134.html  | 13 ++++++++++---
 people/21340.html | 13 ++++++++++---
 people/21341.html | 13 ++++++++++---
 people/21342.html | 13 ++++++++++---
 people/21343.html | 13 ++++++++++---
 people/21344.html | 13 ++++++++++---
 people/21345.html | 13 ++++++++++---
 people/21346.html | 13 ++++++++++---
 people/21347.html | 13 ++++++++++---
 people/21348.html | 13 ++++++++++---
 people/21349.html | 13 ++++++++++---
 people/2135.html  | 13 ++++++++++---
 people/21350.html | 13 ++++++++++---
 people/21351.html | 13 ++++++++++---
 people/21352.html | 13 ++++++++++---
 people/21353.html | 13 ++++++++++---
 people/21354.html | 13 ++++++++++---
 people/21355.html | 13 ++++++++++---
 people/21356.html | 13 ++++++++++---
 people/21357.html | 13 ++++++++++---
 people/21358.html | 13 ++++++++++---
 people/21359.html | 13 ++++++++++---
 people/2136.html  | 13 ++++++++++---
 people/21360.html | 13 ++++++++++---
 people/21361.html | 13 ++++++++++---
 people/21362.html | 13 ++++++++++---
 people/21363.html | 13 ++++++++++---
 people/21364.html | 13 ++++++++++---
 people/21365.html | 13 ++++++++++---
 people/21366.html | 13 ++++++++++---
 people/21367.html | 13 ++++++++++---
 people/21368.html | 13 ++++++++++---
 people/21369.html | 13 ++++++++++---
 people/2137.html  | 13 ++++++++++---
 people/21370.html | 13 ++++++++++---
 people/21371.html | 13 ++++++++++---
 people/21372.html | 13 ++++++++++---
 people/21373.html | 13 ++++++++++---
 people/21374.html | 13 ++++++++++---
 people/21375.html | 13 ++++++++++---
 people/21376.html | 13 ++++++++++---
 people/21377.html | 13 ++++++++++---
 people/21378.html | 13 ++++++++++---
 people/21379.html | 13 ++++++++++---
 people/2138.html  | 13 ++++++++++---
 people/21380.html | 13 ++++++++++---
 people/21381.html | 13 ++++++++++---
 people/21382.html | 13 ++++++++++---
 people/21383.html | 13 ++++++++++---
 people/21384.html | 13 ++++++++++---
 people/21385.html | 13 ++++++++++---
 people/21386.html | 13 ++++++++++---
 people/21387.html | 13 ++++++++++---
 people/21388.html | 13 ++++++++++---
 people/21389.html | 13 ++++++++++---
 people/2139.html  | 13 ++++++++++---
 people/21390.html | 13 ++++++++++---
 people/21391.html | 13 ++++++++++---
 people/21392.html | 13 ++++++++++---
 people/21393.html | 13 ++++++++++---
 people/21394.html | 13 ++++++++++---
 people/21395.html | 13 ++++++++++---
 people/21396.html | 13 ++++++++++---
 people/21397.html | 13 ++++++++++---
 people/21398.html | 13 ++++++++++---
 people/21399.html | 13 ++++++++++---
 people/214.html   | 13 ++++++++++---
 people/2140.html  | 13 ++++++++++---
 people/21400.html | 13 ++++++++++---
 people/21401.html | 13 ++++++++++---
 people/21402.html | 13 ++++++++++---
 people/21403.html | 13 ++++++++++---
 people/21404.html | 13 ++++++++++---
 people/21405.html | 13 ++++++++++---
 people/21406.html | 13 ++++++++++---
 people/21407.html | 13 ++++++++++---
 people/21408.html | 13 ++++++++++---
 people/21409.html | 13 ++++++++++---
 people/2141.html  | 13 ++++++++++---
 people/21410.html | 13 ++++++++++---
 people/21411.html | 13 ++++++++++---
 people/21412.html | 13 ++++++++++---
 people/21413.html | 13 ++++++++++---
 people/21414.html | 13 ++++++++++---
 people/21415.html | 13 ++++++++++---
 people/21416.html | 13 ++++++++++---
 people/21417.html | 13 ++++++++++---
 people/21418.html | 13 ++++++++++---
 people/21419.html | 13 ++++++++++---
 people/2142.html  | 13 ++++++++++---
 people/21420.html | 13 ++++++++++---
 people/21421.html | 13 ++++++++++---
 people/21422.html | 13 ++++++++++---
 people/21423.html | 13 ++++++++++---
 people/21424.html | 13 ++++++++++---
 people/21425.html | 13 ++++++++++---
 people/21426.html | 13 ++++++++++---
 people/21427.html | 13 ++++++++++---
 people/21428.html | 13 ++++++++++---
 people/21429.html | 13 ++++++++++---
 people/2143.html  | 13 ++++++++++---
 people/21430.html | 13 ++++++++++---
 people/21431.html | 13 ++++++++++---
 people/21432.html | 13 ++++++++++---
 people/21433.html | 13 ++++++++++---
 people/21434.html | 13 ++++++++++---
 people/21435.html | 13 ++++++++++---
 people/21436.html | 13 ++++++++++---
 people/21437.html | 13 ++++++++++---
 people/21438.html | 13 ++++++++++---
 people/21439.html | 13 ++++++++++---
 people/2144.html  | 13 ++++++++++---
 people/21440.html | 13 ++++++++++---
 people/21441.html | 13 ++++++++++---
 people/21442.html | 13 ++++++++++---
 people/21443.html | 13 ++++++++++---
 people/21444.html | 13 ++++++++++---
 people/21445.html | 13 ++++++++++---
 people/21446.html | 13 ++++++++++---
 people/21447.html | 13 ++++++++++---
 people/21448.html | 13 ++++++++++---
 people/21449.html | 13 ++++++++++---
 people/2145.html  | 13 ++++++++++---
 people/21450.html | 13 ++++++++++---
 people/21451.html | 13 ++++++++++---
 people/21452.html | 13 ++++++++++---
 people/21453.html | 13 ++++++++++---
 people/21454.html | 13 ++++++++++---
 people/21455.html | 13 ++++++++++---
 people/21456.html | 13 ++++++++++---
 people/21457.html | 13 ++++++++++---
 people/21458.html | 13 ++++++++++---
 people/21459.html | 13 ++++++++++---
 people/2146.html  | 13 ++++++++++---
 people/21460.html | 13 ++++++++++---
 people/21461.html | 13 ++++++++++---
 people/21462.html | 13 ++++++++++---
 people/21463.html | 13 ++++++++++---
 people/21464.html | 13 ++++++++++---
 people/21465.html | 13 ++++++++++---
 people/21466.html | 13 ++++++++++---
 people/21467.html | 13 ++++++++++---
 people/21468.html | 13 ++++++++++---
 people/21469.html | 13 ++++++++++---
 people/2147.html  | 13 ++++++++++---
 people/21470.html | 13 ++++++++++---
 people/21471.html | 13 ++++++++++---
 people/21472.html | 13 ++++++++++---
 people/21473.html | 13 ++++++++++---
 people/21474.html | 13 ++++++++++---
 people/21475.html | 13 ++++++++++---
 people/21476.html | 13 ++++++++++---
 people/21477.html | 13 ++++++++++---
 people/21478.html | 13 ++++++++++---
 people/21479.html | 13 ++++++++++---
 people/2148.html  | 13 ++++++++++---
 people/21480.html | 13 ++++++++++---
 people/21481.html | 13 ++++++++++---
 people/21482.html | 13 ++++++++++---
 people/21483.html | 13 ++++++++++---
 people/21484.html | 13 ++++++++++---
 people/21485.html | 13 ++++++++++---
 people/21486.html | 13 ++++++++++---
 people/21487.html | 13 ++++++++++---
 people/21488.html | 13 ++++++++++---
 people/21489.html | 13 ++++++++++---
 people/2149.html  | 13 ++++++++++---
 people/21490.html | 13 ++++++++++---
 people/21491.html | 13 ++++++++++---
 people/21492.html | 13 ++++++++++---
 people/21493.html | 13 ++++++++++---
 people/21494.html | 13 ++++++++++---
 people/21495.html | 13 ++++++++++---
 people/21496.html | 13 ++++++++++---
 people/21497.html | 13 ++++++++++---
 people/21498.html | 13 ++++++++++---
 people/21499.html | 13 ++++++++++---
 people/215.html   | 13 ++++++++++---
 people/2150.html  | 13 ++++++++++---
 people/21500.html | 13 ++++++++++---
 people/21501.html | 13 ++++++++++---
 people/21502.html | 13 ++++++++++---
 people/21503.html | 13 ++++++++++---
 people/21504.html | 13 ++++++++++---
 people/21505.html | 13 ++++++++++---
 people/21506.html | 13 ++++++++++---
 people/21507.html | 13 ++++++++++---
 people/21508.html | 13 ++++++++++---
 people/21509.html | 13 ++++++++++---
 people/2151.html  | 13 ++++++++++---
 people/21510.html | 13 ++++++++++---
 people/21511.html | 13 ++++++++++---
 people/21512.html | 13 ++++++++++---
 people/21513.html | 13 ++++++++++---
 people/21514.html | 13 ++++++++++---
 people/21515.html | 13 ++++++++++---
 people/21516.html | 13 ++++++++++---
 people/21517.html | 13 ++++++++++---
 people/21518.html | 13 ++++++++++---
 people/21519.html | 13 ++++++++++---
 people/2152.html  | 13 ++++++++++---
 people/21520.html | 13 ++++++++++---
 people/21521.html | 13 ++++++++++---
 people/21522.html | 13 ++++++++++---
 people/21523.html | 13 ++++++++++---
 people/21524.html | 13 ++++++++++---
 people/21525.html | 13 ++++++++++---
 people/21526.html | 13 ++++++++++---
 people/21527.html | 13 ++++++++++---
 people/21528.html | 13 ++++++++++---
 people/21529.html | 13 ++++++++++---
 people/2153.html  | 13 ++++++++++---
 people/21530.html | 13 ++++++++++---
 people/21531.html | 13 ++++++++++---
 people/21532.html | 13 ++++++++++---
 people/21533.html | 13 ++++++++++---
 people/21534.html | 13 ++++++++++---
 people/21535.html | 13 ++++++++++---
 people/21536.html | 13 ++++++++++---
 people/21537.html | 13 ++++++++++---
 people/21538.html | 13 ++++++++++---
 people/21539.html | 13 ++++++++++---
 people/2154.html  | 13 ++++++++++---
 people/21540.html | 13 ++++++++++---
 people/21541.html | 13 ++++++++++---
 people/21542.html | 13 ++++++++++---
 people/21543.html | 13 ++++++++++---
 people/21544.html | 13 ++++++++++---
 people/21545.html | 13 ++++++++++---
 people/21546.html | 13 ++++++++++---
 people/21547.html | 13 ++++++++++---
 people/21548.html | 13 ++++++++++---
 people/21549.html | 13 ++++++++++---
 people/2155.html  | 13 ++++++++++---
 people/21550.html | 13 ++++++++++---
 people/21551.html | 13 ++++++++++---
 people/21552.html | 13 ++++++++++---
 people/21553.html | 13 ++++++++++---
 people/21554.html | 13 ++++++++++---
 people/21555.html | 13 ++++++++++---
 people/21556.html | 13 ++++++++++---
 people/21557.html | 13 ++++++++++---
 people/21558.html | 13 ++++++++++---
 people/21559.html | 13 ++++++++++---
 people/2156.html  | 13 ++++++++++---
 people/2157.html  | 13 ++++++++++---
 people/2158.html  | 13 ++++++++++---
 people/2159.html  | 13 ++++++++++---
 people/216.html   | 13 ++++++++++---
 people/2160.html  | 13 ++++++++++---
 people/2161.html  | 13 ++++++++++---
 people/2162.html  | 13 ++++++++++---
 people/2163.html  | 13 ++++++++++---
 people/2164.html  | 13 ++++++++++---
 people/2165.html  | 13 ++++++++++---
 people/2166.html  | 13 ++++++++++---
 people/2167.html  | 13 ++++++++++---
 people/2168.html  | 13 ++++++++++---
 people/2169.html  | 13 ++++++++++---
 people/217.html   | 13 ++++++++++---
 people/2170.html  | 13 ++++++++++---
 people/2171.html  | 13 ++++++++++---
 people/2172.html  | 13 ++++++++++---
 people/2173.html  | 13 ++++++++++---
 people/2174.html  | 13 ++++++++++---
 people/2175.html  | 13 ++++++++++---
 people/2176.html  | 13 ++++++++++---
 people/2177.html  | 13 ++++++++++---
 people/2178.html  | 13 ++++++++++---
 people/2179.html  | 13 ++++++++++---
 people/218.html   | 13 ++++++++++---
 people/2180.html  | 13 ++++++++++---
 people/2181.html  | 13 ++++++++++---
 people/2182.html  | 13 ++++++++++---
 people/2183.html  | 13 ++++++++++---
 people/2184.html  | 13 ++++++++++---
 people/2185.html  | 13 ++++++++++---
 people/2186.html  | 13 ++++++++++---
 people/2187.html  | 13 ++++++++++---
 people/2188.html  | 13 ++++++++++---
 people/2189.html  | 13 ++++++++++---
 people/219.html   | 13 ++++++++++---
 people/2190.html  | 13 ++++++++++---
 people/2191.html  | 13 ++++++++++---
 people/2192.html  | 13 ++++++++++---
 people/2193.html  | 13 ++++++++++---
 people/2194.html  | 13 ++++++++++---
 people/2195.html  | 13 ++++++++++---
 people/2196.html  | 13 ++++++++++---
 people/2197.html  | 13 ++++++++++---
 people/2198.html  | 13 ++++++++++---
 people/2199.html  | 13 ++++++++++---
 people/22.html    | 13 ++++++++++---
 people/220.html   | 13 ++++++++++---
 people/2200.html  | 13 ++++++++++---
 people/2201.html  | 13 ++++++++++---
 people/2202.html  | 13 ++++++++++---
 people/2203.html  | 13 ++++++++++---
 people/2204.html  | 13 ++++++++++---
 people/2205.html  | 13 ++++++++++---
 people/2206.html  | 13 ++++++++++---
 people/2207.html  | 13 ++++++++++---
 people/2208.html  | 13 ++++++++++---
 people/2209.html  | 13 ++++++++++---
 people/221.html   | 13 ++++++++++---
 people/2210.html  | 13 ++++++++++---
 people/2211.html  | 13 ++++++++++---
 people/2212.html  | 13 ++++++++++---
 people/2213.html  | 13 ++++++++++---
 people/2214.html  | 13 ++++++++++---
 people/2215.html  | 13 ++++++++++---
 people/2216.html  | 13 ++++++++++---
 people/2217.html  | 13 ++++++++++---
 people/2218.html  | 13 ++++++++++---
 people/2219.html  | 13 ++++++++++---
 people/222.html   | 13 ++++++++++---
 people/2220.html  | 13 ++++++++++---
 people/2221.html  | 13 ++++++++++---
 people/2222.html  | 13 ++++++++++---
 people/2223.html  | 13 ++++++++++---
 people/2224.html  | 13 ++++++++++---
 people/2225.html  | 13 ++++++++++---
 people/2226.html  | 13 ++++++++++---
 people/2227.html  | 13 ++++++++++---
 people/2228.html  | 13 ++++++++++---
 people/2229.html  | 13 ++++++++++---
 people/223.html   | 13 ++++++++++---
 people/2230.html  | 13 ++++++++++---
 people/2231.html  | 13 ++++++++++---
 people/2232.html  | 13 ++++++++++---
 people/2233.html  | 13 ++++++++++---
 people/2234.html  | 13 ++++++++++---
 people/2235.html  | 13 ++++++++++---
 people/2236.html  | 13 ++++++++++---
 people/2237.html  | 13 ++++++++++---
 people/2238.html  | 13 ++++++++++---
 people/2239.html  | 13 ++++++++++---
 people/224.html   | 13 ++++++++++---
 people/2240.html  | 13 ++++++++++---
 people/2241.html  | 13 ++++++++++---
 people/2242.html  | 13 ++++++++++---
 people/2243.html  | 13 ++++++++++---
 people/2244.html  | 13 ++++++++++---
 people/2245.html  | 13 ++++++++++---
 people/2246.html  | 13 ++++++++++---
 people/2247.html  | 13 ++++++++++---
 people/2248.html  | 13 ++++++++++---
 people/2249.html  | 13 ++++++++++---
 people/225.html   | 13 ++++++++++---
 people/2250.html  | 13 ++++++++++---
 people/2251.html  | 13 ++++++++++---
 people/2252.html  | 13 ++++++++++---
 people/2253.html  | 13 ++++++++++---
 people/2254.html  | 13 ++++++++++---
 people/2255.html  | 13 ++++++++++---
 people/2256.html  | 13 ++++++++++---
 people/2257.html  | 13 ++++++++++---
 people/2258.html  | 13 ++++++++++---
 people/2259.html  | 13 ++++++++++---
 people/226.html   | 13 ++++++++++---
 people/2260.html  | 13 ++++++++++---
 people/2261.html  | 13 ++++++++++---
 people/2262.html  | 13 ++++++++++---
 people/2263.html  | 13 ++++++++++---
 people/2264.html  | 13 ++++++++++---
 people/2265.html  | 13 ++++++++++---
 people/2266.html  | 13 ++++++++++---
 people/2267.html  | 13 ++++++++++---
 people/2268.html  | 13 ++++++++++---
 people/2269.html  | 13 ++++++++++---
 people/227.html   | 13 ++++++++++---
 people/2270.html  | 13 ++++++++++---
 people/2271.html  | 13 ++++++++++---
 people/2272.html  | 13 ++++++++++---
 people/2273.html  | 13 ++++++++++---
 people/2274.html  | 13 ++++++++++---
 people/2275.html  | 13 ++++++++++---
 people/2276.html  | 13 ++++++++++---
 people/2277.html  | 13 ++++++++++---
 people/2278.html  | 13 ++++++++++---
 people/2279.html  | 13 ++++++++++---
 people/228.html   | 13 ++++++++++---
 people/2280.html  | 13 ++++++++++---
 people/2281.html  | 13 ++++++++++---
 people/2282.html  | 13 ++++++++++---
 people/2283.html  | 13 ++++++++++---
 people/2284.html  | 13 ++++++++++---
 people/2285.html  | 13 ++++++++++---
 people/2286.html  | 13 ++++++++++---
 people/2287.html  | 13 ++++++++++---
 people/2288.html  | 13 ++++++++++---
 people/2289.html  | 13 ++++++++++---
 people/229.html   | 13 ++++++++++---
 people/2290.html  | 13 ++++++++++---
 people/2291.html  | 13 ++++++++++---
 people/2292.html  | 13 ++++++++++---
 people/2293.html  | 13 ++++++++++---
 people/2294.html  | 13 ++++++++++---
 people/2295.html  | 13 ++++++++++---
 people/2296.html  | 13 ++++++++++---
 people/2297.html  | 13 ++++++++++---
 people/2298.html  | 13 ++++++++++---
 people/2299.html  | 13 ++++++++++---
 people/23.html    | 13 ++++++++++---
 people/230.html   | 13 ++++++++++---
 people/2300.html  | 13 ++++++++++---
 people/2301.html  | 13 ++++++++++---
 people/2302.html  | 13 ++++++++++---
 people/2303.html  | 13 ++++++++++---
 people/2304.html  | 13 ++++++++++---
 people/2305.html  | 13 ++++++++++---
 people/2306.html  | 13 ++++++++++---
 people/2307.html  | 13 ++++++++++---
 people/2308.html  | 13 ++++++++++---
 people/2309.html  | 13 ++++++++++---
 people/231.html   | 13 ++++++++++---
 people/2310.html  | 13 ++++++++++---
 people/2311.html  | 13 ++++++++++---
 people/2312.html  | 13 ++++++++++---
 people/2313.html  | 13 ++++++++++---
 people/2314.html  | 13 ++++++++++---
 people/2315.html  | 13 ++++++++++---
 people/2316.html  | 13 ++++++++++---
 people/2317.html  | 13 ++++++++++---
 people/2318.html  | 13 ++++++++++---
 people/2319.html  | 13 ++++++++++---
 people/232.html   | 13 ++++++++++---
 people/2320.html  | 13 ++++++++++---
 people/2321.html  | 13 ++++++++++---
 people/2322.html  | 13 ++++++++++---
 people/2323.html  | 13 ++++++++++---
 people/2324.html  | 13 ++++++++++---
 people/2325.html  | 13 ++++++++++---
 people/2326.html  | 13 ++++++++++---
 people/2327.html  | 13 ++++++++++---
 people/2328.html  | 13 ++++++++++---
 people/2329.html  | 13 ++++++++++---
 people/233.html   | 13 ++++++++++---
 people/2330.html  | 13 ++++++++++---
 people/2331.html  | 13 ++++++++++---
 people/2332.html  | 13 ++++++++++---
 people/2333.html  | 13 ++++++++++---
 people/2334.html  | 13 ++++++++++---
 people/2335.html  | 13 ++++++++++---
 people/2336.html  | 13 ++++++++++---
 people/2337.html  | 13 ++++++++++---
 people/2338.html  | 13 ++++++++++---
 people/2339.html  | 13 ++++++++++---
 people/234.html   | 13 ++++++++++---
 people/2340.html  | 13 ++++++++++---
 people/2341.html  | 13 ++++++++++---
 people/2342.html  | 13 ++++++++++---
 people/2343.html  | 13 ++++++++++---
 people/2344.html  | 13 ++++++++++---
 people/2345.html  | 13 ++++++++++---
 people/2346.html  | 13 ++++++++++---
 people/2347.html  | 13 ++++++++++---
 people/2348.html  | 13 ++++++++++---
 people/2349.html  | 13 ++++++++++---
 people/235.html   | 13 ++++++++++---
 people/2350.html  | 13 ++++++++++---
 people/2351.html  | 13 ++++++++++---
 people/2352.html  | 13 ++++++++++---
 people/2353.html  | 13 ++++++++++---
 people/2354.html  | 13 ++++++++++---
 people/2355.html  | 13 ++++++++++---
 people/2356.html  | 13 ++++++++++---
 people/2357.html  | 13 ++++++++++---
 people/2358.html  | 13 ++++++++++---
 people/2359.html  | 13 ++++++++++---
 people/236.html   | 13 ++++++++++---
 people/2360.html  | 13 ++++++++++---
 people/2361.html  | 13 ++++++++++---
 people/2362.html  | 13 ++++++++++---
 people/2363.html  | 13 ++++++++++---
 people/2364.html  | 13 ++++++++++---
 people/2365.html  | 13 ++++++++++---
 people/2366.html  | 13 ++++++++++---
 people/2367.html  | 13 ++++++++++---
 people/2368.html  | 13 ++++++++++---
 people/2369.html  | 13 ++++++++++---
 people/237.html   | 13 ++++++++++---
 people/2370.html  | 13 ++++++++++---
 people/2371.html  | 13 ++++++++++---
 people/2372.html  | 13 ++++++++++---
 people/2373.html  | 13 ++++++++++---
 people/2374.html  | 13 ++++++++++---
 people/2375.html  | 13 ++++++++++---
 people/2376.html  | 13 ++++++++++---
 people/2377.html  | 13 ++++++++++---
 people/2378.html  | 13 ++++++++++---
 people/2379.html  | 13 ++++++++++---
 people/238.html   | 13 ++++++++++---
 people/2380.html  | 13 ++++++++++---
 people/2381.html  | 13 ++++++++++---
 people/2382.html  | 13 ++++++++++---
 people/2383.html  | 13 ++++++++++---
 people/2384.html  | 13 ++++++++++---
 people/2385.html  | 13 ++++++++++---
 people/2386.html  | 13 ++++++++++---
 people/2387.html  | 13 ++++++++++---
 people/2388.html  | 13 ++++++++++---
 people/2389.html  | 13 ++++++++++---
 people/239.html   | 13 ++++++++++---
 people/2390.html  | 13 ++++++++++---
 people/2391.html  | 13 ++++++++++---
 people/2392.html  | 13 ++++++++++---
 people/2393.html  | 13 ++++++++++---
 people/2394.html  | 13 ++++++++++---
 people/2395.html  | 13 ++++++++++---
 people/2396.html  | 13 ++++++++++---
 people/2397.html  | 13 ++++++++++---
 people/2398.html  | 13 ++++++++++---
 people/2399.html  | 13 ++++++++++---
 people/24.html    | 13 ++++++++++---
 people/240.html   | 13 ++++++++++---
 people/2400.html  | 13 ++++++++++---
 people/2401.html  | 13 ++++++++++---
 people/2402.html  | 13 ++++++++++---
 people/2403.html  | 13 ++++++++++---
 people/2404.html  | 13 ++++++++++---
 people/2405.html  | 13 ++++++++++---
 people/2406.html  | 13 ++++++++++---
 people/2407.html  | 13 ++++++++++---
 people/2408.html  | 13 ++++++++++---
 people/2409.html  | 13 ++++++++++---
 people/241.html   | 13 ++++++++++---
 people/2410.html  | 13 ++++++++++---
 people/2411.html  | 13 ++++++++++---
 people/2412.html  | 13 ++++++++++---
 people/2413.html  | 13 ++++++++++---
 people/2414.html  | 13 ++++++++++---
 people/2415.html  | 13 ++++++++++---
 people/2416.html  | 13 ++++++++++---
 people/2417.html  | 13 ++++++++++---
 people/2418.html  | 13 ++++++++++---
 people/2419.html  | 13 ++++++++++---
 people/242.html   | 13 ++++++++++---
 people/2420.html  | 13 ++++++++++---
 people/2421.html  | 13 ++++++++++---
 people/2422.html  | 13 ++++++++++---
 people/2423.html  | 13 ++++++++++---
 people/2424.html  | 13 ++++++++++---
 people/2425.html  | 13 ++++++++++---
 people/2426.html  | 13 ++++++++++---
 people/2427.html  | 13 ++++++++++---
 people/2428.html  | 13 ++++++++++---
 people/2429.html  | 13 ++++++++++---
 people/243.html   | 13 ++++++++++---
 people/2430.html  | 13 ++++++++++---
 people/2431.html  | 13 ++++++++++---
 people/2432.html  | 13 ++++++++++---
 people/2433.html  | 13 ++++++++++---
 people/2434.html  | 13 ++++++++++---
 people/2435.html  | 13 ++++++++++---
 people/2436.html  | 13 ++++++++++---
 people/2437.html  | 13 ++++++++++---
 people/2438.html  | 13 ++++++++++---
 people/2439.html  | 13 ++++++++++---
 people/244.html   | 13 ++++++++++---
 people/2440.html  | 13 ++++++++++---
 people/2441.html  | 13 ++++++++++---
 people/2442.html  | 13 ++++++++++---
 people/2443.html  | 13 ++++++++++---
 people/2444.html  | 13 ++++++++++---
 people/2445.html  | 13 ++++++++++---
 people/2446.html  | 13 ++++++++++---
 people/2447.html  | 13 ++++++++++---
 people/2448.html  | 13 ++++++++++---
 people/2449.html  | 13 ++++++++++---
 people/245.html   | 13 ++++++++++---
 people/2450.html  | 13 ++++++++++---
 people/2451.html  | 13 ++++++++++---
 people/2452.html  | 13 ++++++++++---
 people/2453.html  | 13 ++++++++++---
 people/2454.html  | 13 ++++++++++---
 people/2455.html  | 13 ++++++++++---
 people/2456.html  | 13 ++++++++++---
 people/2457.html  | 13 ++++++++++---
 people/2458.html  | 13 ++++++++++---
 people/2459.html  | 13 ++++++++++---
 people/246.html   | 13 ++++++++++---
 people/2460.html  | 13 ++++++++++---
 people/2461.html  | 13 ++++++++++---
 people/2462.html  | 13 ++++++++++---
 people/2463.html  | 13 ++++++++++---
 people/2464.html  | 13 ++++++++++---
 people/2465.html  | 13 ++++++++++---
 people/2466.html  | 13 ++++++++++---
 people/2467.html  | 13 ++++++++++---
 people/2468.html  | 13 ++++++++++---
 people/2469.html  | 13 ++++++++++---
 people/247.html   | 13 ++++++++++---
 people/2470.html  | 13 ++++++++++---
 people/2471.html  | 13 ++++++++++---
 people/2472.html  | 13 ++++++++++---
 people/2473.html  | 13 ++++++++++---
 people/2474.html  | 13 ++++++++++---
 people/2475.html  | 13 ++++++++++---
 people/2476.html  | 13 ++++++++++---
 people/2477.html  | 13 ++++++++++---
 people/2478.html  | 13 ++++++++++---
 people/2479.html  | 13 ++++++++++---
 people/248.html   | 13 ++++++++++---
 people/2480.html  | 13 ++++++++++---
 people/2481.html  | 13 ++++++++++---
 people/2482.html  | 13 ++++++++++---
 people/2483.html  | 13 ++++++++++---
 people/2484.html  | 13 ++++++++++---
 people/2485.html  | 13 ++++++++++---
 people/2486.html  | 13 ++++++++++---
 people/2487.html  | 13 ++++++++++---
 people/2488.html  | 13 ++++++++++---
 people/2489.html  | 13 ++++++++++---
 people/249.html   | 13 ++++++++++---
 people/2490.html  | 13 ++++++++++---
 people/2491.html  | 13 ++++++++++---
 people/2492.html  | 13 ++++++++++---
 people/2493.html  | 13 ++++++++++---
 people/2494.html  | 13 ++++++++++---
 people/2495.html  | 13 ++++++++++---
 people/2496.html  | 13 ++++++++++---
 people/2497.html  | 13 ++++++++++---
 people/2498.html  | 13 ++++++++++---
 people/2499.html  | 13 ++++++++++---
 people/25.html    | 13 ++++++++++---
 people/250.html   | 13 ++++++++++---
 people/2500.html  | 13 ++++++++++---
 people/2501.html  | 13 ++++++++++---
 people/2502.html  | 13 ++++++++++---
 people/2503.html  | 13 ++++++++++---
 people/2504.html  | 13 ++++++++++---
 people/2505.html  | 13 ++++++++++---
 people/2506.html  | 13 ++++++++++---
 people/2507.html  | 13 ++++++++++---
 people/2508.html  | 13 ++++++++++---
 people/2509.html  | 13 ++++++++++---
 people/251.html   | 13 ++++++++++---
 people/2510.html  | 13 ++++++++++---
 people/2511.html  | 13 ++++++++++---
 people/2512.html  | 13 ++++++++++---
 people/2513.html  | 13 ++++++++++---
 people/2514.html  | 13 ++++++++++---
 people/2515.html  | 13 ++++++++++---
 people/2516.html  | 13 ++++++++++---
 people/2517.html  | 13 ++++++++++---
 people/2518.html  | 13 ++++++++++---
 people/2519.html  | 13 ++++++++++---
 people/252.html   | 13 ++++++++++---
 people/2520.html  | 13 ++++++++++---
 people/2521.html  | 13 ++++++++++---
 people/2522.html  | 13 ++++++++++---
 people/2523.html  | 13 ++++++++++---
 people/2524.html  | 13 ++++++++++---
 people/2525.html  | 13 ++++++++++---
 people/2526.html  | 13 ++++++++++---
 people/2527.html  | 13 ++++++++++---
 people/2528.html  | 13 ++++++++++---
 people/2529.html  | 13 ++++++++++---
 people/253.html   | 13 ++++++++++---
 people/2530.html  | 13 ++++++++++---
 people/2531.html  | 13 ++++++++++---
 people/2532.html  | 13 ++++++++++---
 people/2533.html  | 13 ++++++++++---
 people/2534.html  | 13 ++++++++++---
 people/2535.html  | 13 ++++++++++---
 people/2536.html  | 13 ++++++++++---
 people/2537.html  | 13 ++++++++++---
 people/2538.html  | 13 ++++++++++---
 people/2539.html  | 13 ++++++++++---
 people/254.html   | 13 ++++++++++---
 people/2540.html  | 13 ++++++++++---
 people/2541.html  | 13 ++++++++++---
 people/2542.html  | 13 ++++++++++---
 people/2543.html  | 13 ++++++++++---
 people/2544.html  | 13 ++++++++++---
 people/2545.html  | 13 ++++++++++---
 people/2546.html  | 13 ++++++++++---
 people/2547.html  | 13 ++++++++++---
 people/2548.html  | 13 ++++++++++---
 people/2549.html  | 13 ++++++++++---
 people/255.html   | 13 ++++++++++---
 people/2550.html  | 13 ++++++++++---
 people/2551.html  | 13 ++++++++++---
 people/2552.html  | 13 ++++++++++---
 people/2553.html  | 13 ++++++++++---
 people/2554.html  | 13 ++++++++++---
 people/2555.html  | 13 ++++++++++---
 people/2556.html  | 13 ++++++++++---
 people/2557.html  | 13 ++++++++++---
 people/2558.html  | 13 ++++++++++---
 people/2559.html  | 13 ++++++++++---
 people/256.html   | 13 ++++++++++---
 people/2560.html  | 13 ++++++++++---
 people/2561.html  | 13 ++++++++++---
 people/2562.html  | 13 ++++++++++---
 people/2563.html  | 13 ++++++++++---
 people/2564.html  | 13 ++++++++++---
 people/2565.html  | 13 ++++++++++---
 people/2566.html  | 13 ++++++++++---
 people/2567.html  | 13 ++++++++++---
 people/2568.html  | 13 ++++++++++---
 people/2569.html  | 13 ++++++++++---
 people/257.html   | 13 ++++++++++---
 people/2570.html  | 13 ++++++++++---
 people/2571.html  | 13 ++++++++++---
 people/2572.html  | 13 ++++++++++---
 people/2573.html  | 13 ++++++++++---
 people/2574.html  | 13 ++++++++++---
 people/2575.html  | 13 ++++++++++---
 people/2576.html  | 13 ++++++++++---
 people/2577.html  | 13 ++++++++++---
 people/2578.html  | 13 ++++++++++---
 people/2579.html  | 13 ++++++++++---
 people/258.html   | 13 ++++++++++---
 people/2580.html  | 13 ++++++++++---
 people/2581.html  | 13 ++++++++++---
 people/2582.html  | 13 ++++++++++---
 people/2583.html  | 13 ++++++++++---
 people/2584.html  | 13 ++++++++++---
 people/2585.html  | 13 ++++++++++---
 people/2586.html  | 13 ++++++++++---
 people/2587.html  | 13 ++++++++++---
 people/2588.html  | 13 ++++++++++---
 people/2589.html  | 13 ++++++++++---
 people/259.html   | 13 ++++++++++---
 people/2590.html  | 13 ++++++++++---
 people/2591.html  | 13 ++++++++++---
 people/2592.html  | 13 ++++++++++---
 people/2593.html  | 13 ++++++++++---
 people/2594.html  | 13 ++++++++++---
 people/2595.html  | 13 ++++++++++---
 people/2596.html  | 13 ++++++++++---
 people/2597.html  | 13 ++++++++++---
 people/2598.html  | 13 ++++++++++---
 people/2599.html  | 13 ++++++++++---
 people/26.html    | 13 ++++++++++---
 people/260.html   | 13 ++++++++++---
 people/2600.html  | 13 ++++++++++---
 people/2601.html  | 13 ++++++++++---
 people/2602.html  | 13 ++++++++++---
 people/2603.html  | 13 ++++++++++---
 people/2604.html  | 13 ++++++++++---
 people/2605.html  | 13 ++++++++++---
 people/2606.html  | 13 ++++++++++---
 people/2607.html  | 13 ++++++++++---
 people/2608.html  | 13 ++++++++++---
 people/2609.html  | 13 ++++++++++---
 people/261.html   | 13 ++++++++++---
 people/2610.html  | 13 ++++++++++---
 people/2611.html  | 13 ++++++++++---
 people/2612.html  | 13 ++++++++++---
 people/2613.html  | 13 ++++++++++---
 people/2614.html  | 13 ++++++++++---
 people/2615.html  | 13 ++++++++++---
 people/2616.html  | 13 ++++++++++---
 people/2617.html  | 13 ++++++++++---
 people/2618.html  | 13 ++++++++++---
 people/2619.html  | 13 ++++++++++---
 people/262.html   | 13 ++++++++++---
 people/2620.html  | 13 ++++++++++---
 people/2621.html  | 13 ++++++++++---
 people/2622.html  | 13 ++++++++++---
 people/2623.html  | 13 ++++++++++---
 people/2624.html  | 13 ++++++++++---
 people/2625.html  | 13 ++++++++++---
 people/2626.html  | 13 ++++++++++---
 people/2627.html  | 13 ++++++++++---
 people/2628.html  | 13 ++++++++++---
 people/2629.html  | 13 ++++++++++---
 people/263.html   | 13 ++++++++++---
 people/2630.html  | 13 ++++++++++---
 people/2631.html  | 13 ++++++++++---
 people/2632.html  | 13 ++++++++++---
 people/2633.html  | 13 ++++++++++---
 people/2634.html  | 13 ++++++++++---
 people/2635.html  | 13 ++++++++++---
 people/2636.html  | 13 ++++++++++---
 people/2637.html  | 13 ++++++++++---
 people/2638.html  | 13 ++++++++++---
 people/2639.html  | 13 ++++++++++---
 people/264.html   | 13 ++++++++++---
 people/2640.html  | 13 ++++++++++---
 people/2641.html  | 13 ++++++++++---
 people/2642.html  | 13 ++++++++++---
 people/2643.html  | 13 ++++++++++---
 people/2644.html  | 13 ++++++++++---
 people/2645.html  | 13 ++++++++++---
 people/2646.html  | 13 ++++++++++---
 people/2647.html  | 13 ++++++++++---
 people/2648.html  | 13 ++++++++++---
 people/2649.html  | 13 ++++++++++---
 people/265.html   | 13 ++++++++++---
 people/2650.html  | 13 ++++++++++---
 people/2651.html  | 13 ++++++++++---
 people/2652.html  | 13 ++++++++++---
 people/2653.html  | 13 ++++++++++---
 people/2654.html  | 13 ++++++++++---
 people/2655.html  | 13 ++++++++++---
 people/2656.html  | 13 ++++++++++---
 people/2657.html  | 13 ++++++++++---
 people/2658.html  | 13 ++++++++++---
 people/2659.html  | 13 ++++++++++---
 people/266.html   | 13 ++++++++++---
 people/2660.html  | 13 ++++++++++---
 people/2661.html  | 13 ++++++++++---
 people/2662.html  | 13 ++++++++++---
 people/2663.html  | 13 ++++++++++---
 people/2664.html  | 13 ++++++++++---
 people/2665.html  | 13 ++++++++++---
 people/2666.html  | 13 ++++++++++---
 people/2667.html  | 13 ++++++++++---
 people/2668.html  | 13 ++++++++++---
 people/2669.html  | 13 ++++++++++---
 people/267.html   | 13 ++++++++++---
 people/2670.html  | 13 ++++++++++---
 people/2671.html  | 13 ++++++++++---
 people/2672.html  | 13 ++++++++++---
 people/2673.html  | 13 ++++++++++---
 people/2674.html  | 13 ++++++++++---
 people/2675.html  | 13 ++++++++++---
 people/2676.html  | 13 ++++++++++---
 people/2677.html  | 13 ++++++++++---
 people/2678.html  | 13 ++++++++++---
 people/2679.html  | 13 ++++++++++---
 people/268.html   | 13 ++++++++++---
 people/2680.html  | 13 ++++++++++---
 people/2681.html  | 13 ++++++++++---
 people/2682.html  | 13 ++++++++++---
 people/2683.html  | 13 ++++++++++---
 people/2684.html  | 13 ++++++++++---
 people/2685.html  | 13 ++++++++++---
 people/2686.html  | 13 ++++++++++---
 people/2687.html  | 13 ++++++++++---
 people/2688.html  | 13 ++++++++++---
 people/2689.html  | 13 ++++++++++---
 people/269.html   | 13 ++++++++++---
 people/2690.html  | 13 ++++++++++---
 people/2691.html  | 13 ++++++++++---
 people/2692.html  | 13 ++++++++++---
 people/2693.html  | 13 ++++++++++---
 people/2694.html  | 13 ++++++++++---
 people/2695.html  | 13 ++++++++++---
 people/2696.html  | 13 ++++++++++---
 people/2697.html  | 13 ++++++++++---
 people/2698.html  | 13 ++++++++++---
 people/2699.html  | 13 ++++++++++---
 people/27.html    | 13 ++++++++++---
 people/270.html   | 13 ++++++++++---
 people/2700.html  | 13 ++++++++++---
 people/2701.html  | 13 ++++++++++---
 people/2702.html  | 13 ++++++++++---
 people/2703.html  | 13 ++++++++++---
 people/2704.html  | 13 ++++++++++---
 people/2706.html  | 13 ++++++++++---
 people/2707.html  | 13 ++++++++++---
 people/2708.html  | 13 ++++++++++---
 people/2709.html  | 13 ++++++++++---
 people/271.html   | 13 ++++++++++---
 people/2710.html  | 13 ++++++++++---
 people/2711.html  | 13 ++++++++++---
 people/2712.html  | 13 ++++++++++---
 people/2713.html  | 13 ++++++++++---
 people/2714.html  | 13 ++++++++++---
 people/2715.html  | 13 ++++++++++---
 people/2716.html  | 13 ++++++++++---
 people/2717.html  | 13 ++++++++++---
 people/2718.html  | 13 ++++++++++---
 people/2719.html  | 13 ++++++++++---
 people/272.html   | 13 ++++++++++---
 people/2720.html  | 13 ++++++++++---
 people/2721.html  | 13 ++++++++++---
 people/2722.html  | 13 ++++++++++---
 people/2723.html  | 13 ++++++++++---
 people/2724.html  | 13 ++++++++++---
 people/2725.html  | 13 ++++++++++---
 people/2726.html  | 13 ++++++++++---
 people/2727.html  | 13 ++++++++++---
 people/2728.html  | 13 ++++++++++---
 people/2729.html  | 13 ++++++++++---
 people/273.html   | 13 ++++++++++---
 people/2730.html  | 13 ++++++++++---
 people/2731.html  | 13 ++++++++++---
 people/2732.html  | 13 ++++++++++---
 people/2733.html  | 13 ++++++++++---
 people/2734.html  | 13 ++++++++++---
 people/2735.html  | 13 ++++++++++---
 people/2736.html  | 13 ++++++++++---
 people/2737.html  | 13 ++++++++++---
 people/2738.html  | 13 ++++++++++---
 people/2739.html  | 13 ++++++++++---
 people/274.html   | 13 ++++++++++---
 people/2740.html  | 13 ++++++++++---
 people/2741.html  | 13 ++++++++++---
 people/2742.html  | 13 ++++++++++---
 people/2743.html  | 13 ++++++++++---
 people/2744.html  | 13 ++++++++++---
 people/2745.html  | 13 ++++++++++---
 people/2746.html  | 13 ++++++++++---
 people/2747.html  | 13 ++++++++++---
 people/2748.html  | 13 ++++++++++---
 people/2749.html  | 13 ++++++++++---
 people/275.html   | 13 ++++++++++---
 people/2750.html  | 13 ++++++++++---
 people/2751.html  | 13 ++++++++++---
 people/2752.html  | 13 ++++++++++---
 people/2753.html  | 13 ++++++++++---
 people/2754.html  | 13 ++++++++++---
 people/2755.html  | 13 ++++++++++---
 people/2756.html  | 13 ++++++++++---
 people/2757.html  | 13 ++++++++++---
 people/2758.html  | 13 ++++++++++---
 people/2759.html  | 13 ++++++++++---
 people/276.html   | 13 ++++++++++---
 people/2760.html  | 13 ++++++++++---
 people/2761.html  | 13 ++++++++++---
 people/2762.html  | 13 ++++++++++---
 people/2763.html  | 13 ++++++++++---
 people/2764.html  | 13 ++++++++++---
 people/2765.html  | 13 ++++++++++---
 people/2766.html  | 13 ++++++++++---
 people/2767.html  | 13 ++++++++++---
 people/2768.html  | 13 ++++++++++---
 people/2769.html  | 13 ++++++++++---
 people/277.html   | 13 ++++++++++---
 people/2770.html  | 13 ++++++++++---
 people/2771.html  | 13 ++++++++++---
 people/2772.html  | 13 ++++++++++---
 people/2773.html  | 13 ++++++++++---
 people/2774.html  | 13 ++++++++++---
 people/2775.html  | 13 ++++++++++---
 people/2776.html  | 13 ++++++++++---
 people/2777.html  | 13 ++++++++++---
 people/2778.html  | 13 ++++++++++---
 people/2779.html  | 13 ++++++++++---
 people/278.html   | 13 ++++++++++---
 people/2780.html  | 13 ++++++++++---
 people/2781.html  | 13 ++++++++++---
 people/2782.html  | 13 ++++++++++---
 people/2783.html  | 13 ++++++++++---
 people/2784.html  | 13 ++++++++++---
 people/2785.html  | 13 ++++++++++---
 people/2786.html  | 13 ++++++++++---
 people/2787.html  | 13 ++++++++++---
 people/2788.html  | 13 ++++++++++---
 people/2789.html  | 13 ++++++++++---
 people/279.html   | 13 ++++++++++---
 people/2790.html  | 13 ++++++++++---
 people/2791.html  | 13 ++++++++++---
 people/2792.html  | 13 ++++++++++---
 people/2793.html  | 13 ++++++++++---
 people/2794.html  | 13 ++++++++++---
 people/2795.html  | 13 ++++++++++---
 people/2796.html  | 13 ++++++++++---
 people/2797.html  | 13 ++++++++++---
 people/2798.html  | 13 ++++++++++---
 people/2799.html  | 13 ++++++++++---
 people/28.html    | 13 ++++++++++---
 people/280.html   | 13 ++++++++++---
 people/2800.html  | 13 ++++++++++---
 people/2801.html  | 13 ++++++++++---
 people/2802.html  | 13 ++++++++++---
 people/2803.html  | 13 ++++++++++---
 people/2804.html  | 13 ++++++++++---
 people/2805.html  | 13 ++++++++++---
 people/2806.html  | 13 ++++++++++---
 people/2807.html  | 13 ++++++++++---
 people/2808.html  | 13 ++++++++++---
 people/2809.html  | 13 ++++++++++---
 people/281.html   | 13 ++++++++++---
 people/2810.html  | 13 ++++++++++---
 people/2811.html  | 13 ++++++++++---
 people/2812.html  | 13 ++++++++++---
 people/2813.html  | 13 ++++++++++---
 people/2814.html  | 13 ++++++++++---
 people/2815.html  | 13 ++++++++++---
 people/2816.html  | 13 ++++++++++---
 people/2817.html  | 13 ++++++++++---
 people/2818.html  | 13 ++++++++++---
 people/2819.html  | 13 ++++++++++---
 people/282.html   | 13 ++++++++++---
 people/2820.html  | 13 ++++++++++---
 people/2821.html  | 13 ++++++++++---
 people/2822.html  | 13 ++++++++++---
 people/2823.html  | 13 ++++++++++---
 people/2824.html  | 13 ++++++++++---
 people/2825.html  | 13 ++++++++++---
 people/2826.html  | 13 ++++++++++---
 people/2827.html  | 13 ++++++++++---
 people/2828.html  | 13 ++++++++++---
 people/2829.html  | 13 ++++++++++---
 people/283.html   | 13 ++++++++++---
 people/2830.html  | 13 ++++++++++---
 people/2831.html  | 13 ++++++++++---
 people/2832.html  | 13 ++++++++++---
 people/2833.html  | 13 ++++++++++---
 people/2834.html  | 13 ++++++++++---
 people/2835.html  | 13 ++++++++++---
 people/2836.html  | 13 ++++++++++---
 people/2837.html  | 13 ++++++++++---
 people/2838.html  | 13 ++++++++++---
 people/2839.html  | 13 ++++++++++---
 people/284.html   | 13 ++++++++++---
 people/2840.html  | 13 ++++++++++---
 people/2841.html  | 13 ++++++++++---
 people/2842.html  | 13 ++++++++++---
 people/2843.html  | 13 ++++++++++---
 people/2844.html  | 13 ++++++++++---
 people/2845.html  | 13 ++++++++++---
 people/2846.html  | 13 ++++++++++---
 people/2847.html  | 13 ++++++++++---
 people/2848.html  | 13 ++++++++++---
 people/2849.html  | 13 ++++++++++---
 people/285.html   | 13 ++++++++++---
 people/2850.html  | 13 ++++++++++---
 people/2851.html  | 13 ++++++++++---
 people/2852.html  | 13 ++++++++++---
 people/2853.html  | 13 ++++++++++---
 people/2854.html  | 13 ++++++++++---
 people/2855.html  | 13 ++++++++++---
 people/2856.html  | 13 ++++++++++---
 people/2857.html  | 13 ++++++++++---
 people/2858.html  | 13 ++++++++++---
 people/2859.html  | 13 ++++++++++---
 people/286.html   | 13 ++++++++++---
 people/2860.html  | 13 ++++++++++---
 people/2861.html  | 13 ++++++++++---
 people/2862.html  | 13 ++++++++++---
 people/2863.html  | 13 ++++++++++---
 people/2864.html  | 13 ++++++++++---
 people/2865.html  | 13 ++++++++++---
 people/2866.html  | 13 ++++++++++---
 people/2867.html  | 13 ++++++++++---
 people/2868.html  | 13 ++++++++++---
 people/2869.html  | 13 ++++++++++---
 people/287.html   | 13 ++++++++++---
 people/2870.html  | 13 ++++++++++---
 people/2871.html  | 13 ++++++++++---
 people/2872.html  | 13 ++++++++++---
 people/2873.html  | 13 ++++++++++---
 people/2874.html  | 13 ++++++++++---
 people/2875.html  | 13 ++++++++++---
 people/2876.html  | 13 ++++++++++---
 people/2877.html  | 13 ++++++++++---
 people/2878.html  | 13 ++++++++++---
 people/2879.html  | 13 ++++++++++---
 people/288.html   | 13 ++++++++++---
 people/2880.html  | 13 ++++++++++---
 people/2881.html  | 13 ++++++++++---
 people/2882.html  | 13 ++++++++++---
 people/2883.html  | 13 ++++++++++---
 people/2884.html  | 13 ++++++++++---
 people/2885.html  | 13 ++++++++++---
 people/2886.html  | 13 ++++++++++---
 people/2887.html  | 13 ++++++++++---
 people/2888.html  | 13 ++++++++++---
 people/2889.html  | 13 ++++++++++---
 people/289.html   | 13 ++++++++++---
 people/2890.html  | 13 ++++++++++---
 people/2891.html  | 13 ++++++++++---
 people/2892.html  | 13 ++++++++++---
 people/2893.html  | 13 ++++++++++---
 people/2894.html  | 13 ++++++++++---
 people/2895.html  | 13 ++++++++++---
 people/2896.html  | 13 ++++++++++---
 people/2897.html  | 13 ++++++++++---
 people/2898.html  | 13 ++++++++++---
 people/2899.html  | 13 ++++++++++---
 people/29.html    | 13 ++++++++++---
 people/290.html   | 13 ++++++++++---
 people/2900.html  | 13 ++++++++++---
 people/2901.html  | 13 ++++++++++---
 people/2902.html  | 13 ++++++++++---
 people/2903.html  | 13 ++++++++++---
 people/2904.html  | 13 ++++++++++---
 people/2905.html  | 13 ++++++++++---
 people/2906.html  | 13 ++++++++++---
 people/2907.html  | 13 ++++++++++---
 people/2908.html  | 13 ++++++++++---
 people/2909.html  | 13 ++++++++++---
 people/291.html   | 13 ++++++++++---
 people/2910.html  | 13 ++++++++++---
 people/2911.html  | 13 ++++++++++---
 people/2912.html  | 13 ++++++++++---
 people/2913.html  | 13 ++++++++++---
 people/2914.html  | 13 ++++++++++---
 people/2915.html  | 13 ++++++++++---
 people/2916.html  | 13 ++++++++++---
 people/2917.html  | 13 ++++++++++---
 people/2918.html  | 13 ++++++++++---
 people/2919.html  | 13 ++++++++++---
 people/292.html   | 13 ++++++++++---
 people/2920.html  | 13 ++++++++++---
 people/2921.html  | 13 ++++++++++---
 people/2922.html  | 13 ++++++++++---
 people/2923.html  | 13 ++++++++++---
 people/2924.html  | 13 ++++++++++---
 people/2925.html  | 13 ++++++++++---
 people/2926.html  | 13 ++++++++++---
 people/2927.html  | 13 ++++++++++---
 people/2928.html  | 13 ++++++++++---
 people/2929.html  | 13 ++++++++++---
 people/293.html   | 13 ++++++++++---
 people/2930.html  | 13 ++++++++++---
 people/2931.html  | 13 ++++++++++---
 people/2932.html  | 13 ++++++++++---
 people/2933.html  | 13 ++++++++++---
 people/2934.html  | 13 ++++++++++---
 people/2935.html  | 13 ++++++++++---
 people/2936.html  | 13 ++++++++++---
 people/2937.html  | 13 ++++++++++---
 people/2938.html  | 13 ++++++++++---
 people/2939.html  | 13 ++++++++++---
 people/294.html   | 13 ++++++++++---
 people/2940.html  | 13 ++++++++++---
 people/2941.html  | 13 ++++++++++---
 people/2942.html  | 13 ++++++++++---
 people/2943.html  | 13 ++++++++++---
 people/2944.html  | 13 ++++++++++---
 people/2945.html  | 13 ++++++++++---
 people/2946.html  | 13 ++++++++++---
 people/2947.html  | 13 ++++++++++---
 people/2948.html  | 13 ++++++++++---
 people/2949.html  | 13 ++++++++++---
 people/295.html   | 13 ++++++++++---
 people/2950.html  | 13 ++++++++++---
 people/2951.html  | 13 ++++++++++---
 people/2952.html  | 13 ++++++++++---
 people/2953.html  | 13 ++++++++++---
 people/2954.html  | 13 ++++++++++---
 people/2955.html  | 13 ++++++++++---
 people/2956.html  | 13 ++++++++++---
 people/2957.html  | 13 ++++++++++---
 people/2958.html  | 13 ++++++++++---
 people/2959.html  | 13 ++++++++++---
 people/296.html   | 13 ++++++++++---
 people/2960.html  | 13 ++++++++++---
 people/2961.html  | 13 ++++++++++---
 people/2962.html  | 13 ++++++++++---
 people/2963.html  | 13 ++++++++++---
 people/2964.html  | 13 ++++++++++---
 people/2965.html  | 13 ++++++++++---
 people/2966.html  | 13 ++++++++++---
 people/2967.html  | 13 ++++++++++---
 people/2968.html  | 13 ++++++++++---
 people/2969.html  | 13 ++++++++++---
 people/297.html   | 13 ++++++++++---
 people/2970.html  | 13 ++++++++++---
 people/2971.html  | 13 ++++++++++---
 people/2972.html  | 13 ++++++++++---
 people/2973.html  | 13 ++++++++++---
 people/2974.html  | 13 ++++++++++---
 people/2975.html  | 13 ++++++++++---
 people/2976.html  | 13 ++++++++++---
 people/2977.html  | 13 ++++++++++---
 people/2978.html  | 13 ++++++++++---
 people/2979.html  | 13 ++++++++++---
 people/298.html   | 13 ++++++++++---
 people/2980.html  | 13 ++++++++++---
 people/2981.html  | 13 ++++++++++---
 people/2982.html  | 13 ++++++++++---
 people/2983.html  | 13 ++++++++++---
 people/2984.html  | 13 ++++++++++---
 people/2985.html  | 13 ++++++++++---
 people/2986.html  | 13 ++++++++++---
 people/2987.html  | 13 ++++++++++---
 people/2988.html  | 13 ++++++++++---
 people/2989.html  | 13 ++++++++++---
 people/299.html   | 13 ++++++++++---
 people/2990.html  | 13 ++++++++++---
 people/2991.html  | 13 ++++++++++---
 people/2992.html  | 13 ++++++++++---
 people/2993.html  | 13 ++++++++++---
 people/2994.html  | 13 ++++++++++---
 people/2995.html  | 13 ++++++++++---
 people/2996.html  | 13 ++++++++++---
 people/2997.html  | 13 ++++++++++---
 people/2998.html  | 13 ++++++++++---
 people/2999.html  | 13 ++++++++++---
 people/3.html     | 13 ++++++++++---
 people/30.html    | 13 ++++++++++---
 people/300.html   | 13 ++++++++++---
 people/3000.html  | 13 ++++++++++---
 people/3001.html  | 13 ++++++++++---
 people/3002.html  | 13 ++++++++++---
 people/3003.html  | 13 ++++++++++---
 people/3004.html  | 13 ++++++++++---
 people/3005.html  | 13 ++++++++++---
 people/3006.html  | 13 ++++++++++---
 people/3007.html  | 13 ++++++++++---
 people/3008.html  | 13 ++++++++++---
 people/3009.html  | 13 ++++++++++---
 people/301.html   | 13 ++++++++++---
 people/3010.html  | 13 ++++++++++---
 people/3011.html  | 13 ++++++++++---
 people/3012.html  | 13 ++++++++++---
 people/3013.html  | 13 ++++++++++---
 people/3014.html  | 13 ++++++++++---
 people/3015.html  | 13 ++++++++++---
 people/3016.html  | 13 ++++++++++---
 people/3017.html  | 13 ++++++++++---
 people/3018.html  | 13 ++++++++++---
 people/3019.html  | 13 ++++++++++---
 people/302.html   | 13 ++++++++++---
 people/3020.html  | 13 ++++++++++---
 people/3021.html  | 13 ++++++++++---
 people/3022.html  | 13 ++++++++++---
 people/3023.html  | 13 ++++++++++---
 people/3024.html  | 13 ++++++++++---
 people/3025.html  | 13 ++++++++++---
 people/3026.html  | 13 ++++++++++---
 people/3027.html  | 13 ++++++++++---
 people/3028.html  | 13 ++++++++++---
 people/3029.html  | 13 ++++++++++---
 people/303.html   | 13 ++++++++++---
 people/3030.html  | 13 ++++++++++---
 people/3031.html  | 13 ++++++++++---
 people/3032.html  | 13 ++++++++++---
 people/3033.html  | 13 ++++++++++---
 people/3034.html  | 13 ++++++++++---
 people/3035.html  | 13 ++++++++++---
 people/3036.html  | 13 ++++++++++---
 people/3037.html  | 13 ++++++++++---
 people/3038.html  | 13 ++++++++++---
 people/3039.html  | 13 ++++++++++---
 people/304.html   | 13 ++++++++++---
 people/3040.html  | 13 ++++++++++---
 people/3041.html  | 13 ++++++++++---
 people/3042.html  | 13 ++++++++++---
 people/3043.html  | 13 ++++++++++---
 people/3044.html  | 13 ++++++++++---
 people/3045.html  | 13 ++++++++++---
 people/3046.html  | 13 ++++++++++---
 people/3047.html  | 13 ++++++++++---
 people/3048.html  | 13 ++++++++++---
 people/3049.html  | 13 ++++++++++---
 people/305.html   | 13 ++++++++++---
 people/3050.html  | 13 ++++++++++---
 people/3051.html  | 13 ++++++++++---
 people/3052.html  | 13 ++++++++++---
 people/3053.html  | 13 ++++++++++---
 people/3054.html  | 13 ++++++++++---
 people/3055.html  | 13 ++++++++++---
 people/3056.html  | 13 ++++++++++---
 people/3057.html  | 13 ++++++++++---
 people/3058.html  | 13 ++++++++++---
 people/3059.html  | 13 ++++++++++---
 people/306.html   | 13 ++++++++++---
 people/3060.html  | 13 ++++++++++---
 people/3061.html  | 13 ++++++++++---
 people/3062.html  | 13 ++++++++++---
 people/3063.html  | 13 ++++++++++---
 people/3064.html  | 13 ++++++++++---
 people/3065.html  | 13 ++++++++++---
 people/3066.html  | 13 ++++++++++---
 people/3067.html  | 13 ++++++++++---
 people/3068.html  | 13 ++++++++++---
 people/3069.html  | 13 ++++++++++---
 people/307.html   | 13 ++++++++++---
 people/3070.html  | 13 ++++++++++---
 people/3071.html  | 13 ++++++++++---
 people/3072.html  | 13 ++++++++++---
 people/3073.html  | 13 ++++++++++---
 people/3074.html  | 13 ++++++++++---
 people/3075.html  | 13 ++++++++++---
 people/3076.html  | 13 ++++++++++---
 people/3077.html  | 13 ++++++++++---
 people/3078.html  | 13 ++++++++++---
 people/3079.html  | 13 ++++++++++---
 people/308.html   | 13 ++++++++++---
 people/3080.html  | 13 ++++++++++---
 people/3081.html  | 13 ++++++++++---
 people/3082.html  | 13 ++++++++++---
 people/3083.html  | 13 ++++++++++---
 people/3084.html  | 13 ++++++++++---
 people/3085.html  | 13 ++++++++++---
 people/3086.html  | 13 ++++++++++---
 people/3087.html  | 13 ++++++++++---
 people/3088.html  | 13 ++++++++++---
 people/3089.html  | 13 ++++++++++---
 people/309.html   | 13 ++++++++++---
 people/3090.html  | 13 ++++++++++---
 people/3091.html  | 13 ++++++++++---
 people/3092.html  | 13 ++++++++++---
 people/3093.html  | 13 ++++++++++---
 people/3094.html  | 13 ++++++++++---
 people/3095.html  | 13 ++++++++++---
 people/3096.html  | 13 ++++++++++---
 people/3097.html  | 13 ++++++++++---
 people/3098.html  | 13 ++++++++++---
 people/3099.html  | 13 ++++++++++---
 people/31.html    | 13 ++++++++++---
 people/310.html   | 13 ++++++++++---
 people/3100.html  | 13 ++++++++++---
 people/3101.html  | 13 ++++++++++---
 people/3102.html  | 13 ++++++++++---
 people/3103.html  | 13 ++++++++++---
 people/3104.html  | 13 ++++++++++---
 people/3105.html  | 13 ++++++++++---
 people/3106.html  | 13 ++++++++++---
 people/3107.html  | 13 ++++++++++---
 people/3108.html  | 13 ++++++++++---
 people/3109.html  | 13 ++++++++++---
 people/311.html   | 13 ++++++++++---
 people/3110.html  | 13 ++++++++++---
 people/3111.html  | 13 ++++++++++---
 people/3112.html  | 13 ++++++++++---
 people/3113.html  | 13 ++++++++++---
 people/3114.html  | 13 ++++++++++---
 people/3115.html  | 13 ++++++++++---
 people/3116.html  | 13 ++++++++++---
 people/3117.html  | 13 ++++++++++---
 people/3118.html  | 13 ++++++++++---
 people/3119.html  | 13 ++++++++++---
 people/312.html   | 13 ++++++++++---
 people/3120.html  | 13 ++++++++++---
 people/3121.html  | 13 ++++++++++---
 people/3122.html  | 13 ++++++++++---
 people/3123.html  | 13 ++++++++++---
 people/3124.html  | 13 ++++++++++---
 people/3125.html  | 13 ++++++++++---
 people/3126.html  | 13 ++++++++++---
 people/3127.html  | 13 ++++++++++---
 people/3128.html  | 13 ++++++++++---
 people/3129.html  | 13 ++++++++++---
 people/313.html   | 13 ++++++++++---
 people/3130.html  | 13 ++++++++++---
 people/3131.html  | 13 ++++++++++---
 people/3132.html  | 13 ++++++++++---
 people/3133.html  | 13 ++++++++++---
 people/3134.html  | 13 ++++++++++---
 people/3135.html  | 13 ++++++++++---
 people/3136.html  | 13 ++++++++++---
 people/3137.html  | 13 ++++++++++---
 people/3138.html  | 13 ++++++++++---
 people/3139.html  | 13 ++++++++++---
 people/314.html   | 13 ++++++++++---
 people/3140.html  | 13 ++++++++++---
 people/3141.html  | 13 ++++++++++---
 people/3142.html  | 13 ++++++++++---
 people/3143.html  | 13 ++++++++++---
 people/3144.html  | 13 ++++++++++---
 people/3145.html  | 13 ++++++++++---
 people/3146.html  | 13 ++++++++++---
 people/3147.html  | 13 ++++++++++---
 people/3148.html  | 13 ++++++++++---
 people/3149.html  | 13 ++++++++++---
 people/315.html   | 13 ++++++++++---
 people/3150.html  | 13 ++++++++++---
 people/3151.html  | 13 ++++++++++---
 people/3152.html  | 13 ++++++++++---
 people/3153.html  | 13 ++++++++++---
 people/3154.html  | 13 ++++++++++---
 people/3155.html  | 13 ++++++++++---
 people/3156.html  | 13 ++++++++++---
 people/3157.html  | 13 ++++++++++---
 people/3158.html  | 13 ++++++++++---
 people/3159.html  | 13 ++++++++++---
 people/316.html   | 13 ++++++++++---
 people/3160.html  | 13 ++++++++++---
 people/3161.html  | 13 ++++++++++---
 people/3162.html  | 13 ++++++++++---
 people/3163.html  | 13 ++++++++++---
 people/3164.html  | 13 ++++++++++---
 people/3165.html  | 13 ++++++++++---
 people/3166.html  | 13 ++++++++++---
 people/3167.html  | 13 ++++++++++---
 people/3168.html  | 13 ++++++++++---
 people/3169.html  | 13 ++++++++++---
 people/317.html   | 13 ++++++++++---
 people/3170.html  | 13 ++++++++++---
 people/3171.html  | 13 ++++++++++---
 people/3172.html  | 13 ++++++++++---
 people/3173.html  | 13 ++++++++++---
 people/3174.html  | 13 ++++++++++---
 people/3175.html  | 13 ++++++++++---
 people/3176.html  | 13 ++++++++++---
 people/3177.html  | 13 ++++++++++---
 people/3178.html  | 13 ++++++++++---
 people/3179.html  | 13 ++++++++++---
 people/318.html   | 13 ++++++++++---
 people/3180.html  | 13 ++++++++++---
 people/3181.html  | 13 ++++++++++---
 people/3182.html  | 13 ++++++++++---
 people/3183.html  | 13 ++++++++++---
 people/3184.html  | 13 ++++++++++---
 people/3185.html  | 13 ++++++++++---
 people/3186.html  | 13 ++++++++++---
 people/3187.html  | 13 ++++++++++---
 people/3188.html  | 13 ++++++++++---
 people/3189.html  | 13 ++++++++++---
 people/319.html   | 13 ++++++++++---
 people/3190.html  | 13 ++++++++++---
 people/3191.html  | 13 ++++++++++---
 people/3192.html  | 13 ++++++++++---
 people/3193.html  | 13 ++++++++++---
 people/3194.html  | 13 ++++++++++---
 people/3195.html  | 13 ++++++++++---
 people/3196.html  | 13 ++++++++++---
 people/3197.html  | 13 ++++++++++---
 people/3198.html  | 13 ++++++++++---
 people/3199.html  | 13 ++++++++++---
 people/32.html    | 13 ++++++++++---
 people/320.html   | 13 ++++++++++---
 people/3200.html  | 13 ++++++++++---
 people/3201.html  | 13 ++++++++++---
 people/3202.html  | 13 ++++++++++---
 people/3203.html  | 13 ++++++++++---
 people/3204.html  | 13 ++++++++++---
 people/3205.html  | 13 ++++++++++---
 people/3206.html  | 13 ++++++++++---
 people/3207.html  | 13 ++++++++++---
 people/3208.html  | 13 ++++++++++---
 people/3209.html  | 13 ++++++++++---
 people/321.html   | 13 ++++++++++---
 people/3210.html  | 13 ++++++++++---
 people/3211.html  | 13 ++++++++++---
 people/3212.html  | 13 ++++++++++---
 people/3213.html  | 13 ++++++++++---
 people/3214.html  | 13 ++++++++++---
 people/3215.html  | 13 ++++++++++---
 people/3216.html  | 13 ++++++++++---
 people/3217.html  | 13 ++++++++++---
 people/3218.html  | 13 ++++++++++---
 people/3219.html  | 13 ++++++++++---
 people/322.html   | 13 ++++++++++---
 people/3221.html  | 13 ++++++++++---
 people/3222.html  | 13 ++++++++++---
 people/3223.html  | 13 ++++++++++---
 people/3224.html  | 13 ++++++++++---
 people/3225.html  | 13 ++++++++++---
 people/3226.html  | 13 ++++++++++---
 people/3227.html  | 13 ++++++++++---
 people/3228.html  | 13 ++++++++++---
 people/3229.html  | 13 ++++++++++---
 people/323.html   | 13 ++++++++++---
 people/3230.html  | 13 ++++++++++---
 people/3231.html  | 13 ++++++++++---
 people/3232.html  | 13 ++++++++++---
 people/3233.html  | 13 ++++++++++---
 people/3234.html  | 13 ++++++++++---
 people/3235.html  | 13 ++++++++++---
 people/3236.html  | 13 ++++++++++---
 people/3237.html  | 13 ++++++++++---
 people/3238.html  | 13 ++++++++++---
 people/3239.html  | 13 ++++++++++---
 people/324.html   | 13 ++++++++++---
 people/3240.html  | 13 ++++++++++---
 people/3241.html  | 13 ++++++++++---
 people/3242.html  | 13 ++++++++++---
 people/3243.html  | 13 ++++++++++---
 people/3244.html  | 13 ++++++++++---
 people/3245.html  | 13 ++++++++++---
 people/3246.html  | 13 ++++++++++---
 people/3247.html  | 13 ++++++++++---
 people/3248.html  | 13 ++++++++++---
 people/3249.html  | 13 ++++++++++---
 people/325.html   | 13 ++++++++++---
 people/3250.html  | 13 ++++++++++---
 people/3251.html  | 13 ++++++++++---
 people/3252.html  | 13 ++++++++++---
 people/3253.html  | 13 ++++++++++---
 people/3254.html  | 13 ++++++++++---
 people/3255.html  | 13 ++++++++++---
 people/3256.html  | 13 ++++++++++---
 people/3257.html  | 13 ++++++++++---
 people/3258.html  | 13 ++++++++++---
 people/3259.html  | 13 ++++++++++---
 people/326.html   | 13 ++++++++++---
 people/3260.html  | 13 ++++++++++---
 people/3261.html  | 13 ++++++++++---
 people/3262.html  | 13 ++++++++++---
 people/3263.html  | 13 ++++++++++---
 people/3264.html  | 13 ++++++++++---
 people/3265.html  | 13 ++++++++++---
 people/3266.html  | 13 ++++++++++---
 people/3267.html  | 13 ++++++++++---
 people/3268.html  | 13 ++++++++++---
 people/3269.html  | 13 ++++++++++---
 people/327.html   | 13 ++++++++++---
 people/3270.html  | 13 ++++++++++---
 people/3271.html  | 13 ++++++++++---
 people/3272.html  | 13 ++++++++++---
 people/3273.html  | 13 ++++++++++---
 people/3274.html  | 13 ++++++++++---
 people/3275.html  | 13 ++++++++++---
 people/3276.html  | 13 ++++++++++---
 people/3277.html  | 13 ++++++++++---
 people/3278.html  | 13 ++++++++++---
 people/3279.html  | 13 ++++++++++---
 people/328.html   | 13 ++++++++++---
 people/3280.html  | 13 ++++++++++---
 people/3281.html  | 13 ++++++++++---
 people/3282.html  | 13 ++++++++++---
 people/3283.html  | 13 ++++++++++---
 people/3284.html  | 13 ++++++++++---
 people/3285.html  | 13 ++++++++++---
 people/3286.html  | 13 ++++++++++---
 people/3287.html  | 13 ++++++++++---
 people/3288.html  | 13 ++++++++++---
 people/3289.html  | 13 ++++++++++---
 people/329.html   | 13 ++++++++++---
 people/3290.html  | 13 ++++++++++---
 people/3291.html  | 13 ++++++++++---
 people/3292.html  | 13 ++++++++++---
 people/3293.html  | 13 ++++++++++---
 people/3294.html  | 13 ++++++++++---
 people/3295.html  | 13 ++++++++++---
 people/3296.html  | 13 ++++++++++---
 people/3297.html  | 13 ++++++++++---
 people/3298.html  | 13 ++++++++++---
 people/3299.html  | 13 ++++++++++---
 people/33.html    | 13 ++++++++++---
 people/330.html   | 13 ++++++++++---
 people/3300.html  | 13 ++++++++++---
 people/3301.html  | 13 ++++++++++---
 people/3302.html  | 13 ++++++++++---
 people/3303.html  | 13 ++++++++++---
 people/3304.html  | 13 ++++++++++---
 people/3305.html  | 13 ++++++++++---
 people/3306.html  | 13 ++++++++++---
 people/3307.html  | 13 ++++++++++---
 people/3308.html  | 13 ++++++++++---
 people/3309.html  | 13 ++++++++++---
 people/331.html   | 13 ++++++++++---
 people/3310.html  | 13 ++++++++++---
 people/3311.html  | 13 ++++++++++---
 people/3312.html  | 13 ++++++++++---
 people/3313.html  | 13 ++++++++++---
 people/3314.html  | 13 ++++++++++---
 people/3315.html  | 13 ++++++++++---
 people/3316.html  | 13 ++++++++++---
 people/3317.html  | 13 ++++++++++---
 people/3318.html  | 13 ++++++++++---
 people/3319.html  | 13 ++++++++++---
 people/332.html   | 13 ++++++++++---
 people/3320.html  | 13 ++++++++++---
 people/3321.html  | 13 ++++++++++---
 people/3322.html  | 13 ++++++++++---
 people/3323.html  | 13 ++++++++++---
 people/3324.html  | 13 ++++++++++---
 people/3325.html  | 13 ++++++++++---
 people/3326.html  | 13 ++++++++++---
 people/3327.html  | 13 ++++++++++---
 people/3328.html  | 13 ++++++++++---
 people/3329.html  | 13 ++++++++++---
 people/333.html   | 13 ++++++++++---
 people/3330.html  | 13 ++++++++++---
 people/3331.html  | 13 ++++++++++---
 people/3332.html  | 13 ++++++++++---
 people/3333.html  | 13 ++++++++++---
 people/3334.html  | 13 ++++++++++---
 people/3335.html  | 13 ++++++++++---
 people/3336.html  | 13 ++++++++++---
 people/3337.html  | 13 ++++++++++---
 people/3338.html  | 13 ++++++++++---
 people/3339.html  | 13 ++++++++++---
 people/334.html   | 13 ++++++++++---
 people/3340.html  | 13 ++++++++++---
 people/3341.html  | 13 ++++++++++---
 people/3342.html  | 13 ++++++++++---
 people/3343.html  | 13 ++++++++++---
 people/3344.html  | 13 ++++++++++---
 people/3345.html  | 13 ++++++++++---
 people/3346.html  | 13 ++++++++++---
 people/3347.html  | 13 ++++++++++---
 people/3348.html  | 13 ++++++++++---
 people/3349.html  | 13 ++++++++++---
 people/335.html   | 13 ++++++++++---
 people/3350.html  | 13 ++++++++++---
 people/3351.html  | 13 ++++++++++---
 people/3352.html  | 13 ++++++++++---
 people/3353.html  | 13 ++++++++++---
 people/3354.html  | 13 ++++++++++---
 people/3355.html  | 13 ++++++++++---
 people/3356.html  | 13 ++++++++++---
 people/3357.html  | 13 ++++++++++---
 people/3358.html  | 13 ++++++++++---
 people/3359.html  | 13 ++++++++++---
 people/336.html   | 13 ++++++++++---
 people/3360.html  | 13 ++++++++++---
 people/3361.html  | 13 ++++++++++---
 people/3362.html  | 13 ++++++++++---
 people/3363.html  | 13 ++++++++++---
 people/3364.html  | 13 ++++++++++---
 people/3365.html  | 13 ++++++++++---
 people/3366.html  | 13 ++++++++++---
 people/3367.html  | 13 ++++++++++---
 people/3368.html  | 13 ++++++++++---
 people/3369.html  | 13 ++++++++++---
 people/337.html   | 13 ++++++++++---
 people/3370.html  | 13 ++++++++++---
 people/3371.html  | 13 ++++++++++---
 people/3372.html  | 13 ++++++++++---
 people/3373.html  | 13 ++++++++++---
 people/3374.html  | 13 ++++++++++---
 people/3375.html  | 13 ++++++++++---
 people/3376.html  | 13 ++++++++++---
 people/3377.html  | 13 ++++++++++---
 people/3378.html  | 13 ++++++++++---
 people/3379.html  | 13 ++++++++++---
 people/338.html   | 13 ++++++++++---
 people/3380.html  | 13 ++++++++++---
 people/3381.html  | 13 ++++++++++---
 people/3382.html  | 13 ++++++++++---
 people/3383.html  | 13 ++++++++++---
 people/3384.html  | 13 ++++++++++---
 people/3385.html  | 13 ++++++++++---
 people/3386.html  | 13 ++++++++++---
 people/3387.html  | 13 ++++++++++---
 people/3388.html  | 13 ++++++++++---
 people/3389.html  | 13 ++++++++++---
 people/339.html   | 13 ++++++++++---
 people/3390.html  | 13 ++++++++++---
 people/3391.html  | 13 ++++++++++---
 people/3392.html  | 13 ++++++++++---
 people/3393.html  | 13 ++++++++++---
 people/3394.html  | 13 ++++++++++---
 people/3395.html  | 13 ++++++++++---
 people/3396.html  | 13 ++++++++++---
 people/3397.html  | 13 ++++++++++---
 people/3398.html  | 13 ++++++++++---
 people/3399.html  | 13 ++++++++++---
 people/34.html    | 13 ++++++++++---
 people/340.html   | 13 ++++++++++---
 people/3400.html  | 13 ++++++++++---
 people/3401.html  | 13 ++++++++++---
 people/3402.html  | 13 ++++++++++---
 people/3403.html  | 13 ++++++++++---
 people/3404.html  | 13 ++++++++++---
 people/3405.html  | 13 ++++++++++---
 people/3406.html  | 13 ++++++++++---
 people/3407.html  | 13 ++++++++++---
 people/3408.html  | 13 ++++++++++---
 people/3409.html  | 13 ++++++++++---
 people/341.html   | 13 ++++++++++---
 people/3410.html  | 13 ++++++++++---
 people/3411.html  | 13 ++++++++++---
 people/3412.html  | 13 ++++++++++---
 people/3413.html  | 13 ++++++++++---
 people/3414.html  | 13 ++++++++++---
 people/3415.html  | 13 ++++++++++---
 people/3416.html  | 13 ++++++++++---
 people/3417.html  | 13 ++++++++++---
 people/3418.html  | 13 ++++++++++---
 people/3419.html  | 13 ++++++++++---
 people/342.html   | 13 ++++++++++---
 people/3420.html  | 13 ++++++++++---
 people/3421.html  | 13 ++++++++++---
 people/3422.html  | 13 ++++++++++---
 people/3423.html  | 13 ++++++++++---
 people/3424.html  | 13 ++++++++++---
 people/3425.html  | 13 ++++++++++---
 people/3426.html  | 13 ++++++++++---
 people/3427.html  | 13 ++++++++++---
 people/3428.html  | 13 ++++++++++---
 people/3429.html  | 13 ++++++++++---
 people/343.html   | 13 ++++++++++---
 people/3430.html  | 13 ++++++++++---
 people/3431.html  | 13 ++++++++++---
 people/3432.html  | 13 ++++++++++---
 people/3433.html  | 13 ++++++++++---
 people/3434.html  | 13 ++++++++++---
 people/3435.html  | 13 ++++++++++---
 people/3436.html  | 13 ++++++++++---
 people/3437.html  | 13 ++++++++++---
 people/3438.html  | 13 ++++++++++---
 people/3439.html  | 13 ++++++++++---
 people/344.html   | 13 ++++++++++---
 people/3440.html  | 13 ++++++++++---
 people/3441.html  | 13 ++++++++++---
 people/3442.html  | 13 ++++++++++---
 people/3443.html  | 13 ++++++++++---
 people/3444.html  | 13 ++++++++++---
 people/3445.html  | 13 ++++++++++---
 people/3446.html  | 13 ++++++++++---
 people/3447.html  | 13 ++++++++++---
 people/3449.html  | 13 ++++++++++---
 people/345.html   | 13 ++++++++++---
 people/3450.html  | 13 ++++++++++---
 people/3451.html  | 13 ++++++++++---
 people/3452.html  | 13 ++++++++++---
 people/3453.html  | 13 ++++++++++---
 people/3454.html  | 13 ++++++++++---
 people/3455.html  | 13 ++++++++++---
 people/3456.html  | 13 ++++++++++---
 people/3457.html  | 13 ++++++++++---
 people/3458.html  | 13 ++++++++++---
 people/3459.html  | 13 ++++++++++---
 people/346.html   | 13 ++++++++++---
 people/3460.html  | 13 ++++++++++---
 people/3461.html  | 13 ++++++++++---
 people/3462.html  | 13 ++++++++++---
 people/3463.html  | 13 ++++++++++---
 people/3464.html  | 13 ++++++++++---
 people/3465.html  | 13 ++++++++++---
 people/3466.html  | 13 ++++++++++---
 people/3467.html  | 13 ++++++++++---
 people/3468.html  | 13 ++++++++++---
 people/3469.html  | 13 ++++++++++---
 people/347.html   | 13 ++++++++++---
 people/3471.html  | 13 ++++++++++---
 people/3472.html  | 13 ++++++++++---
 people/3473.html  | 13 ++++++++++---
 people/3474.html  | 13 ++++++++++---
 people/3475.html  | 13 ++++++++++---
 people/3476.html  | 13 ++++++++++---
 people/3477.html  | 13 ++++++++++---
 people/3478.html  | 13 ++++++++++---
 people/3479.html  | 13 ++++++++++---
 people/348.html   | 13 ++++++++++---
 people/3480.html  | 13 ++++++++++---
 people/3481.html  | 13 ++++++++++---
 people/3482.html  | 13 ++++++++++---
 people/3483.html  | 13 ++++++++++---
 people/3484.html  | 13 ++++++++++---
 people/3485.html  | 13 ++++++++++---
 people/3486.html  | 13 ++++++++++---
 people/3487.html  | 13 ++++++++++---
 people/3488.html  | 13 ++++++++++---
 people/3489.html  | 13 ++++++++++---
 people/349.html   | 13 ++++++++++---
 people/3490.html  | 13 ++++++++++---
 people/3491.html  | 13 ++++++++++---
 people/3492.html  | 13 ++++++++++---
 people/3493.html  | 13 ++++++++++---
 people/3494.html  | 13 ++++++++++---
 people/3495.html  | 13 ++++++++++---
 people/3496.html  | 13 ++++++++++---
 people/3497.html  | 13 ++++++++++---
 people/3498.html  | 13 ++++++++++---
 people/3499.html  | 13 ++++++++++---
 people/35.html    | 13 ++++++++++---
 people/350.html   | 13 ++++++++++---
 people/3500.html  | 13 ++++++++++---
 people/3501.html  | 13 ++++++++++---
 people/3502.html  | 13 ++++++++++---
 people/3503.html  | 13 ++++++++++---
 people/3504.html  | 13 ++++++++++---
 people/3505.html  | 13 ++++++++++---
 people/3506.html  | 13 ++++++++++---
 people/3507.html  | 13 ++++++++++---
 people/3508.html  | 13 ++++++++++---
 people/3509.html  | 13 ++++++++++---
 people/351.html   | 13 ++++++++++---
 people/3510.html  | 13 ++++++++++---
 people/3511.html  | 13 ++++++++++---
 people/3512.html  | 13 ++++++++++---
 people/3513.html  | 13 ++++++++++---
 people/3514.html  | 13 ++++++++++---
 people/3515.html  | 13 ++++++++++---
 people/3516.html  | 13 ++++++++++---
 people/3517.html  | 13 ++++++++++---
 people/3518.html  | 13 ++++++++++---
 people/3519.html  | 13 ++++++++++---
 people/352.html   | 13 ++++++++++---
 people/3520.html  | 13 ++++++++++---
 people/3521.html  | 13 ++++++++++---
 people/3522.html  | 13 ++++++++++---
 people/3523.html  | 13 ++++++++++---
 people/3524.html  | 13 ++++++++++---
 people/3525.html  | 13 ++++++++++---
 people/3526.html  | 13 ++++++++++---
 people/3527.html  | 13 ++++++++++---
 people/3528.html  | 13 ++++++++++---
 people/3529.html  | 13 ++++++++++---
 people/353.html   | 13 ++++++++++---
 people/3530.html  | 13 ++++++++++---
 people/3531.html  | 13 ++++++++++---
 people/3532.html  | 13 ++++++++++---
 people/3533.html  | 13 ++++++++++---
 people/3534.html  | 13 ++++++++++---
 people/3535.html  | 13 ++++++++++---
 people/3536.html  | 13 ++++++++++---
 people/3537.html  | 13 ++++++++++---
 people/3538.html  | 13 ++++++++++---
 people/3539.html  | 13 ++++++++++---
 people/354.html   | 13 ++++++++++---
 people/3540.html  | 13 ++++++++++---
 people/3541.html  | 13 ++++++++++---
 people/3542.html  | 13 ++++++++++---
 people/3543.html  | 13 ++++++++++---
 people/3544.html  | 13 ++++++++++---
 people/3545.html  | 13 ++++++++++---
 people/3546.html  | 13 ++++++++++---
 people/3547.html  | 13 ++++++++++---
 people/3548.html  | 13 ++++++++++---
 people/3549.html  | 13 ++++++++++---
 people/355.html   | 13 ++++++++++---
 people/3550.html  | 13 ++++++++++---
 people/3551.html  | 13 ++++++++++---
 people/3552.html  | 13 ++++++++++---
 people/3553.html  | 13 ++++++++++---
 people/3554.html  | 13 ++++++++++---
 people/3555.html  | 13 ++++++++++---
 people/3556.html  | 13 ++++++++++---
 people/3557.html  | 13 ++++++++++---
 people/3558.html  | 13 ++++++++++---
 people/3559.html  | 13 ++++++++++---
 people/356.html   | 13 ++++++++++---
 people/3560.html  | 13 ++++++++++---
 people/3561.html  | 13 ++++++++++---
 people/3562.html  | 13 ++++++++++---
 people/3563.html  | 13 ++++++++++---
 people/3564.html  | 13 ++++++++++---
 people/3565.html  | 13 ++++++++++---
 people/3566.html  | 13 ++++++++++---
 people/3567.html  | 13 ++++++++++---
 people/3568.html  | 13 ++++++++++---
 people/3569.html  | 13 ++++++++++---
 people/357.html   | 13 ++++++++++---
 people/3570.html  | 13 ++++++++++---
 people/3571.html  | 13 ++++++++++---
 people/3572.html  | 13 ++++++++++---
 people/3573.html  | 13 ++++++++++---
 people/3574.html  | 13 ++++++++++---
 people/3575.html  | 13 ++++++++++---
 people/3576.html  | 13 ++++++++++---
 people/3577.html  | 13 ++++++++++---
 people/3578.html  | 13 ++++++++++---
 people/3579.html  | 13 ++++++++++---
 people/358.html   | 13 ++++++++++---
 people/3580.html  | 13 ++++++++++---
 people/3581.html  | 13 ++++++++++---
 people/3582.html  | 13 ++++++++++---
 people/3583.html  | 13 ++++++++++---
 people/3584.html  | 13 ++++++++++---
 people/3585.html  | 13 ++++++++++---
 people/3586.html  | 13 ++++++++++---
 people/3587.html  | 13 ++++++++++---
 people/3588.html  | 13 ++++++++++---
 people/3589.html  | 13 ++++++++++---
 people/359.html   | 13 ++++++++++---
 people/3590.html  | 13 ++++++++++---
 people/3591.html  | 13 ++++++++++---
 people/3592.html  | 13 ++++++++++---
 people/3593.html  | 13 ++++++++++---
 people/3594.html  | 13 ++++++++++---
 people/3595.html  | 13 ++++++++++---
 people/3596.html  | 13 ++++++++++---
 people/3597.html  | 13 ++++++++++---
 people/3598.html  | 13 ++++++++++---
 people/3599.html  | 13 ++++++++++---
 people/36.html    | 13 ++++++++++---
 people/360.html   | 13 ++++++++++---
 people/3600.html  | 13 ++++++++++---
 people/3601.html  | 13 ++++++++++---
 people/3602.html  | 13 ++++++++++---
 people/3603.html  | 13 ++++++++++---
 people/3604.html  | 13 ++++++++++---
 people/3605.html  | 13 ++++++++++---
 people/3606.html  | 13 ++++++++++---
 people/3607.html  | 13 ++++++++++---
 people/3608.html  | 13 ++++++++++---
 people/3609.html  | 13 ++++++++++---
 people/361.html   | 13 ++++++++++---
 people/3610.html  | 13 ++++++++++---
 people/3611.html  | 13 ++++++++++---
 people/3612.html  | 13 ++++++++++---
 people/3613.html  | 13 ++++++++++---
 people/3614.html  | 13 ++++++++++---
 people/3615.html  | 13 ++++++++++---
 people/3616.html  | 13 ++++++++++---
 people/3617.html  | 13 ++++++++++---
 people/3618.html  | 13 ++++++++++---
 people/3619.html  | 13 ++++++++++---
 people/362.html   | 13 ++++++++++---
 people/3620.html  | 13 ++++++++++---
 people/3621.html  | 13 ++++++++++---
 people/3622.html  | 13 ++++++++++---
 people/3623.html  | 13 ++++++++++---
 people/3624.html  | 13 ++++++++++---
 people/3625.html  | 13 ++++++++++---
 people/3626.html  | 13 ++++++++++---
 people/3627.html  | 13 ++++++++++---
 people/3628.html  | 13 ++++++++++---
 people/3629.html  | 13 ++++++++++---
 people/363.html   | 13 ++++++++++---
 people/3630.html  | 13 ++++++++++---
 people/3631.html  | 13 ++++++++++---
 people/3632.html  | 13 ++++++++++---
 people/3633.html  | 13 ++++++++++---
 people/3634.html  | 13 ++++++++++---
 people/3635.html  | 13 ++++++++++---
 people/3636.html  | 13 ++++++++++---
 people/3637.html  | 13 ++++++++++---
 people/3638.html  | 13 ++++++++++---
 people/3639.html  | 13 ++++++++++---
 people/364.html   | 13 ++++++++++---
 people/3640.html  | 13 ++++++++++---
 people/3641.html  | 13 ++++++++++---
 people/3642.html  | 13 ++++++++++---
 people/3643.html  | 13 ++++++++++---
 people/3644.html  | 13 ++++++++++---
 people/3645.html  | 13 ++++++++++---
 people/3646.html  | 13 ++++++++++---
 people/3647.html  | 13 ++++++++++---
 people/3648.html  | 13 ++++++++++---
 people/3649.html  | 13 ++++++++++---
 people/365.html   | 13 ++++++++++---
 people/3650.html  | 13 ++++++++++---
 people/3651.html  | 13 ++++++++++---
 people/3652.html  | 13 ++++++++++---
 people/3653.html  | 13 ++++++++++---
 people/3654.html  | 13 ++++++++++---
 people/3655.html  | 13 ++++++++++---
 people/3656.html  | 13 ++++++++++---
 people/3657.html  | 13 ++++++++++---
 people/3658.html  | 13 ++++++++++---
 people/3659.html  | 13 ++++++++++---
 people/366.html   | 13 ++++++++++---
 people/3660.html  | 13 ++++++++++---
 people/3661.html  | 13 ++++++++++---
 people/3662.html  | 13 ++++++++++---
 people/3663.html  | 13 ++++++++++---
 people/3664.html  | 13 ++++++++++---
 people/3665.html  | 13 ++++++++++---
 people/3666.html  | 13 ++++++++++---
 people/3667.html  | 13 ++++++++++---
 people/3668.html  | 13 ++++++++++---
 people/3669.html  | 13 ++++++++++---
 people/367.html   | 13 ++++++++++---
 people/3670.html  | 13 ++++++++++---
 people/3671.html  | 13 ++++++++++---
 people/3672.html  | 13 ++++++++++---
 people/3673.html  | 13 ++++++++++---
 people/3674.html  | 13 ++++++++++---
 people/3675.html  | 13 ++++++++++---
 people/3676.html  | 13 ++++++++++---
 people/3677.html  | 13 ++++++++++---
 people/3678.html  | 13 ++++++++++---
 people/3679.html  | 13 ++++++++++---
 people/368.html   | 13 ++++++++++---
 people/3680.html  | 13 ++++++++++---
 people/3681.html  | 13 ++++++++++---
 people/3682.html  | 13 ++++++++++---
 people/3683.html  | 13 ++++++++++---
 people/3684.html  | 13 ++++++++++---
 people/3685.html  | 13 ++++++++++---
 people/3686.html  | 13 ++++++++++---
 people/3687.html  | 13 ++++++++++---
 people/3688.html  | 13 ++++++++++---
 people/3689.html  | 13 ++++++++++---
 people/369.html   | 13 ++++++++++---
 people/3690.html  | 13 ++++++++++---
 people/3691.html  | 13 ++++++++++---
 people/3692.html  | 13 ++++++++++---
 people/3693.html  | 13 ++++++++++---
 people/3694.html  | 13 ++++++++++---
 people/3695.html  | 13 ++++++++++---
 people/3696.html  | 13 ++++++++++---
 people/3697.html  | 13 ++++++++++---
 people/3698.html  | 13 ++++++++++---
 people/3699.html  | 13 ++++++++++---
 people/37.html    | 13 ++++++++++---
 people/370.html   | 13 ++++++++++---
 people/3700.html  | 13 ++++++++++---
 people/3701.html  | 13 ++++++++++---
 people/3702.html  | 13 ++++++++++---
 people/3703.html  | 13 ++++++++++---
 people/3704.html  | 13 ++++++++++---
 people/3705.html  | 13 ++++++++++---
 people/3706.html  | 13 ++++++++++---
 people/3707.html  | 13 ++++++++++---
 people/3708.html  | 13 ++++++++++---
 people/3709.html  | 13 ++++++++++---
 people/371.html   | 13 ++++++++++---
 people/3710.html  | 13 ++++++++++---
 people/3711.html  | 13 ++++++++++---
 people/3712.html  | 13 ++++++++++---
 people/3713.html  | 13 ++++++++++---
 people/3714.html  | 13 ++++++++++---
 people/3715.html  | 13 ++++++++++---
 people/3716.html  | 13 ++++++++++---
 people/3717.html  | 13 ++++++++++---
 people/3718.html  | 13 ++++++++++---
 people/3719.html  | 13 ++++++++++---
 people/372.html   | 13 ++++++++++---
 people/3720.html  | 13 ++++++++++---
 people/3721.html  | 13 ++++++++++---
 people/3722.html  | 13 ++++++++++---
 people/3723.html  | 13 ++++++++++---
 people/3724.html  | 13 ++++++++++---
 people/3725.html  | 13 ++++++++++---
 people/3726.html  | 13 ++++++++++---
 people/3727.html  | 13 ++++++++++---
 people/3728.html  | 13 ++++++++++---
 people/3729.html  | 13 ++++++++++---
 people/373.html   | 13 ++++++++++---
 people/3730.html  | 13 ++++++++++---
 people/3731.html  | 13 ++++++++++---
 people/3732.html  | 13 ++++++++++---
 people/3733.html  | 13 ++++++++++---
 people/3734.html  | 13 ++++++++++---
 people/3735.html  | 13 ++++++++++---
 people/3736.html  | 13 ++++++++++---
 people/3737.html  | 13 ++++++++++---
 people/3738.html  | 13 ++++++++++---
 people/3739.html  | 13 ++++++++++---
 people/374.html   | 13 ++++++++++---
 people/3740.html  | 13 ++++++++++---
 people/3741.html  | 13 ++++++++++---
 people/3742.html  | 13 ++++++++++---
 people/3743.html  | 13 ++++++++++---
 people/3744.html  | 13 ++++++++++---
 people/3745.html  | 13 ++++++++++---
 people/3746.html  | 13 ++++++++++---
 people/3747.html  | 13 ++++++++++---
 people/3748.html  | 13 ++++++++++---
 people/3749.html  | 13 ++++++++++---
 people/375.html   | 13 ++++++++++---
 people/3750.html  | 13 ++++++++++---
 people/3751.html  | 13 ++++++++++---
 people/3752.html  | 13 ++++++++++---
 people/3753.html  | 13 ++++++++++---
 people/3754.html  | 13 ++++++++++---
 people/3755.html  | 13 ++++++++++---
 people/3756.html  | 13 ++++++++++---
 people/3757.html  | 13 ++++++++++---
 people/3758.html  | 13 ++++++++++---
 people/3759.html  | 13 ++++++++++---
 people/376.html   | 13 ++++++++++---
 people/3760.html  | 13 ++++++++++---
 people/3761.html  | 13 ++++++++++---
 people/3762.html  | 13 ++++++++++---
 people/3763.html  | 13 ++++++++++---
 people/3764.html  | 13 ++++++++++---
 people/3765.html  | 13 ++++++++++---
 people/3766.html  | 13 ++++++++++---
 people/3767.html  | 13 ++++++++++---
 people/3768.html  | 13 ++++++++++---
 people/3769.html  | 13 ++++++++++---
 people/377.html   | 13 ++++++++++---
 people/3770.html  | 13 ++++++++++---
 people/3771.html  | 13 ++++++++++---
 people/3772.html  | 13 ++++++++++---
 people/3773.html  | 13 ++++++++++---
 people/3774.html  | 13 ++++++++++---
 people/3775.html  | 13 ++++++++++---
 people/3776.html  | 13 ++++++++++---
 people/3777.html  | 13 ++++++++++---
 people/3778.html  | 13 ++++++++++---
 people/3779.html  | 13 ++++++++++---
 people/378.html   | 13 ++++++++++---
 people/3780.html  | 13 ++++++++++---
 people/3781.html  | 13 ++++++++++---
 people/3782.html  | 13 ++++++++++---
 people/3783.html  | 13 ++++++++++---
 people/3784.html  | 13 ++++++++++---
 people/3785.html  | 13 ++++++++++---
 people/3786.html  | 13 ++++++++++---
 people/3787.html  | 13 ++++++++++---
 people/3788.html  | 13 ++++++++++---
 people/3789.html  | 13 ++++++++++---
 people/379.html   | 13 ++++++++++---
 people/3790.html  | 13 ++++++++++---
 people/3791.html  | 13 ++++++++++---
 people/3792.html  | 13 ++++++++++---
 people/3793.html  | 13 ++++++++++---
 people/3794.html  | 13 ++++++++++---
 people/3795.html  | 13 ++++++++++---
 people/3796.html  | 13 ++++++++++---
 people/3797.html  | 13 ++++++++++---
 people/3798.html  | 13 ++++++++++---
 people/3799.html  | 13 ++++++++++---
 people/38.html    | 13 ++++++++++---
 people/380.html   | 13 ++++++++++---
 people/3800.html  | 13 ++++++++++---
 people/3801.html  | 13 ++++++++++---
 people/3802.html  | 13 ++++++++++---
 people/3803.html  | 13 ++++++++++---
 people/3804.html  | 13 ++++++++++---
 people/3805.html  | 13 ++++++++++---
 people/3806.html  | 13 ++++++++++---
 people/3807.html  | 13 ++++++++++---
 people/3808.html  | 13 ++++++++++---
 people/3809.html  | 13 ++++++++++---
 people/381.html   | 13 ++++++++++---
 people/3810.html  | 13 ++++++++++---
 people/3811.html  | 13 ++++++++++---
 people/3812.html  | 13 ++++++++++---
 people/3813.html  | 13 ++++++++++---
 people/3814.html  | 13 ++++++++++---
 people/3815.html  | 13 ++++++++++---
 people/3816.html  | 13 ++++++++++---
 people/3817.html  | 13 ++++++++++---
 people/3818.html  | 13 ++++++++++---
 people/3819.html  | 13 ++++++++++---
 people/382.html   | 13 ++++++++++---
 people/3820.html  | 13 ++++++++++---
 people/3821.html  | 13 ++++++++++---
 people/3822.html  | 13 ++++++++++---
 people/3823.html  | 13 ++++++++++---
 people/3824.html  | 13 ++++++++++---
 people/3825.html  | 13 ++++++++++---
 people/3826.html  | 13 ++++++++++---
 people/3827.html  | 13 ++++++++++---
 people/3828.html  | 13 ++++++++++---
 people/3829.html  | 13 ++++++++++---
 people/383.html   | 13 ++++++++++---
 people/3830.html  | 13 ++++++++++---
 people/3831.html  | 13 ++++++++++---
 people/3832.html  | 13 ++++++++++---
 people/3833.html  | 13 ++++++++++---
 people/3834.html  | 13 ++++++++++---
 people/3835.html  | 13 ++++++++++---
 people/3836.html  | 13 ++++++++++---
 people/3837.html  | 13 ++++++++++---
 people/3838.html  | 13 ++++++++++---
 people/3839.html  | 13 ++++++++++---
 people/384.html   | 13 ++++++++++---
 people/3840.html  | 13 ++++++++++---
 people/3841.html  | 13 ++++++++++---
 people/3842.html  | 13 ++++++++++---
 people/3843.html  | 13 ++++++++++---
 people/3844.html  | 13 ++++++++++---
 people/3845.html  | 13 ++++++++++---
 people/3846.html  | 13 ++++++++++---
 people/3847.html  | 13 ++++++++++---
 people/3848.html  | 13 ++++++++++---
 people/3849.html  | 13 ++++++++++---
 people/385.html   | 13 ++++++++++---
 people/3850.html  | 13 ++++++++++---
 people/3851.html  | 13 ++++++++++---
 people/3852.html  | 13 ++++++++++---
 people/3853.html  | 13 ++++++++++---
 people/3854.html  | 13 ++++++++++---
 people/3855.html  | 13 ++++++++++---
 people/3856.html  | 13 ++++++++++---
 people/3857.html  | 13 ++++++++++---
 people/3858.html  | 13 ++++++++++---
 people/3859.html  | 13 ++++++++++---
 people/386.html   | 13 ++++++++++---
 people/3860.html  | 13 ++++++++++---
 people/3861.html  | 13 ++++++++++---
 people/3862.html  | 13 ++++++++++---
 people/3863.html  | 13 ++++++++++---
 people/3864.html  | 13 ++++++++++---
 people/3865.html  | 13 ++++++++++---
 people/3866.html  | 13 ++++++++++---
 people/3867.html  | 13 ++++++++++---
 people/3868.html  | 13 ++++++++++---
 people/3869.html  | 13 ++++++++++---
 people/387.html   | 13 ++++++++++---
 people/3870.html  | 13 ++++++++++---
 people/3871.html  | 13 ++++++++++---
 people/3872.html  | 13 ++++++++++---
 people/3873.html  | 13 ++++++++++---
 people/3874.html  | 13 ++++++++++---
 people/3875.html  | 13 ++++++++++---
 people/3876.html  | 13 ++++++++++---
 people/3877.html  | 13 ++++++++++---
 people/3878.html  | 13 ++++++++++---
 people/3879.html  | 13 ++++++++++---
 people/388.html   | 13 ++++++++++---
 people/3880.html  | 13 ++++++++++---
 people/3881.html  | 13 ++++++++++---
 people/3882.html  | 13 ++++++++++---
 people/3883.html  | 13 ++++++++++---
 people/3884.html  | 13 ++++++++++---
 people/3885.html  | 13 ++++++++++---
 people/3886.html  | 13 ++++++++++---
 people/3887.html  | 13 ++++++++++---
 people/3888.html  | 13 ++++++++++---
 people/3889.html  | 13 ++++++++++---
 people/389.html   | 13 ++++++++++---
 people/3890.html  | 13 ++++++++++---
 people/3891.html  | 13 ++++++++++---
 people/3892.html  | 13 ++++++++++---
 people/3893.html  | 13 ++++++++++---
 people/3894.html  | 13 ++++++++++---
 people/3895.html  | 13 ++++++++++---
 people/3896.html  | 13 ++++++++++---
 people/3897.html  | 13 ++++++++++---
 people/3898.html  | 13 ++++++++++---
 people/3899.html  | 13 ++++++++++---
 people/39.html    | 13 ++++++++++---
 people/390.html   | 13 ++++++++++---
 people/3900.html  | 13 ++++++++++---
 people/3901.html  | 13 ++++++++++---
 people/3902.html  | 13 ++++++++++---
 people/3903.html  | 13 ++++++++++---
 people/3904.html  | 13 ++++++++++---
 people/3905.html  | 13 ++++++++++---
 people/3906.html  | 13 ++++++++++---
 people/3907.html  | 13 ++++++++++---
 people/3908.html  | 13 ++++++++++---
 people/3909.html  | 13 ++++++++++---
 people/391.html   | 13 ++++++++++---
 people/3910.html  | 13 ++++++++++---
 people/3911.html  | 13 ++++++++++---
 people/3912.html  | 13 ++++++++++---
 people/3913.html  | 13 ++++++++++---
 people/3914.html  | 13 ++++++++++---
 people/3915.html  | 13 ++++++++++---
 people/3916.html  | 13 ++++++++++---
 people/3917.html  | 13 ++++++++++---
 people/3918.html  | 13 ++++++++++---
 people/3919.html  | 13 ++++++++++---
 people/392.html   | 13 ++++++++++---
 people/3920.html  | 13 ++++++++++---
 people/3921.html  | 13 ++++++++++---
 people/3922.html  | 13 ++++++++++---
 people/3923.html  | 13 ++++++++++---
 people/3924.html  | 13 ++++++++++---
 people/3925.html  | 13 ++++++++++---
 people/3926.html  | 13 ++++++++++---
 people/3927.html  | 13 ++++++++++---
 people/3928.html  | 13 ++++++++++---
 people/3929.html  | 13 ++++++++++---
 people/393.html   | 13 ++++++++++---
 people/3930.html  | 13 ++++++++++---
 people/3931.html  | 13 ++++++++++---
 people/3932.html  | 13 ++++++++++---
 people/3933.html  | 13 ++++++++++---
 people/3934.html  | 13 ++++++++++---
 people/3935.html  | 13 ++++++++++---
 people/3936.html  | 13 ++++++++++---
 people/3937.html  | 13 ++++++++++---
 people/3938.html  | 13 ++++++++++---
 people/3939.html  | 13 ++++++++++---
 people/394.html   | 13 ++++++++++---
 people/3940.html  | 13 ++++++++++---
 people/3941.html  | 13 ++++++++++---
 people/3942.html  | 13 ++++++++++---
 people/3943.html  | 13 ++++++++++---
 people/3944.html  | 13 ++++++++++---
 people/3945.html  | 13 ++++++++++---
 people/3946.html  | 13 ++++++++++---
 people/3947.html  | 13 ++++++++++---
 people/3948.html  | 13 ++++++++++---
 people/3949.html  | 13 ++++++++++---
 people/395.html   | 13 ++++++++++---
 people/3950.html  | 13 ++++++++++---
 people/3951.html  | 13 ++++++++++---
 people/3952.html  | 13 ++++++++++---
 people/3953.html  | 13 ++++++++++---
 people/3954.html  | 13 ++++++++++---
 people/3955.html  | 13 ++++++++++---
 people/3956.html  | 13 ++++++++++---
 people/3957.html  | 13 ++++++++++---
 people/3958.html  | 13 ++++++++++---
 people/3959.html  | 13 ++++++++++---
 people/396.html   | 13 ++++++++++---
 people/3960.html  | 13 ++++++++++---
 people/3961.html  | 13 ++++++++++---
 people/3962.html  | 13 ++++++++++---
 people/3963.html  | 13 ++++++++++---
 people/3964.html  | 13 ++++++++++---
 people/3965.html  | 13 ++++++++++---
 people/3966.html  | 13 ++++++++++---
 people/3967.html  | 13 ++++++++++---
 people/3968.html  | 13 ++++++++++---
 people/3969.html  | 13 ++++++++++---
 people/397.html   | 13 ++++++++++---
 people/3970.html  | 13 ++++++++++---
 people/3971.html  | 13 ++++++++++---
 people/3972.html  | 13 ++++++++++---
 people/3973.html  | 13 ++++++++++---
 people/3974.html  | 13 ++++++++++---
 people/3975.html  | 13 ++++++++++---
 people/3976.html  | 13 ++++++++++---
 people/3977.html  | 13 ++++++++++---
 people/3978.html  | 13 ++++++++++---
 people/3979.html  | 13 ++++++++++---
 people/398.html   | 13 ++++++++++---
 people/3980.html  | 13 ++++++++++---
 people/3981.html  | 13 ++++++++++---
 people/3982.html  | 13 ++++++++++---
 people/3983.html  | 13 ++++++++++---
 people/3984.html  | 13 ++++++++++---
 people/3985.html  | 13 ++++++++++---
 people/3986.html  | 13 ++++++++++---
 people/3987.html  | 13 ++++++++++---
 people/3988.html  | 13 ++++++++++---
 people/3989.html  | 13 ++++++++++---
 people/399.html   | 13 ++++++++++---
 people/3990.html  | 13 ++++++++++---
 people/3991.html  | 13 ++++++++++---
 people/3992.html  | 13 ++++++++++---
 people/3993.html  | 13 ++++++++++---
 people/3994.html  | 13 ++++++++++---
 people/3995.html  | 13 ++++++++++---
 people/3996.html  | 13 ++++++++++---
 people/3997.html  | 13 ++++++++++---
 people/3998.html  | 13 ++++++++++---
 people/3999.html  | 13 ++++++++++---
 people/4.html     | 13 ++++++++++---
 people/40.html    | 13 ++++++++++---
 people/400.html   | 13 ++++++++++---
 people/4000.html  | 13 ++++++++++---
 people/4001.html  | 13 ++++++++++---
 people/4002.html  | 13 ++++++++++---
 people/4003.html  | 13 ++++++++++---
 people/4004.html  | 13 ++++++++++---
 people/4005.html  | 13 ++++++++++---
 people/4006.html  | 13 ++++++++++---
 people/4007.html  | 13 ++++++++++---
 people/4008.html  | 13 ++++++++++---
 people/4009.html  | 13 ++++++++++---
 people/401.html   | 13 ++++++++++---
 people/4010.html  | 13 ++++++++++---
 people/4011.html  | 13 ++++++++++---
 people/4012.html  | 13 ++++++++++---
 people/4013.html  | 13 ++++++++++---
 people/4014.html  | 13 ++++++++++---
 people/4015.html  | 13 ++++++++++---
 people/4016.html  | 13 ++++++++++---
 people/4017.html  | 13 ++++++++++---
 people/4018.html  | 13 ++++++++++---
 people/4019.html  | 13 ++++++++++---
 people/402.html   | 13 ++++++++++---
 people/4020.html  | 13 ++++++++++---
 people/4021.html  | 13 ++++++++++---
 people/4022.html  | 13 ++++++++++---
 people/4023.html  | 13 ++++++++++---
 people/4024.html  | 13 ++++++++++---
 people/4025.html  | 13 ++++++++++---
 people/4026.html  | 13 ++++++++++---
 people/4027.html  | 13 ++++++++++---
 people/4028.html  | 13 ++++++++++---
 people/4029.html  | 13 ++++++++++---
 people/403.html   | 13 ++++++++++---
 people/4030.html  | 13 ++++++++++---
 people/4031.html  | 13 ++++++++++---
 people/4032.html  | 13 ++++++++++---
 people/4033.html  | 13 ++++++++++---
 people/4034.html  | 13 ++++++++++---
 people/4035.html  | 13 ++++++++++---
 people/4036.html  | 13 ++++++++++---
 people/4037.html  | 13 ++++++++++---
 people/4038.html  | 13 ++++++++++---
 people/4039.html  | 13 ++++++++++---
 people/404.html   | 13 ++++++++++---
 people/4040.html  | 13 ++++++++++---
 people/4041.html  | 13 ++++++++++---
 people/4042.html  | 13 ++++++++++---
 people/4043.html  | 13 ++++++++++---
 people/4044.html  | 13 ++++++++++---
 people/4045.html  | 13 ++++++++++---
 people/4046.html  | 13 ++++++++++---
 people/4047.html  | 13 ++++++++++---
 people/4048.html  | 13 ++++++++++---
 people/4049.html  | 13 ++++++++++---
 people/405.html   | 13 ++++++++++---
 people/4050.html  | 13 ++++++++++---
 people/4051.html  | 13 ++++++++++---
 people/4052.html  | 13 ++++++++++---
 people/4053.html  | 13 ++++++++++---
 people/4054.html  | 13 ++++++++++---
 people/4055.html  | 13 ++++++++++---
 people/4056.html  | 13 ++++++++++---
 people/4057.html  | 13 ++++++++++---
 people/4058.html  | 13 ++++++++++---
 people/4059.html  | 13 ++++++++++---
 people/406.html   | 13 ++++++++++---
 people/4060.html  | 13 ++++++++++---
 people/4061.html  | 13 ++++++++++---
 people/4062.html  | 13 ++++++++++---
 people/4063.html  | 13 ++++++++++---
 people/4064.html  | 13 ++++++++++---
 people/4065.html  | 13 ++++++++++---
 people/4066.html  | 13 ++++++++++---
 people/4067.html  | 13 ++++++++++---
 people/4068.html  | 13 ++++++++++---
 people/4069.html  | 13 ++++++++++---
 people/407.html   | 13 ++++++++++---
 people/4070.html  | 13 ++++++++++---
 people/4071.html  | 13 ++++++++++---
 people/4072.html  | 13 ++++++++++---
 people/4073.html  | 13 ++++++++++---
 people/4074.html  | 13 ++++++++++---
 people/4075.html  | 13 ++++++++++---
 people/4076.html  | 13 ++++++++++---
 people/4077.html  | 13 ++++++++++---
 people/4078.html  | 13 ++++++++++---
 people/4079.html  | 13 ++++++++++---
 people/408.html   | 13 ++++++++++---
 people/4080.html  | 13 ++++++++++---
 people/4081.html  | 13 ++++++++++---
 people/4082.html  | 13 ++++++++++---
 people/4083.html  | 13 ++++++++++---
 people/4084.html  | 13 ++++++++++---
 people/4085.html  | 13 ++++++++++---
 people/4086.html  | 13 ++++++++++---
 people/4087.html  | 13 ++++++++++---
 people/4088.html  | 13 ++++++++++---
 people/4089.html  | 13 ++++++++++---
 people/409.html   | 13 ++++++++++---
 people/4090.html  | 13 ++++++++++---
 people/4091.html  | 13 ++++++++++---
 people/4092.html  | 13 ++++++++++---
 people/4093.html  | 13 ++++++++++---
 people/4094.html  | 13 ++++++++++---
 people/4095.html  | 13 ++++++++++---
 people/4096.html  | 13 ++++++++++---
 people/4097.html  | 13 ++++++++++---
 people/4098.html  | 13 ++++++++++---
 people/4099.html  | 13 ++++++++++---
 people/41.html    | 13 ++++++++++---
 people/410.html   | 13 ++++++++++---
 people/4100.html  | 13 ++++++++++---
 people/4101.html  | 13 ++++++++++---
 people/4102.html  | 13 ++++++++++---
 people/4103.html  | 13 ++++++++++---
 people/4104.html  | 13 ++++++++++---
 people/4105.html  | 13 ++++++++++---
 people/4106.html  | 13 ++++++++++---
 people/4107.html  | 13 ++++++++++---
 people/4108.html  | 13 ++++++++++---
 people/4109.html  | 13 ++++++++++---
 people/411.html   | 13 ++++++++++---
 people/4110.html  | 13 ++++++++++---
 people/4111.html  | 13 ++++++++++---
 people/4112.html  | 13 ++++++++++---
 people/4113.html  | 13 ++++++++++---
 people/4114.html  | 13 ++++++++++---
 people/4115.html  | 13 ++++++++++---
 people/4116.html  | 13 ++++++++++---
 people/4117.html  | 13 ++++++++++---
 people/4118.html  | 13 ++++++++++---
 people/4119.html  | 13 ++++++++++---
 people/412.html   | 13 ++++++++++---
 people/4120.html  | 13 ++++++++++---
 people/4121.html  | 13 ++++++++++---
 people/4122.html  | 13 ++++++++++---
 people/4123.html  | 13 ++++++++++---
 people/4124.html  | 13 ++++++++++---
 people/4125.html  | 13 ++++++++++---
 people/4126.html  | 13 ++++++++++---
 people/4127.html  | 13 ++++++++++---
 people/4128.html  | 13 ++++++++++---
 people/4129.html  | 13 ++++++++++---
 people/413.html   | 13 ++++++++++---
 people/4130.html  | 13 ++++++++++---
 people/4131.html  | 13 ++++++++++---
 people/4132.html  | 13 ++++++++++---
 people/4133.html  | 13 ++++++++++---
 people/4134.html  | 13 ++++++++++---
 people/4135.html  | 13 ++++++++++---
 people/4136.html  | 13 ++++++++++---
 people/4137.html  | 13 ++++++++++---
 people/4138.html  | 13 ++++++++++---
 people/4139.html  | 13 ++++++++++---
 people/414.html   | 13 ++++++++++---
 people/4140.html  | 13 ++++++++++---
 people/4141.html  | 13 ++++++++++---
 people/4142.html  | 13 ++++++++++---
 people/4143.html  | 13 ++++++++++---
 people/4144.html  | 13 ++++++++++---
 people/4145.html  | 13 ++++++++++---
 people/4146.html  | 13 ++++++++++---
 people/4147.html  | 13 ++++++++++---
 people/4148.html  | 13 ++++++++++---
 people/4149.html  | 13 ++++++++++---
 people/415.html   | 13 ++++++++++---
 people/4150.html  | 13 ++++++++++---
 people/4151.html  | 13 ++++++++++---
 people/4152.html  | 13 ++++++++++---
 people/4153.html  | 13 ++++++++++---
 people/4154.html  | 13 ++++++++++---
 people/4155.html  | 13 ++++++++++---
 people/4156.html  | 13 ++++++++++---
 people/4157.html  | 13 ++++++++++---
 people/4158.html  | 13 ++++++++++---
 people/4159.html  | 13 ++++++++++---
 people/416.html   | 13 ++++++++++---
 people/4160.html  | 13 ++++++++++---
 people/4161.html  | 13 ++++++++++---
 people/4162.html  | 13 ++++++++++---
 people/4163.html  | 13 ++++++++++---
 people/4164.html  | 13 ++++++++++---
 people/4165.html  | 13 ++++++++++---
 people/4166.html  | 13 ++++++++++---
 people/4167.html  | 13 ++++++++++---
 people/4168.html  | 13 ++++++++++---
 people/4169.html  | 13 ++++++++++---
 people/417.html   | 13 ++++++++++---
 people/4170.html  | 13 ++++++++++---
 people/4171.html  | 13 ++++++++++---
 people/4172.html  | 13 ++++++++++---
 people/4173.html  | 13 ++++++++++---
 people/4174.html  | 13 ++++++++++---
 people/4175.html  | 13 ++++++++++---
 people/4176.html  | 13 ++++++++++---
 people/4177.html  | 13 ++++++++++---
 people/4178.html  | 13 ++++++++++---
 people/4179.html  | 13 ++++++++++---
 people/418.html   | 13 ++++++++++---
 people/4180.html  | 13 ++++++++++---
 people/4181.html  | 13 ++++++++++---
 people/4182.html  | 13 ++++++++++---
 people/4183.html  | 13 ++++++++++---
 people/4184.html  | 13 ++++++++++---
 people/4185.html  | 13 ++++++++++---
 people/4186.html  | 13 ++++++++++---
 people/4187.html  | 13 ++++++++++---
 people/4188.html  | 13 ++++++++++---
 people/4189.html  | 13 ++++++++++---
 people/419.html   | 13 ++++++++++---
 people/4190.html  | 13 ++++++++++---
 people/4191.html  | 13 ++++++++++---
 people/4192.html  | 13 ++++++++++---
 people/4193.html  | 13 ++++++++++---
 people/4194.html  | 13 ++++++++++---
 people/4195.html  | 13 ++++++++++---
 people/4196.html  | 13 ++++++++++---
 people/4197.html  | 13 ++++++++++---
 people/4198.html  | 13 ++++++++++---
 people/4199.html  | 13 ++++++++++---
 people/42.html    | 13 ++++++++++---
 people/420.html   | 13 ++++++++++---
 people/4200.html  | 13 ++++++++++---
 people/4201.html  | 13 ++++++++++---
 people/4202.html  | 13 ++++++++++---
 people/4203.html  | 13 ++++++++++---
 people/4204.html  | 13 ++++++++++---
 people/4205.html  | 13 ++++++++++---
 people/4206.html  | 13 ++++++++++---
 people/4207.html  | 13 ++++++++++---
 people/4208.html  | 13 ++++++++++---
 people/4209.html  | 13 ++++++++++---
 people/421.html   | 13 ++++++++++---
 people/4210.html  | 13 ++++++++++---
 people/4211.html  | 13 ++++++++++---
 people/4212.html  | 13 ++++++++++---
 people/4213.html  | 13 ++++++++++---
 people/4214.html  | 13 ++++++++++---
 people/4215.html  | 13 ++++++++++---
 people/4216.html  | 13 ++++++++++---
 people/4217.html  | 13 ++++++++++---
 people/4218.html  | 13 ++++++++++---
 people/4219.html  | 13 ++++++++++---
 people/422.html   | 13 ++++++++++---
 people/4220.html  | 13 ++++++++++---
 people/4221.html  | 13 ++++++++++---
 people/4222.html  | 13 ++++++++++---
 people/4223.html  | 13 ++++++++++---
 people/4224.html  | 13 ++++++++++---
 people/4225.html  | 13 ++++++++++---
 people/4226.html  | 13 ++++++++++---
 people/4227.html  | 13 ++++++++++---
 people/4228.html  | 13 ++++++++++---
 people/4229.html  | 13 ++++++++++---
 people/423.html   | 13 ++++++++++---
 people/4230.html  | 13 ++++++++++---
 people/4231.html  | 13 ++++++++++---
 people/4232.html  | 13 ++++++++++---
 people/4233.html  | 13 ++++++++++---
 people/4234.html  | 13 ++++++++++---
 people/4235.html  | 13 ++++++++++---
 people/4236.html  | 13 ++++++++++---
 people/4237.html  | 13 ++++++++++---
 people/4238.html  | 13 ++++++++++---
 people/4239.html  | 13 ++++++++++---
 people/424.html   | 13 ++++++++++---
 people/4240.html  | 13 ++++++++++---
 people/4241.html  | 13 ++++++++++---
 people/4242.html  | 13 ++++++++++---
 people/4243.html  | 13 ++++++++++---
 people/4244.html  | 13 ++++++++++---
 people/4245.html  | 13 ++++++++++---
 people/4246.html  | 13 ++++++++++---
 people/4247.html  | 13 ++++++++++---
 people/4248.html  | 13 ++++++++++---
 people/4249.html  | 13 ++++++++++---
 people/425.html   | 13 ++++++++++---
 people/4250.html  | 13 ++++++++++---
 people/4251.html  | 13 ++++++++++---
 people/4252.html  | 13 ++++++++++---
 people/4253.html  | 13 ++++++++++---
 people/4254.html  | 13 ++++++++++---
 people/4255.html  | 13 ++++++++++---
 people/4256.html  | 13 ++++++++++---
 people/4257.html  | 13 ++++++++++---
 people/4258.html  | 13 ++++++++++---
 people/4259.html  | 13 ++++++++++---
 people/426.html   | 13 ++++++++++---
 people/4260.html  | 13 ++++++++++---
 people/4261.html  | 13 ++++++++++---
 people/4262.html  | 13 ++++++++++---
 people/4263.html  | 13 ++++++++++---
 people/4264.html  | 13 ++++++++++---
 people/4265.html  | 13 ++++++++++---
 people/4266.html  | 13 ++++++++++---
 people/4267.html  | 13 ++++++++++---
 people/4268.html  | 13 ++++++++++---
 people/4269.html  | 13 ++++++++++---
 people/427.html   | 13 ++++++++++---
 people/4270.html  | 13 ++++++++++---
 people/4271.html  | 13 ++++++++++---
 people/4272.html  | 13 ++++++++++---
 people/4273.html  | 13 ++++++++++---
 people/4274.html  | 13 ++++++++++---
 people/4275.html  | 13 ++++++++++---
 people/4276.html  | 13 ++++++++++---
 people/4277.html  | 13 ++++++++++---
 people/4278.html  | 13 ++++++++++---
 people/4279.html  | 13 ++++++++++---
 people/428.html   | 13 ++++++++++---
 people/4280.html  | 13 ++++++++++---
 people/4281.html  | 13 ++++++++++---
 people/4282.html  | 13 ++++++++++---
 people/4283.html  | 13 ++++++++++---
 people/4284.html  | 13 ++++++++++---
 people/4285.html  | 13 ++++++++++---
 people/4286.html  | 13 ++++++++++---
 people/4287.html  | 13 ++++++++++---
 people/4288.html  | 13 ++++++++++---
 people/4289.html  | 13 ++++++++++---
 people/429.html   | 13 ++++++++++---
 people/4290.html  | 13 ++++++++++---
 people/4291.html  | 13 ++++++++++---
 people/4292.html  | 13 ++++++++++---
 people/4293.html  | 13 ++++++++++---
 people/4294.html  | 13 ++++++++++---
 people/4295.html  | 13 ++++++++++---
 people/4296.html  | 13 ++++++++++---
 people/4297.html  | 13 ++++++++++---
 people/4298.html  | 13 ++++++++++---
 people/4299.html  | 13 ++++++++++---
 people/43.html    | 13 ++++++++++---
 people/430.html   | 13 ++++++++++---
 people/4300.html  | 13 ++++++++++---
 people/4301.html  | 13 ++++++++++---
 people/4302.html  | 13 ++++++++++---
 people/4303.html  | 13 ++++++++++---
 people/4304.html  | 13 ++++++++++---
 people/4305.html  | 13 ++++++++++---
 people/4306.html  | 13 ++++++++++---
 people/4307.html  | 13 ++++++++++---
 people/4308.html  | 13 ++++++++++---
 people/4309.html  | 13 ++++++++++---
 people/431.html   | 13 ++++++++++---
 people/4310.html  | 13 ++++++++++---
 people/4311.html  | 13 ++++++++++---
 people/4312.html  | 13 ++++++++++---
 people/4313.html  | 13 ++++++++++---
 people/4314.html  | 13 ++++++++++---
 people/4315.html  | 13 ++++++++++---
 people/4316.html  | 13 ++++++++++---
 people/4317.html  | 13 ++++++++++---
 people/4318.html  | 13 ++++++++++---
 people/4319.html  | 13 ++++++++++---
 people/432.html   | 13 ++++++++++---
 people/4320.html  | 13 ++++++++++---
 people/4321.html  | 13 ++++++++++---
 people/4322.html  | 13 ++++++++++---
 people/4323.html  | 13 ++++++++++---
 people/4324.html  | 13 ++++++++++---
 people/4325.html  | 13 ++++++++++---
 people/4326.html  | 13 ++++++++++---
 people/4327.html  | 13 ++++++++++---
 people/4328.html  | 13 ++++++++++---
 people/4329.html  | 13 ++++++++++---
 people/433.html   | 13 ++++++++++---
 people/4330.html  | 13 ++++++++++---
 people/4331.html  | 13 ++++++++++---
 people/4332.html  | 13 ++++++++++---
 people/4333.html  | 13 ++++++++++---
 people/4334.html  | 13 ++++++++++---
 people/4335.html  | 13 ++++++++++---
 people/4336.html  | 13 ++++++++++---
 people/4337.html  | 13 ++++++++++---
 people/4338.html  | 13 ++++++++++---
 people/4339.html  | 13 ++++++++++---
 people/434.html   | 13 ++++++++++---
 people/4340.html  | 13 ++++++++++---
 people/4341.html  | 13 ++++++++++---
 people/4342.html  | 13 ++++++++++---
 people/4343.html  | 13 ++++++++++---
 people/4344.html  | 13 ++++++++++---
 people/4345.html  | 13 ++++++++++---
 people/4346.html  | 13 ++++++++++---
 people/4347.html  | 13 ++++++++++---
 people/4348.html  | 13 ++++++++++---
 people/4349.html  | 13 ++++++++++---
 people/435.html   | 13 ++++++++++---
 people/4350.html  | 13 ++++++++++---
 people/4351.html  | 13 ++++++++++---
 people/4352.html  | 13 ++++++++++---
 people/4353.html  | 13 ++++++++++---
 people/4354.html  | 13 ++++++++++---
 people/4355.html  | 13 ++++++++++---
 people/4356.html  | 13 ++++++++++---
 people/4357.html  | 13 ++++++++++---
 people/4358.html  | 13 ++++++++++---
 people/4359.html  | 13 ++++++++++---
 people/436.html   | 13 ++++++++++---
 people/4360.html  | 13 ++++++++++---
 people/4361.html  | 13 ++++++++++---
 people/4362.html  | 13 ++++++++++---
 people/4363.html  | 13 ++++++++++---
 people/4364.html  | 13 ++++++++++---
 people/4365.html  | 13 ++++++++++---
 people/4366.html  | 13 ++++++++++---
 people/4367.html  | 13 ++++++++++---
 people/4368.html  | 13 ++++++++++---
 people/4369.html  | 13 ++++++++++---
 people/437.html   | 13 ++++++++++---
 people/4370.html  | 13 ++++++++++---
 people/4371.html  | 13 ++++++++++---
 people/4372.html  | 13 ++++++++++---
 people/4373.html  | 13 ++++++++++---
 people/4374.html  | 13 ++++++++++---
 people/4375.html  | 13 ++++++++++---
 people/4376.html  | 13 ++++++++++---
 people/4377.html  | 13 ++++++++++---
 people/4378.html  | 13 ++++++++++---
 people/4379.html  | 13 ++++++++++---
 people/438.html   | 13 ++++++++++---
 people/4380.html  | 13 ++++++++++---
 people/4381.html  | 13 ++++++++++---
 people/4382.html  | 13 ++++++++++---
 people/4383.html  | 13 ++++++++++---
 people/4384.html  | 13 ++++++++++---
 people/4385.html  | 13 ++++++++++---
 people/4386.html  | 13 ++++++++++---
 people/4387.html  | 13 ++++++++++---
 people/4388.html  | 13 ++++++++++---
 people/4389.html  | 13 ++++++++++---
 people/439.html   | 13 ++++++++++---
 people/4390.html  | 13 ++++++++++---
 people/4391.html  | 13 ++++++++++---
 people/4392.html  | 13 ++++++++++---
 people/4393.html  | 13 ++++++++++---
 people/4394.html  | 13 ++++++++++---
 people/4395.html  | 13 ++++++++++---
 people/4396.html  | 13 ++++++++++---
 people/4397.html  | 13 ++++++++++---
 people/4398.html  | 13 ++++++++++---
 people/4399.html  | 13 ++++++++++---
 people/44.html    | 13 ++++++++++---
 people/440.html   | 13 ++++++++++---
 people/4400.html  | 13 ++++++++++---
 people/4401.html  | 13 ++++++++++---
 people/4402.html  | 13 ++++++++++---
 people/4403.html  | 13 ++++++++++---
 people/4404.html  | 13 ++++++++++---
 people/4405.html  | 13 ++++++++++---
 people/4406.html  | 13 ++++++++++---
 people/4407.html  | 13 ++++++++++---
 people/4408.html  | 13 ++++++++++---
 people/4409.html  | 13 ++++++++++---
 people/441.html   | 13 ++++++++++---
 people/4410.html  | 13 ++++++++++---
 people/4411.html  | 13 ++++++++++---
 people/4412.html  | 13 ++++++++++---
 people/4413.html  | 13 ++++++++++---
 people/4414.html  | 13 ++++++++++---
 people/4415.html  | 13 ++++++++++---
 people/4416.html  | 13 ++++++++++---
 people/4417.html  | 13 ++++++++++---
 people/4418.html  | 13 ++++++++++---
 people/4419.html  | 13 ++++++++++---
 people/442.html   | 13 ++++++++++---
 people/4420.html  | 13 ++++++++++---
 people/4421.html  | 13 ++++++++++---
 people/4422.html  | 13 ++++++++++---
 people/4423.html  | 13 ++++++++++---
 people/4424.html  | 13 ++++++++++---
 people/4425.html  | 13 ++++++++++---
 people/4426.html  | 13 ++++++++++---
 people/4427.html  | 13 ++++++++++---
 people/4428.html  | 13 ++++++++++---
 people/4429.html  | 13 ++++++++++---
 people/443.html   | 13 ++++++++++---
 people/4430.html  | 13 ++++++++++---
 people/4431.html  | 13 ++++++++++---
 people/4432.html  | 13 ++++++++++---
 people/4433.html  | 13 ++++++++++---
 people/4434.html  | 13 ++++++++++---
 people/4435.html  | 13 ++++++++++---
 people/4436.html  | 13 ++++++++++---
 people/4437.html  | 13 ++++++++++---
 people/4438.html  | 13 ++++++++++---
 people/4439.html  | 13 ++++++++++---
 people/444.html   | 13 ++++++++++---
 people/4440.html  | 13 ++++++++++---
 people/4441.html  | 13 ++++++++++---
 people/4442.html  | 13 ++++++++++---
 people/4443.html  | 13 ++++++++++---
 people/4444.html  | 13 ++++++++++---
 people/4445.html  | 13 ++++++++++---
 people/4446.html  | 13 ++++++++++---
 people/4447.html  | 13 ++++++++++---
 people/4448.html  | 13 ++++++++++---
 people/4449.html  | 13 ++++++++++---
 people/445.html   | 13 ++++++++++---
 people/4450.html  | 13 ++++++++++---
 people/4451.html  | 13 ++++++++++---
 people/4452.html  | 13 ++++++++++---
 people/4453.html  | 13 ++++++++++---
 people/4454.html  | 13 ++++++++++---
 people/4455.html  | 13 ++++++++++---
 people/4456.html  | 13 ++++++++++---
 people/4457.html  | 13 ++++++++++---
 people/4458.html  | 13 ++++++++++---
 people/4459.html  | 13 ++++++++++---
 people/446.html   | 13 ++++++++++---
 people/4460.html  | 13 ++++++++++---
 people/4461.html  | 13 ++++++++++---
 people/4462.html  | 13 ++++++++++---
 people/4463.html  | 13 ++++++++++---
 people/4464.html  | 13 ++++++++++---
 people/4465.html  | 13 ++++++++++---
 people/4466.html  | 13 ++++++++++---
 people/4467.html  | 13 ++++++++++---
 people/4468.html  | 13 ++++++++++---
 people/4469.html  | 13 ++++++++++---
 people/447.html   | 13 ++++++++++---
 people/4470.html  | 13 ++++++++++---
 people/4471.html  | 13 ++++++++++---
 people/4472.html  | 13 ++++++++++---
 people/4473.html  | 13 ++++++++++---
 people/4474.html  | 13 ++++++++++---
 people/4475.html  | 13 ++++++++++---
 people/4476.html  | 13 ++++++++++---
 people/4477.html  | 13 ++++++++++---
 people/4478.html  | 13 ++++++++++---
 people/4479.html  | 13 ++++++++++---
 people/448.html   | 13 ++++++++++---
 people/4480.html  | 13 ++++++++++---
 people/4481.html  | 13 ++++++++++---
 people/4482.html  | 13 ++++++++++---
 people/4483.html  | 13 ++++++++++---
 people/4484.html  | 13 ++++++++++---
 people/4485.html  | 13 ++++++++++---
 people/4486.html  | 13 ++++++++++---
 people/4487.html  | 13 ++++++++++---
 people/4488.html  | 13 ++++++++++---
 people/4489.html  | 13 ++++++++++---
 people/449.html   | 13 ++++++++++---
 people/4490.html  | 13 ++++++++++---
 people/4491.html  | 13 ++++++++++---
 people/4492.html  | 13 ++++++++++---
 people/4493.html  | 13 ++++++++++---
 people/4494.html  | 13 ++++++++++---
 people/4495.html  | 13 ++++++++++---
 people/4496.html  | 13 ++++++++++---
 people/4497.html  | 13 ++++++++++---
 people/4498.html  | 13 ++++++++++---
 people/4499.html  | 13 ++++++++++---
 people/45.html    | 13 ++++++++++---
 people/450.html   | 13 ++++++++++---
 people/4500.html  | 13 ++++++++++---
 people/4501.html  | 13 ++++++++++---
 people/4502.html  | 13 ++++++++++---
 people/4503.html  | 13 ++++++++++---
 people/4504.html  | 13 ++++++++++---
 people/4505.html  | 13 ++++++++++---
 people/4506.html  | 13 ++++++++++---
 people/4507.html  | 13 ++++++++++---
 people/4508.html  | 13 ++++++++++---
 people/4509.html  | 13 ++++++++++---
 people/451.html   | 13 ++++++++++---
 people/4510.html  | 13 ++++++++++---
 people/4511.html  | 13 ++++++++++---
 people/4512.html  | 13 ++++++++++---
 people/4513.html  | 13 ++++++++++---
 people/4514.html  | 13 ++++++++++---
 people/4515.html  | 13 ++++++++++---
 people/4516.html  | 13 ++++++++++---
 people/4517.html  | 13 ++++++++++---
 people/4518.html  | 13 ++++++++++---
 people/4519.html  | 13 ++++++++++---
 people/452.html   | 13 ++++++++++---
 people/4520.html  | 13 ++++++++++---
 people/4521.html  | 13 ++++++++++---
 people/4522.html  | 13 ++++++++++---
 people/4523.html  | 13 ++++++++++---
 people/4524.html  | 13 ++++++++++---
 people/4525.html  | 13 ++++++++++---
 people/4526.html  | 13 ++++++++++---
 people/4527.html  | 13 ++++++++++---
 people/4528.html  | 13 ++++++++++---
 people/4529.html  | 13 ++++++++++---
 people/453.html   | 13 ++++++++++---
 people/4530.html  | 13 ++++++++++---
 people/4531.html  | 13 ++++++++++---
 people/4532.html  | 13 ++++++++++---
 people/4533.html  | 13 ++++++++++---
 people/4534.html  | 13 ++++++++++---
 people/4535.html  | 13 ++++++++++---
 people/4536.html  | 13 ++++++++++---
 people/4537.html  | 13 ++++++++++---
 people/4538.html  | 13 ++++++++++---
 people/4539.html  | 13 ++++++++++---
 people/454.html   | 13 ++++++++++---
 people/4540.html  | 13 ++++++++++---
 people/4541.html  | 13 ++++++++++---
 people/4542.html  | 13 ++++++++++---
 people/4543.html  | 13 ++++++++++---
 people/4544.html  | 13 ++++++++++---
 people/4545.html  | 13 ++++++++++---
 people/4546.html  | 13 ++++++++++---
 people/4547.html  | 13 ++++++++++---
 people/4548.html  | 13 ++++++++++---
 people/4549.html  | 13 ++++++++++---
 people/455.html   | 13 ++++++++++---
 people/4550.html  | 13 ++++++++++---
 people/4551.html  | 13 ++++++++++---
 people/4552.html  | 13 ++++++++++---
 people/4553.html  | 13 ++++++++++---
 people/4554.html  | 13 ++++++++++---
 people/4555.html  | 13 ++++++++++---
 people/4556.html  | 13 ++++++++++---
 people/4557.html  | 13 ++++++++++---
 people/4558.html  | 13 ++++++++++---
 people/4559.html  | 13 ++++++++++---
 people/456.html   | 13 ++++++++++---
 people/4560.html  | 13 ++++++++++---
 people/4561.html  | 13 ++++++++++---
 people/4562.html  | 13 ++++++++++---
 people/4563.html  | 13 ++++++++++---
 people/4564.html  | 13 ++++++++++---
 people/4565.html  | 13 ++++++++++---
 people/4566.html  | 13 ++++++++++---
 people/4567.html  | 13 ++++++++++---
 people/4568.html  | 13 ++++++++++---
 people/4569.html  | 13 ++++++++++---
 people/457.html   | 13 ++++++++++---
 people/4570.html  | 13 ++++++++++---
 people/4571.html  | 13 ++++++++++---
 people/4572.html  | 13 ++++++++++---
 people/4573.html  | 13 ++++++++++---
 people/4574.html  | 13 ++++++++++---
 people/4575.html  | 13 ++++++++++---
 people/4576.html  | 13 ++++++++++---
 people/4577.html  | 13 ++++++++++---
 people/4578.html  | 13 ++++++++++---
 people/4579.html  | 13 ++++++++++---
 people/458.html   | 13 ++++++++++---
 people/4580.html  | 13 ++++++++++---
 people/4581.html  | 13 ++++++++++---
 people/4582.html  | 13 ++++++++++---
 people/4583.html  | 13 ++++++++++---
 people/4584.html  | 13 ++++++++++---
 people/4585.html  | 13 ++++++++++---
 people/4586.html  | 13 ++++++++++---
 people/4587.html  | 13 ++++++++++---
 people/4588.html  | 13 ++++++++++---
 people/4589.html  | 13 ++++++++++---
 people/459.html   | 13 ++++++++++---
 people/4590.html  | 13 ++++++++++---
 people/4591.html  | 13 ++++++++++---
 people/4592.html  | 13 ++++++++++---
 people/4593.html  | 13 ++++++++++---
 people/4594.html  | 13 ++++++++++---
 people/4595.html  | 13 ++++++++++---
 people/4596.html  | 13 ++++++++++---
 people/4597.html  | 13 ++++++++++---
 people/4598.html  | 13 ++++++++++---
 people/4599.html  | 13 ++++++++++---
 people/46.html    | 13 ++++++++++---
 people/460.html   | 13 ++++++++++---
 people/4600.html  | 13 ++++++++++---
 people/4601.html  | 13 ++++++++++---
 people/4602.html  | 13 ++++++++++---
 people/4603.html  | 13 ++++++++++---
 people/4604.html  | 13 ++++++++++---
 people/4605.html  | 13 ++++++++++---
 people/4606.html  | 13 ++++++++++---
 people/4607.html  | 13 ++++++++++---
 people/4608.html  | 13 ++++++++++---
 people/4609.html  | 13 ++++++++++---
 people/461.html   | 13 ++++++++++---
 people/4610.html  | 13 ++++++++++---
 people/4611.html  | 13 ++++++++++---
 people/4612.html  | 13 ++++++++++---
 people/4613.html  | 13 ++++++++++---
 people/4614.html  | 13 ++++++++++---
 people/4615.html  | 13 ++++++++++---
 people/4616.html  | 13 ++++++++++---
 people/4617.html  | 13 ++++++++++---
 people/4618.html  | 13 ++++++++++---
 people/4619.html  | 13 ++++++++++---
 people/462.html   | 13 ++++++++++---
 people/4620.html  | 13 ++++++++++---
 people/4621.html  | 13 ++++++++++---
 people/4622.html  | 13 ++++++++++---
 people/4623.html  | 13 ++++++++++---
 people/4624.html  | 13 ++++++++++---
 people/4625.html  | 13 ++++++++++---
 people/4626.html  | 13 ++++++++++---
 people/4627.html  | 13 ++++++++++---
 people/4628.html  | 13 ++++++++++---
 people/4629.html  | 13 ++++++++++---
 people/463.html   | 13 ++++++++++---
 people/4630.html  | 13 ++++++++++---
 people/4631.html  | 13 ++++++++++---
 people/4632.html  | 13 ++++++++++---
 people/4633.html  | 13 ++++++++++---
 people/4634.html  | 13 ++++++++++---
 people/4635.html  | 13 ++++++++++---
 people/4636.html  | 13 ++++++++++---
 people/4637.html  | 13 ++++++++++---
 people/4638.html  | 13 ++++++++++---
 people/4639.html  | 13 ++++++++++---
 people/464.html   | 13 ++++++++++---
 people/4640.html  | 13 ++++++++++---
 people/4641.html  | 13 ++++++++++---
 people/4642.html  | 13 ++++++++++---
 people/4643.html  | 13 ++++++++++---
 people/4644.html  | 13 ++++++++++---
 people/4645.html  | 13 ++++++++++---
 people/4646.html  | 13 ++++++++++---
 people/4647.html  | 13 ++++++++++---
 people/4648.html  | 13 ++++++++++---
 people/4649.html  | 13 ++++++++++---
 people/465.html   | 13 ++++++++++---
 people/4650.html  | 13 ++++++++++---
 people/4651.html  | 13 ++++++++++---
 people/4652.html  | 13 ++++++++++---
 people/4653.html  | 13 ++++++++++---
 people/4654.html  | 13 ++++++++++---
 people/4655.html  | 13 ++++++++++---
 people/4656.html  | 13 ++++++++++---
 people/4657.html  | 13 ++++++++++---
 people/4658.html  | 13 ++++++++++---
 people/4659.html  | 13 ++++++++++---
 people/466.html   | 13 ++++++++++---
 people/4660.html  | 13 ++++++++++---
 people/4661.html  | 13 ++++++++++---
 people/4662.html  | 13 ++++++++++---
 people/4663.html  | 13 ++++++++++---
 people/4664.html  | 13 ++++++++++---
 people/4665.html  | 13 ++++++++++---
 people/4666.html  | 13 ++++++++++---
 people/4667.html  | 13 ++++++++++---
 people/4668.html  | 13 ++++++++++---
 people/4669.html  | 13 ++++++++++---
 people/467.html   | 13 ++++++++++---
 people/4670.html  | 13 ++++++++++---
 people/4671.html  | 13 ++++++++++---
 people/4672.html  | 13 ++++++++++---
 people/4673.html  | 13 ++++++++++---
 people/4674.html  | 13 ++++++++++---
 people/4675.html  | 13 ++++++++++---
 people/4676.html  | 13 ++++++++++---
 people/4677.html  | 13 ++++++++++---
 people/4678.html  | 13 ++++++++++---
 people/4679.html  | 13 ++++++++++---
 people/468.html   | 13 ++++++++++---
 people/4680.html  | 13 ++++++++++---
 people/4681.html  | 13 ++++++++++---
 people/4682.html  | 13 ++++++++++---
 people/4683.html  | 13 ++++++++++---
 people/4684.html  | 13 ++++++++++---
 people/4685.html  | 13 ++++++++++---
 people/4686.html  | 13 ++++++++++---
 people/4687.html  | 13 ++++++++++---
 people/4688.html  | 13 ++++++++++---
 people/4689.html  | 13 ++++++++++---
 people/469.html   | 13 ++++++++++---
 people/4690.html  | 13 ++++++++++---
 people/4691.html  | 13 ++++++++++---
 people/4692.html  | 13 ++++++++++---
 people/4693.html  | 13 ++++++++++---
 people/4694.html  | 13 ++++++++++---
 people/4695.html  | 13 ++++++++++---
 people/4696.html  | 13 ++++++++++---
 people/4697.html  | 13 ++++++++++---
 people/4698.html  | 13 ++++++++++---
 people/4699.html  | 13 ++++++++++---
 people/47.html    | 13 ++++++++++---
 people/470.html   | 13 ++++++++++---
 people/4700.html  | 13 ++++++++++---
 people/4701.html  | 13 ++++++++++---
 people/4702.html  | 13 ++++++++++---
 people/4703.html  | 13 ++++++++++---
 people/4704.html  | 13 ++++++++++---
 people/4705.html  | 13 ++++++++++---
 people/4706.html  | 13 ++++++++++---
 people/4707.html  | 13 ++++++++++---
 people/4708.html  | 13 ++++++++++---
 people/4709.html  | 13 ++++++++++---
 people/471.html   | 13 ++++++++++---
 people/4710.html  | 13 ++++++++++---
 people/4711.html  | 13 ++++++++++---
 people/4712.html  | 13 ++++++++++---
 people/4713.html  | 13 ++++++++++---
 people/4714.html  | 13 ++++++++++---
 people/4715.html  | 13 ++++++++++---
 people/4716.html  | 13 ++++++++++---
 people/4717.html  | 13 ++++++++++---
 people/4718.html  | 13 ++++++++++---
 people/4719.html  | 13 ++++++++++---
 people/472.html   | 13 ++++++++++---
 people/4720.html  | 13 ++++++++++---
 people/4721.html  | 13 ++++++++++---
 people/4722.html  | 13 ++++++++++---
 people/4723.html  | 13 ++++++++++---
 people/4724.html  | 13 ++++++++++---
 people/4725.html  | 13 ++++++++++---
 people/4726.html  | 13 ++++++++++---
 people/4727.html  | 13 ++++++++++---
 people/4728.html  | 13 ++++++++++---
 people/4729.html  | 13 ++++++++++---
 people/473.html   | 13 ++++++++++---
 people/4730.html  | 13 ++++++++++---
 people/4731.html  | 13 ++++++++++---
 people/4732.html  | 13 ++++++++++---
 people/4733.html  | 13 ++++++++++---
 people/4734.html  | 13 ++++++++++---
 people/4735.html  | 13 ++++++++++---
 people/4736.html  | 13 ++++++++++---
 people/4737.html  | 13 ++++++++++---
 people/4738.html  | 13 ++++++++++---
 people/4739.html  | 13 ++++++++++---
 people/474.html   | 13 ++++++++++---
 people/4740.html  | 13 ++++++++++---
 people/4741.html  | 13 ++++++++++---
 people/4742.html  | 13 ++++++++++---
 people/4743.html  | 13 ++++++++++---
 people/4744.html  | 13 ++++++++++---
 people/4745.html  | 13 ++++++++++---
 people/4746.html  | 13 ++++++++++---
 people/4747.html  | 13 ++++++++++---
 people/4748.html  | 13 ++++++++++---
 people/4749.html  | 13 ++++++++++---
 people/475.html   | 13 ++++++++++---
 people/4750.html  | 13 ++++++++++---
 people/4751.html  | 13 ++++++++++---
 people/4752.html  | 13 ++++++++++---
 people/4753.html  | 13 ++++++++++---
 people/4754.html  | 13 ++++++++++---
 people/4755.html  | 13 ++++++++++---
 people/4756.html  | 13 ++++++++++---
 people/4757.html  | 13 ++++++++++---
 people/4758.html  | 13 ++++++++++---
 people/4759.html  | 13 ++++++++++---
 people/476.html   | 13 ++++++++++---
 people/4760.html  | 13 ++++++++++---
 people/4761.html  | 13 ++++++++++---
 people/4762.html  | 13 ++++++++++---
 people/4763.html  | 13 ++++++++++---
 people/4764.html  | 13 ++++++++++---
 people/4765.html  | 13 ++++++++++---
 people/4766.html  | 13 ++++++++++---
 people/4767.html  | 13 ++++++++++---
 people/4768.html  | 13 ++++++++++---
 people/4769.html  | 13 ++++++++++---
 people/477.html   | 13 ++++++++++---
 people/4770.html  | 13 ++++++++++---
 people/4771.html  | 13 ++++++++++---
 people/4772.html  | 13 ++++++++++---
 people/4773.html  | 13 ++++++++++---
 people/4774.html  | 13 ++++++++++---
 people/4775.html  | 13 ++++++++++---
 people/4776.html  | 13 ++++++++++---
 people/4777.html  | 13 ++++++++++---
 people/4778.html  | 13 ++++++++++---
 people/4779.html  | 13 ++++++++++---
 people/478.html   | 13 ++++++++++---
 people/4780.html  | 13 ++++++++++---
 people/4781.html  | 13 ++++++++++---
 people/4782.html  | 13 ++++++++++---
 people/4783.html  | 13 ++++++++++---
 people/4784.html  | 13 ++++++++++---
 people/4785.html  | 13 ++++++++++---
 people/4786.html  | 13 ++++++++++---
 people/4787.html  | 13 ++++++++++---
 people/4788.html  | 13 ++++++++++---
 people/4789.html  | 13 ++++++++++---
 people/479.html   | 13 ++++++++++---
 people/4790.html  | 13 ++++++++++---
 people/4791.html  | 13 ++++++++++---
 people/4792.html  | 13 ++++++++++---
 people/4793.html  | 13 ++++++++++---
 people/4794.html  | 13 ++++++++++---
 people/4795.html  | 13 ++++++++++---
 people/4796.html  | 13 ++++++++++---
 people/4797.html  | 13 ++++++++++---
 people/4798.html  | 13 ++++++++++---
 people/4799.html  | 13 ++++++++++---
 people/48.html    | 13 ++++++++++---
 people/480.html   | 13 ++++++++++---
 people/4800.html  | 13 ++++++++++---
 people/4801.html  | 13 ++++++++++---
 people/4802.html  | 13 ++++++++++---
 people/4803.html  | 13 ++++++++++---
 people/4804.html  | 13 ++++++++++---
 people/4805.html  | 13 ++++++++++---
 people/4806.html  | 13 ++++++++++---
 people/4807.html  | 13 ++++++++++---
 people/4808.html  | 13 ++++++++++---
 people/4809.html  | 13 ++++++++++---
 people/481.html   | 13 ++++++++++---
 people/4810.html  | 13 ++++++++++---
 people/4811.html  | 13 ++++++++++---
 people/4812.html  | 13 ++++++++++---
 people/4813.html  | 13 ++++++++++---
 people/4814.html  | 13 ++++++++++---
 people/4815.html  | 13 ++++++++++---
 people/4816.html  | 13 ++++++++++---
 people/4817.html  | 13 ++++++++++---
 people/4818.html  | 13 ++++++++++---
 people/4819.html  | 13 ++++++++++---
 people/482.html   | 13 ++++++++++---
 people/4820.html  | 13 ++++++++++---
 people/4821.html  | 13 ++++++++++---
 people/4822.html  | 13 ++++++++++---
 people/4823.html  | 13 ++++++++++---
 people/4824.html  | 13 ++++++++++---
 people/4825.html  | 13 ++++++++++---
 people/4826.html  | 13 ++++++++++---
 people/4827.html  | 13 ++++++++++---
 people/4828.html  | 13 ++++++++++---
 people/4829.html  | 13 ++++++++++---
 people/483.html   | 13 ++++++++++---
 people/4830.html  | 13 ++++++++++---
 people/4831.html  | 13 ++++++++++---
 people/4832.html  | 13 ++++++++++---
 people/4833.html  | 13 ++++++++++---
 people/4834.html  | 13 ++++++++++---
 people/4835.html  | 13 ++++++++++---
 people/4836.html  | 13 ++++++++++---
 people/4837.html  | 13 ++++++++++---
 people/4838.html  | 13 ++++++++++---
 people/4839.html  | 13 ++++++++++---
 people/484.html   | 13 ++++++++++---
 people/4840.html  | 13 ++++++++++---
 people/4841.html  | 13 ++++++++++---
 people/4842.html  | 13 ++++++++++---
 people/4843.html  | 13 ++++++++++---
 people/4844.html  | 13 ++++++++++---
 people/4845.html  | 13 ++++++++++---
 people/4846.html  | 13 ++++++++++---
 people/4847.html  | 13 ++++++++++---
 people/4848.html  | 13 ++++++++++---
 people/4849.html  | 13 ++++++++++---
 people/485.html   | 13 ++++++++++---
 people/4850.html  | 13 ++++++++++---
 people/4851.html  | 13 ++++++++++---
 people/4852.html  | 13 ++++++++++---
 people/4853.html  | 13 ++++++++++---
 people/4854.html  | 13 ++++++++++---
 people/4855.html  | 13 ++++++++++---
 people/4856.html  | 13 ++++++++++---
 people/4857.html  | 13 ++++++++++---
 people/4858.html  | 13 ++++++++++---
 people/4859.html  | 13 ++++++++++---
 people/486.html   | 13 ++++++++++---
 people/4860.html  | 13 ++++++++++---
 people/4861.html  | 13 ++++++++++---
 people/4862.html  | 13 ++++++++++---
 people/4863.html  | 13 ++++++++++---
 people/4864.html  | 13 ++++++++++---
 people/4865.html  | 13 ++++++++++---
 people/4866.html  | 13 ++++++++++---
 people/4867.html  | 13 ++++++++++---
 people/4868.html  | 13 ++++++++++---
 people/4869.html  | 13 ++++++++++---
 people/487.html   | 13 ++++++++++---
 people/4870.html  | 13 ++++++++++---
 people/4871.html  | 13 ++++++++++---
 people/4872.html  | 13 ++++++++++---
 people/4873.html  | 13 ++++++++++---
 people/4874.html  | 13 ++++++++++---
 people/4875.html  | 13 ++++++++++---
 people/4876.html  | 13 ++++++++++---
 people/4877.html  | 13 ++++++++++---
 people/4878.html  | 13 ++++++++++---
 people/4879.html  | 13 ++++++++++---
 people/488.html   | 13 ++++++++++---
 people/4880.html  | 13 ++++++++++---
 people/4881.html  | 13 ++++++++++---
 people/4882.html  | 13 ++++++++++---
 people/4883.html  | 13 ++++++++++---
 people/4884.html  | 13 ++++++++++---
 people/4885.html  | 13 ++++++++++---
 people/4886.html  | 13 ++++++++++---
 people/4887.html  | 13 ++++++++++---
 people/4888.html  | 13 ++++++++++---
 people/4889.html  | 13 ++++++++++---
 people/489.html   | 13 ++++++++++---
 people/4890.html  | 13 ++++++++++---
 people/4891.html  | 13 ++++++++++---
 people/4892.html  | 13 ++++++++++---
 people/4893.html  | 13 ++++++++++---
 people/4894.html  | 13 ++++++++++---
 people/4895.html  | 13 ++++++++++---
 people/4896.html  | 13 ++++++++++---
 people/4897.html  | 13 ++++++++++---
 people/4898.html  | 13 ++++++++++---
 people/4899.html  | 13 ++++++++++---
 people/49.html    | 13 ++++++++++---
 people/490.html   | 13 ++++++++++---
 people/4900.html  | 13 ++++++++++---
 people/4901.html  | 13 ++++++++++---
 people/4902.html  | 13 ++++++++++---
 people/4903.html  | 13 ++++++++++---
 people/4904.html  | 13 ++++++++++---
 people/4905.html  | 13 ++++++++++---
 people/4906.html  | 13 ++++++++++---
 people/4907.html  | 13 ++++++++++---
 people/4908.html  | 13 ++++++++++---
 people/4909.html  | 13 ++++++++++---
 people/491.html   | 13 ++++++++++---
 people/4910.html  | 13 ++++++++++---
 people/4911.html  | 13 ++++++++++---
 people/4912.html  | 13 ++++++++++---
 people/4913.html  | 13 ++++++++++---
 people/4914.html  | 13 ++++++++++---
 people/4915.html  | 13 ++++++++++---
 people/4916.html  | 13 ++++++++++---
 people/4917.html  | 13 ++++++++++---
 people/4918.html  | 13 ++++++++++---
 people/4919.html  | 13 ++++++++++---
 people/492.html   | 13 ++++++++++---
 people/4920.html  | 13 ++++++++++---
 people/4921.html  | 13 ++++++++++---
 people/4922.html  | 13 ++++++++++---
 people/4923.html  | 13 ++++++++++---
 people/4924.html  | 13 ++++++++++---
 people/4925.html  | 13 ++++++++++---
 people/4926.html  | 13 ++++++++++---
 people/4927.html  | 13 ++++++++++---
 people/4928.html  | 13 ++++++++++---
 people/4929.html  | 13 ++++++++++---
 people/493.html   | 13 ++++++++++---
 people/4930.html  | 13 ++++++++++---
 people/4931.html  | 13 ++++++++++---
 people/4932.html  | 13 ++++++++++---
 people/4933.html  | 13 ++++++++++---
 people/4934.html  | 13 ++++++++++---
 people/4935.html  | 13 ++++++++++---
 people/4936.html  | 13 ++++++++++---
 people/4937.html  | 13 ++++++++++---
 people/4938.html  | 13 ++++++++++---
 people/4939.html  | 13 ++++++++++---
 people/494.html   | 13 ++++++++++---
 people/4940.html  | 13 ++++++++++---
 people/4941.html  | 13 ++++++++++---
 people/4942.html  | 13 ++++++++++---
 people/4943.html  | 13 ++++++++++---
 people/4944.html  | 13 ++++++++++---
 people/4945.html  | 13 ++++++++++---
 people/4946.html  | 13 ++++++++++---
 people/4947.html  | 13 ++++++++++---
 people/4948.html  | 13 ++++++++++---
 people/4949.html  | 13 ++++++++++---
 people/495.html   | 13 ++++++++++---
 people/4950.html  | 13 ++++++++++---
 people/4951.html  | 13 ++++++++++---
 people/4952.html  | 13 ++++++++++---
 people/4953.html  | 13 ++++++++++---
 people/4954.html  | 13 ++++++++++---
 people/4955.html  | 13 ++++++++++---
 people/4956.html  | 13 ++++++++++---
 people/4957.html  | 13 ++++++++++---
 people/4958.html  | 13 ++++++++++---
 people/4959.html  | 13 ++++++++++---
 people/496.html   | 13 ++++++++++---
 people/4960.html  | 13 ++++++++++---
 people/4961.html  | 13 ++++++++++---
 people/4962.html  | 13 ++++++++++---
 people/4963.html  | 13 ++++++++++---
 people/4964.html  | 13 ++++++++++---
 people/4965.html  | 13 ++++++++++---
 people/4966.html  | 13 ++++++++++---
 people/4967.html  | 13 ++++++++++---
 people/4968.html  | 13 ++++++++++---
 people/4969.html  | 13 ++++++++++---
 people/497.html   | 13 ++++++++++---
 people/4970.html  | 13 ++++++++++---
 people/4971.html  | 13 ++++++++++---
 people/4972.html  | 13 ++++++++++---
 people/4973.html  | 13 ++++++++++---
 people/4974.html  | 13 ++++++++++---
 people/4975.html  | 13 ++++++++++---
 people/4976.html  | 13 ++++++++++---
 people/4977.html  | 13 ++++++++++---
 people/4978.html  | 13 ++++++++++---
 people/4979.html  | 13 ++++++++++---
 people/498.html   | 13 ++++++++++---
 people/4980.html  | 13 ++++++++++---
 people/4981.html  | 13 ++++++++++---
 people/4982.html  | 13 ++++++++++---
 people/4983.html  | 13 ++++++++++---
 people/4984.html  | 13 ++++++++++---
 people/4985.html  | 13 ++++++++++---
 people/4986.html  | 13 ++++++++++---
 people/4987.html  | 13 ++++++++++---
 people/4988.html  | 13 ++++++++++---
 people/4989.html  | 13 ++++++++++---
 people/499.html   | 13 ++++++++++---
 people/4990.html  | 13 ++++++++++---
 people/4991.html  | 13 ++++++++++---
 people/4992.html  | 13 ++++++++++---
 people/4993.html  | 13 ++++++++++---
 people/4994.html  | 13 ++++++++++---
 people/4995.html  | 13 ++++++++++---
 people/4996.html  | 13 ++++++++++---
 people/4997.html  | 13 ++++++++++---
 people/4998.html  | 13 ++++++++++---
 people/4999.html  | 13 ++++++++++---
 people/5.html     | 13 ++++++++++---
 people/50.html    | 13 ++++++++++---
 people/500.html   | 13 ++++++++++---
 people/5000.html  | 13 ++++++++++---
 people/5001.html  | 13 ++++++++++---
 people/5002.html  | 13 ++++++++++---
 people/5003.html  | 13 ++++++++++---
 people/5004.html  | 13 ++++++++++---
 people/5005.html  | 13 ++++++++++---
 people/5006.html  | 13 ++++++++++---
 people/5007.html  | 13 ++++++++++---
 people/5008.html  | 13 ++++++++++---
 people/5009.html  | 13 ++++++++++---
 people/501.html   | 13 ++++++++++---
 people/5010.html  | 13 ++++++++++---
 people/5011.html  | 13 ++++++++++---
 people/5012.html  | 13 ++++++++++---
 people/5013.html  | 13 ++++++++++---
 people/5014.html  | 13 ++++++++++---
 people/5015.html  | 13 ++++++++++---
 people/5016.html  | 13 ++++++++++---
 people/5017.html  | 13 ++++++++++---
 people/5018.html  | 13 ++++++++++---
 people/5019.html  | 13 ++++++++++---
 people/502.html   | 13 ++++++++++---
 people/5020.html  | 13 ++++++++++---
 people/5021.html  | 13 ++++++++++---
 people/5022.html  | 13 ++++++++++---
 people/5023.html  | 13 ++++++++++---
 people/5024.html  | 13 ++++++++++---
 people/5025.html  | 13 ++++++++++---
 people/5026.html  | 13 ++++++++++---
 people/5027.html  | 13 ++++++++++---
 people/5028.html  | 13 ++++++++++---
 people/5029.html  | 13 ++++++++++---
 people/503.html   | 13 ++++++++++---
 people/5030.html  | 13 ++++++++++---
 people/5031.html  | 13 ++++++++++---
 people/5032.html  | 13 ++++++++++---
 people/5033.html  | 13 ++++++++++---
 people/5034.html  | 13 ++++++++++---
 people/5035.html  | 13 ++++++++++---
 people/5036.html  | 13 ++++++++++---
 people/5037.html  | 13 ++++++++++---
 people/5038.html  | 13 ++++++++++---
 people/5039.html  | 13 ++++++++++---
 people/504.html   | 13 ++++++++++---
 people/5040.html  | 13 ++++++++++---
 people/5041.html  | 13 ++++++++++---
 people/5042.html  | 13 ++++++++++---
 people/5043.html  | 13 ++++++++++---
 people/5044.html  | 13 ++++++++++---
 people/5045.html  | 13 ++++++++++---
 people/5046.html  | 13 ++++++++++---
 people/5047.html  | 13 ++++++++++---
 people/5048.html  | 13 ++++++++++---
 people/5049.html  | 13 ++++++++++---
 people/505.html   | 13 ++++++++++---
 people/5050.html  | 13 ++++++++++---
 people/5051.html  | 13 ++++++++++---
 people/5052.html  | 13 ++++++++++---
 people/5053.html  | 13 ++++++++++---
 people/5054.html  | 13 ++++++++++---
 people/5055.html  | 13 ++++++++++---
 people/5056.html  | 13 ++++++++++---
 people/5057.html  | 13 ++++++++++---
 people/5058.html  | 13 ++++++++++---
 people/5059.html  | 13 ++++++++++---
 people/506.html   | 13 ++++++++++---
 people/5060.html  | 13 ++++++++++---
 people/5061.html  | 13 ++++++++++---
 people/5062.html  | 13 ++++++++++---
 people/5063.html  | 13 ++++++++++---
 people/5064.html  | 13 ++++++++++---
 people/5065.html  | 13 ++++++++++---
 people/5066.html  | 13 ++++++++++---
 people/5067.html  | 13 ++++++++++---
 people/5068.html  | 13 ++++++++++---
 people/5069.html  | 13 ++++++++++---
 people/507.html   | 13 ++++++++++---
 people/5070.html  | 13 ++++++++++---
 people/5071.html  | 13 ++++++++++---
 people/5072.html  | 13 ++++++++++---
 people/5073.html  | 13 ++++++++++---
 people/5074.html  | 13 ++++++++++---
 people/5075.html  | 13 ++++++++++---
 people/5076.html  | 13 ++++++++++---
 people/5077.html  | 13 ++++++++++---
 people/5078.html  | 13 ++++++++++---
 people/5079.html  | 13 ++++++++++---
 people/508.html   | 13 ++++++++++---
 people/5080.html  | 13 ++++++++++---
 people/5081.html  | 13 ++++++++++---
 people/5082.html  | 13 ++++++++++---
 people/5083.html  | 13 ++++++++++---
 people/5084.html  | 13 ++++++++++---
 people/5085.html  | 13 ++++++++++---
 people/5086.html  | 13 ++++++++++---
 people/5087.html  | 13 ++++++++++---
 people/5088.html  | 13 ++++++++++---
 people/5089.html  | 13 ++++++++++---
 people/509.html   | 13 ++++++++++---
 people/5090.html  | 13 ++++++++++---
 people/5091.html  | 13 ++++++++++---
 people/5092.html  | 13 ++++++++++---
 people/5093.html  | 13 ++++++++++---
 people/5094.html  | 13 ++++++++++---
 people/5095.html  | 13 ++++++++++---
 people/5096.html  | 13 ++++++++++---
 people/5097.html  | 13 ++++++++++---
 people/5098.html  | 13 ++++++++++---
 people/5099.html  | 13 ++++++++++---
 people/51.html    | 13 ++++++++++---
 people/510.html   | 13 ++++++++++---
 people/5100.html  | 13 ++++++++++---
 people/5101.html  | 13 ++++++++++---
 people/5102.html  | 13 ++++++++++---
 people/5103.html  | 13 ++++++++++---
 people/5104.html  | 13 ++++++++++---
 people/5105.html  | 13 ++++++++++---
 people/5106.html  | 13 ++++++++++---
 people/5107.html  | 13 ++++++++++---
 people/5108.html  | 13 ++++++++++---
 people/5109.html  | 13 ++++++++++---
 people/511.html   | 13 ++++++++++---
 people/5110.html  | 13 ++++++++++---
 people/5111.html  | 13 ++++++++++---
 people/5112.html  | 13 ++++++++++---
 people/5113.html  | 13 ++++++++++---
 people/5114.html  | 13 ++++++++++---
 people/5115.html  | 13 ++++++++++---
 people/5116.html  | 13 ++++++++++---
 people/5117.html  | 13 ++++++++++---
 people/5118.html  | 13 ++++++++++---
 people/5119.html  | 13 ++++++++++---
 people/512.html   | 13 ++++++++++---
 people/5120.html  | 13 ++++++++++---
 people/5121.html  | 13 ++++++++++---
 people/5122.html  | 13 ++++++++++---
 people/5123.html  | 13 ++++++++++---
 people/5124.html  | 13 ++++++++++---
 people/5125.html  | 13 ++++++++++---
 people/5126.html  | 13 ++++++++++---
 people/5127.html  | 13 ++++++++++---
 people/5128.html  | 13 ++++++++++---
 people/5129.html  | 13 ++++++++++---
 people/513.html   | 13 ++++++++++---
 people/5130.html  | 13 ++++++++++---
 people/5131.html  | 13 ++++++++++---
 people/5132.html  | 13 ++++++++++---
 people/5133.html  | 13 ++++++++++---
 people/5134.html  | 13 ++++++++++---
 people/5135.html  | 13 ++++++++++---
 people/5136.html  | 13 ++++++++++---
 people/5137.html  | 13 ++++++++++---
 people/5138.html  | 13 ++++++++++---
 people/5139.html  | 13 ++++++++++---
 people/514.html   | 13 ++++++++++---
 people/5140.html  | 13 ++++++++++---
 people/5141.html  | 13 ++++++++++---
 people/5142.html  | 13 ++++++++++---
 people/5143.html  | 13 ++++++++++---
 people/5144.html  | 13 ++++++++++---
 people/5145.html  | 13 ++++++++++---
 people/5146.html  | 13 ++++++++++---
 people/5147.html  | 13 ++++++++++---
 people/5148.html  | 13 ++++++++++---
 people/5149.html  | 13 ++++++++++---
 people/515.html   | 13 ++++++++++---
 people/5150.html  | 13 ++++++++++---
 people/5151.html  | 13 ++++++++++---
 people/5152.html  | 13 ++++++++++---
 people/5153.html  | 13 ++++++++++---
 people/5154.html  | 13 ++++++++++---
 people/5155.html  | 13 ++++++++++---
 people/5156.html  | 13 ++++++++++---
 people/5157.html  | 13 ++++++++++---
 people/5158.html  | 13 ++++++++++---
 people/5159.html  | 13 ++++++++++---
 people/516.html   | 13 ++++++++++---
 people/5160.html  | 13 ++++++++++---
 people/5161.html  | 13 ++++++++++---
 people/5162.html  | 13 ++++++++++---
 people/5163.html  | 13 ++++++++++---
 people/5164.html  | 13 ++++++++++---
 people/5165.html  | 13 ++++++++++---
 people/5166.html  | 13 ++++++++++---
 people/5167.html  | 13 ++++++++++---
 people/5168.html  | 13 ++++++++++---
 people/5169.html  | 13 ++++++++++---
 people/517.html   | 13 ++++++++++---
 people/5170.html  | 13 ++++++++++---
 people/5171.html  | 13 ++++++++++---
 people/5172.html  | 13 ++++++++++---
 people/5173.html  | 13 ++++++++++---
 people/5174.html  | 13 ++++++++++---
 people/5175.html  | 13 ++++++++++---
 people/5176.html  | 13 ++++++++++---
 people/5177.html  | 13 ++++++++++---
 people/5178.html  | 13 ++++++++++---
 people/5179.html  | 13 ++++++++++---
 people/518.html   | 13 ++++++++++---
 people/5180.html  | 13 ++++++++++---
 people/5181.html  | 13 ++++++++++---
 people/5182.html  | 13 ++++++++++---
 people/5183.html  | 13 ++++++++++---
 people/5184.html  | 13 ++++++++++---
 people/5185.html  | 13 ++++++++++---
 people/5186.html  | 13 ++++++++++---
 people/5187.html  | 13 ++++++++++---
 people/5188.html  | 13 ++++++++++---
 people/5189.html  | 13 ++++++++++---
 people/519.html   | 13 ++++++++++---
 people/5190.html  | 13 ++++++++++---
 people/5191.html  | 13 ++++++++++---
 people/5192.html  | 13 ++++++++++---
 people/5193.html  | 13 ++++++++++---
 people/5194.html  | 13 ++++++++++---
 people/5195.html  | 13 ++++++++++---
 people/5196.html  | 13 ++++++++++---
 people/5197.html  | 13 ++++++++++---
 people/5198.html  | 13 ++++++++++---
 people/5199.html  | 13 ++++++++++---
 people/52.html    | 13 ++++++++++---
 people/520.html   | 13 ++++++++++---
 people/5200.html  | 13 ++++++++++---
 people/5201.html  | 13 ++++++++++---
 people/5202.html  | 13 ++++++++++---
 people/5203.html  | 13 ++++++++++---
 people/5204.html  | 13 ++++++++++---
 people/5205.html  | 13 ++++++++++---
 people/5206.html  | 13 ++++++++++---
 people/5207.html  | 13 ++++++++++---
 people/5208.html  | 13 ++++++++++---
 people/5209.html  | 13 ++++++++++---
 people/521.html   | 13 ++++++++++---
 people/5210.html  | 13 ++++++++++---
 people/5211.html  | 13 ++++++++++---
 people/5212.html  | 13 ++++++++++---
 people/5213.html  | 13 ++++++++++---
 people/5214.html  | 13 ++++++++++---
 people/5215.html  | 13 ++++++++++---
 people/5216.html  | 13 ++++++++++---
 people/5217.html  | 13 ++++++++++---
 people/5218.html  | 13 ++++++++++---
 people/5219.html  | 13 ++++++++++---
 people/522.html   | 13 ++++++++++---
 people/5220.html  | 13 ++++++++++---
 people/5221.html  | 13 ++++++++++---
 people/5222.html  | 13 ++++++++++---
 people/5223.html  | 13 ++++++++++---
 people/5224.html  | 13 ++++++++++---
 people/5225.html  | 13 ++++++++++---
 people/5226.html  | 13 ++++++++++---
 people/5227.html  | 13 ++++++++++---
 people/5228.html  | 13 ++++++++++---
 people/5229.html  | 13 ++++++++++---
 people/523.html   | 13 ++++++++++---
 people/5230.html  | 13 ++++++++++---
 people/5231.html  | 13 ++++++++++---
 people/5232.html  | 13 ++++++++++---
 people/5233.html  | 13 ++++++++++---
 people/5234.html  | 13 ++++++++++---
 people/5235.html  | 13 ++++++++++---
 people/5236.html  | 13 ++++++++++---
 people/5237.html  | 13 ++++++++++---
 people/5238.html  | 13 ++++++++++---
 people/5239.html  | 13 ++++++++++---
 people/524.html   | 13 ++++++++++---
 people/5240.html  | 13 ++++++++++---
 people/5241.html  | 13 ++++++++++---
 people/5242.html  | 13 ++++++++++---
 people/5243.html  | 13 ++++++++++---
 people/5244.html  | 13 ++++++++++---
 people/5245.html  | 13 ++++++++++---
 people/5246.html  | 13 ++++++++++---
 people/5247.html  | 13 ++++++++++---
 people/5248.html  | 13 ++++++++++---
 people/5249.html  | 13 ++++++++++---
 people/525.html   | 13 ++++++++++---
 people/5250.html  | 13 ++++++++++---
 people/5251.html  | 13 ++++++++++---
 people/5252.html  | 13 ++++++++++---
 people/5253.html  | 13 ++++++++++---
 people/5254.html  | 13 ++++++++++---
 people/5255.html  | 13 ++++++++++---
 people/5256.html  | 13 ++++++++++---
 people/5257.html  | 13 ++++++++++---
 people/5258.html  | 13 ++++++++++---
 people/5259.html  | 13 ++++++++++---
 people/526.html   | 13 ++++++++++---
 people/5260.html  | 13 ++++++++++---
 people/5261.html  | 13 ++++++++++---
 people/5262.html  | 13 ++++++++++---
 people/5263.html  | 13 ++++++++++---
 people/5264.html  | 13 ++++++++++---
 people/5265.html  | 13 ++++++++++---
 people/5266.html  | 13 ++++++++++---
 people/5267.html  | 13 ++++++++++---
 people/5268.html  | 13 ++++++++++---
 people/5269.html  | 13 ++++++++++---
 people/527.html   | 13 ++++++++++---
 people/5270.html  | 13 ++++++++++---
 people/5271.html  | 13 ++++++++++---
 people/5272.html  | 13 ++++++++++---
 people/5273.html  | 13 ++++++++++---
 people/5274.html  | 13 ++++++++++---
 people/5275.html  | 13 ++++++++++---
 people/5276.html  | 13 ++++++++++---
 people/5277.html  | 13 ++++++++++---
 people/5278.html  | 13 ++++++++++---
 people/5279.html  | 13 ++++++++++---
 people/528.html   | 13 ++++++++++---
 people/5280.html  | 13 ++++++++++---
 people/5281.html  | 13 ++++++++++---
 people/5282.html  | 13 ++++++++++---
 people/5283.html  | 13 ++++++++++---
 people/5284.html  | 13 ++++++++++---
 people/5285.html  | 13 ++++++++++---
 people/5286.html  | 13 ++++++++++---
 people/5287.html  | 13 ++++++++++---
 people/5288.html  | 13 ++++++++++---
 people/5289.html  | 13 ++++++++++---
 people/529.html   | 13 ++++++++++---
 people/5290.html  | 13 ++++++++++---
 people/5291.html  | 13 ++++++++++---
 people/5292.html  | 13 ++++++++++---
 people/5293.html  | 13 ++++++++++---
 people/5294.html  | 13 ++++++++++---
 people/5295.html  | 13 ++++++++++---
 people/5296.html  | 13 ++++++++++---
 people/5297.html  | 13 ++++++++++---
 people/5298.html  | 13 ++++++++++---
 people/5299.html  | 13 ++++++++++---
 people/53.html    | 13 ++++++++++---
 people/530.html   | 13 ++++++++++---
 people/5300.html  | 13 ++++++++++---
 people/5301.html  | 13 ++++++++++---
 people/5302.html  | 13 ++++++++++---
 people/5303.html  | 13 ++++++++++---
 people/5304.html  | 13 ++++++++++---
 people/5305.html  | 13 ++++++++++---
 people/5306.html  | 13 ++++++++++---
 people/5307.html  | 13 ++++++++++---
 people/5308.html  | 13 ++++++++++---
 people/5309.html  | 13 ++++++++++---
 people/531.html   | 13 ++++++++++---
 people/5310.html  | 13 ++++++++++---
 people/5311.html  | 13 ++++++++++---
 people/5312.html  | 13 ++++++++++---
 people/5313.html  | 13 ++++++++++---
 people/5314.html  | 13 ++++++++++---
 people/5315.html  | 13 ++++++++++---
 people/5316.html  | 13 ++++++++++---
 people/5317.html  | 13 ++++++++++---
 people/5318.html  | 13 ++++++++++---
 people/5319.html  | 13 ++++++++++---
 people/532.html   | 13 ++++++++++---
 people/5320.html  | 13 ++++++++++---
 people/5321.html  | 13 ++++++++++---
 people/5322.html  | 13 ++++++++++---
 people/5323.html  | 13 ++++++++++---
 people/5324.html  | 13 ++++++++++---
 people/5325.html  | 13 ++++++++++---
 people/5326.html  | 13 ++++++++++---
 people/5327.html  | 13 ++++++++++---
 people/5328.html  | 13 ++++++++++---
 people/5329.html  | 13 ++++++++++---
 people/533.html   | 13 ++++++++++---
 people/5330.html  | 13 ++++++++++---
 people/5331.html  | 13 ++++++++++---
 people/5332.html  | 13 ++++++++++---
 people/5333.html  | 13 ++++++++++---
 people/5334.html  | 13 ++++++++++---
 people/5335.html  | 13 ++++++++++---
 people/5336.html  | 13 ++++++++++---
 people/5337.html  | 13 ++++++++++---
 people/5338.html  | 13 ++++++++++---
 people/5339.html  | 13 ++++++++++---
 people/534.html   | 13 ++++++++++---
 people/5340.html  | 13 ++++++++++---
 people/5341.html  | 13 ++++++++++---
 people/5342.html  | 13 ++++++++++---
 people/5343.html  | 13 ++++++++++---
 people/5344.html  | 13 ++++++++++---
 people/5345.html  | 13 ++++++++++---
 people/5346.html  | 13 ++++++++++---
 people/5347.html  | 13 ++++++++++---
 people/5348.html  | 13 ++++++++++---
 people/5349.html  | 13 ++++++++++---
 people/535.html   | 13 ++++++++++---
 people/5350.html  | 13 ++++++++++---
 people/5351.html  | 13 ++++++++++---
 people/5352.html  | 13 ++++++++++---
 people/5353.html  | 13 ++++++++++---
 people/5354.html  | 13 ++++++++++---
 people/5355.html  | 13 ++++++++++---
 people/5356.html  | 13 ++++++++++---
 people/5357.html  | 13 ++++++++++---
 people/5358.html  | 13 ++++++++++---
 people/5359.html  | 13 ++++++++++---
 people/536.html   | 13 ++++++++++---
 people/5360.html  | 13 ++++++++++---
 people/5361.html  | 13 ++++++++++---
 people/5362.html  | 13 ++++++++++---
 people/5363.html  | 13 ++++++++++---
 people/5364.html  | 13 ++++++++++---
 people/5365.html  | 13 ++++++++++---
 people/5366.html  | 13 ++++++++++---
 people/5367.html  | 13 ++++++++++---
 people/5368.html  | 13 ++++++++++---
 people/5369.html  | 13 ++++++++++---
 people/537.html   | 13 ++++++++++---
 people/5370.html  | 13 ++++++++++---
 people/5371.html  | 13 ++++++++++---
 people/5372.html  | 13 ++++++++++---
 people/5373.html  | 13 ++++++++++---
 people/5374.html  | 13 ++++++++++---
 people/5375.html  | 13 ++++++++++---
 people/5376.html  | 13 ++++++++++---
 people/5377.html  | 13 ++++++++++---
 people/5378.html  | 13 ++++++++++---
 people/5379.html  | 13 ++++++++++---
 people/538.html   | 13 ++++++++++---
 people/5380.html  | 13 ++++++++++---
 people/5381.html  | 13 ++++++++++---
 people/5382.html  | 13 ++++++++++---
 people/5383.html  | 13 ++++++++++---
 people/5384.html  | 13 ++++++++++---
 people/5385.html  | 13 ++++++++++---
 people/5386.html  | 13 ++++++++++---
 people/5387.html  | 13 ++++++++++---
 people/5388.html  | 13 ++++++++++---
 people/5389.html  | 13 ++++++++++---
 people/539.html   | 13 ++++++++++---
 people/5390.html  | 13 ++++++++++---
 people/5391.html  | 13 ++++++++++---
 people/5392.html  | 13 ++++++++++---
 people/5393.html  | 13 ++++++++++---
 people/5394.html  | 13 ++++++++++---
 people/5395.html  | 13 ++++++++++---
 people/5396.html  | 13 ++++++++++---
 people/5397.html  | 13 ++++++++++---
 people/5398.html  | 13 ++++++++++---
 people/5399.html  | 13 ++++++++++---
 people/54.html    | 13 ++++++++++---
 people/540.html   | 13 ++++++++++---
 people/5400.html  | 13 ++++++++++---
 people/5401.html  | 13 ++++++++++---
 people/5402.html  | 13 ++++++++++---
 people/5403.html  | 13 ++++++++++---
 people/5404.html  | 13 ++++++++++---
 people/5405.html  | 13 ++++++++++---
 people/5406.html  | 13 ++++++++++---
 people/5407.html  | 13 ++++++++++---
 people/5408.html  | 13 ++++++++++---
 people/5409.html  | 13 ++++++++++---
 people/541.html   | 13 ++++++++++---
 people/5410.html  | 13 ++++++++++---
 people/5411.html  | 13 ++++++++++---
 people/5412.html  | 13 ++++++++++---
 people/5413.html  | 13 ++++++++++---
 people/5414.html  | 13 ++++++++++---
 people/5415.html  | 13 ++++++++++---
 people/5416.html  | 13 ++++++++++---
 people/5417.html  | 13 ++++++++++---
 people/5418.html  | 13 ++++++++++---
 people/5419.html  | 13 ++++++++++---
 people/542.html   | 13 ++++++++++---
 people/5420.html  | 13 ++++++++++---
 people/5421.html  | 13 ++++++++++---
 people/5422.html  | 13 ++++++++++---
 people/5423.html  | 13 ++++++++++---
 people/5424.html  | 13 ++++++++++---
 people/5425.html  | 13 ++++++++++---
 people/5426.html  | 13 ++++++++++---
 people/5427.html  | 13 ++++++++++---
 people/5428.html  | 13 ++++++++++---
 people/5429.html  | 13 ++++++++++---
 people/543.html   | 13 ++++++++++---
 people/5430.html  | 13 ++++++++++---
 people/5431.html  | 13 ++++++++++---
 people/5432.html  | 13 ++++++++++---
 people/5433.html  | 13 ++++++++++---
 people/5434.html  | 13 ++++++++++---
 people/5435.html  | 13 ++++++++++---
 people/5436.html  | 13 ++++++++++---
 people/5437.html  | 13 ++++++++++---
 people/5438.html  | 13 ++++++++++---
 people/5439.html  | 13 ++++++++++---
 people/544.html   | 13 ++++++++++---
 people/5440.html  | 13 ++++++++++---
 people/5441.html  | 13 ++++++++++---
 people/5442.html  | 13 ++++++++++---
 people/5443.html  | 13 ++++++++++---
 people/5444.html  | 13 ++++++++++---
 people/5445.html  | 13 ++++++++++---
 people/5446.html  | 13 ++++++++++---
 people/5447.html  | 13 ++++++++++---
 people/5448.html  | 13 ++++++++++---
 people/5449.html  | 13 ++++++++++---
 people/545.html   | 13 ++++++++++---
 people/5450.html  | 13 ++++++++++---
 people/5451.html  | 13 ++++++++++---
 people/5452.html  | 13 ++++++++++---
 people/5453.html  | 13 ++++++++++---
 people/5454.html  | 13 ++++++++++---
 people/5455.html  | 13 ++++++++++---
 people/5456.html  | 13 ++++++++++---
 people/5457.html  | 13 ++++++++++---
 people/5458.html  | 13 ++++++++++---
 people/5459.html  | 13 ++++++++++---
 people/546.html   | 13 ++++++++++---
 people/5460.html  | 13 ++++++++++---
 people/5461.html  | 13 ++++++++++---
 people/5462.html  | 13 ++++++++++---
 people/5463.html  | 13 ++++++++++---
 people/5464.html  | 13 ++++++++++---
 people/5465.html  | 13 ++++++++++---
 people/5466.html  | 13 ++++++++++---
 people/5467.html  | 13 ++++++++++---
 people/5468.html  | 13 ++++++++++---
 people/5469.html  | 13 ++++++++++---
 people/547.html   | 13 ++++++++++---
 people/5470.html  | 13 ++++++++++---
 people/5471.html  | 13 ++++++++++---
 people/5472.html  | 13 ++++++++++---
 people/5473.html  | 13 ++++++++++---
 people/5474.html  | 13 ++++++++++---
 people/5475.html  | 13 ++++++++++---
 people/5476.html  | 13 ++++++++++---
 people/5477.html  | 13 ++++++++++---
 people/5478.html  | 13 ++++++++++---
 people/5479.html  | 13 ++++++++++---
 people/548.html   | 13 ++++++++++---
 people/5480.html  | 13 ++++++++++---
 people/5481.html  | 13 ++++++++++---
 people/5482.html  | 13 ++++++++++---
 people/5483.html  | 13 ++++++++++---
 people/5484.html  | 13 ++++++++++---
 people/5485.html  | 13 ++++++++++---
 people/5486.html  | 13 ++++++++++---
 people/5487.html  | 13 ++++++++++---
 people/5488.html  | 13 ++++++++++---
 people/5489.html  | 13 ++++++++++---
 people/549.html   | 13 ++++++++++---
 people/5490.html  | 13 ++++++++++---
 people/5491.html  | 13 ++++++++++---
 people/5492.html  | 13 ++++++++++---
 people/5493.html  | 13 ++++++++++---
 people/5494.html  | 13 ++++++++++---
 people/5495.html  | 13 ++++++++++---
 people/5496.html  | 13 ++++++++++---
 people/5497.html  | 13 ++++++++++---
 people/5498.html  | 13 ++++++++++---
 people/5499.html  | 13 ++++++++++---
 people/55.html    | 13 ++++++++++---
 people/550.html   | 13 ++++++++++---
 people/5500.html  | 13 ++++++++++---
 people/5501.html  | 13 ++++++++++---
 people/5502.html  | 13 ++++++++++---
 people/5503.html  | 13 ++++++++++---
 people/5504.html  | 13 ++++++++++---
 people/5505.html  | 13 ++++++++++---
 people/5506.html  | 13 ++++++++++---
 people/5507.html  | 13 ++++++++++---
 people/5508.html  | 13 ++++++++++---
 people/5509.html  | 13 ++++++++++---
 people/551.html   | 13 ++++++++++---
 people/5510.html  | 13 ++++++++++---
 people/5511.html  | 13 ++++++++++---
 people/5512.html  | 13 ++++++++++---
 people/5513.html  | 13 ++++++++++---
 people/5514.html  | 13 ++++++++++---
 people/5515.html  | 13 ++++++++++---
 people/5516.html  | 13 ++++++++++---
 people/5517.html  | 13 ++++++++++---
 people/5518.html  | 13 ++++++++++---
 people/5519.html  | 13 ++++++++++---
 people/552.html   | 13 ++++++++++---
 people/5520.html  | 13 ++++++++++---
 people/5521.html  | 13 ++++++++++---
 people/5522.html  | 13 ++++++++++---
 people/5523.html  | 13 ++++++++++---
 people/5524.html  | 13 ++++++++++---
 people/5525.html  | 13 ++++++++++---
 people/5526.html  | 13 ++++++++++---
 people/5527.html  | 13 ++++++++++---
 people/5528.html  | 13 ++++++++++---
 people/5529.html  | 13 ++++++++++---
 people/553.html   | 13 ++++++++++---
 people/5530.html  | 13 ++++++++++---
 people/5531.html  | 13 ++++++++++---
 people/5532.html  | 13 ++++++++++---
 people/5533.html  | 13 ++++++++++---
 people/5534.html  | 13 ++++++++++---
 people/5535.html  | 13 ++++++++++---
 people/5536.html  | 13 ++++++++++---
 people/5537.html  | 13 ++++++++++---
 people/5538.html  | 13 ++++++++++---
 people/5539.html  | 13 ++++++++++---
 people/554.html   | 13 ++++++++++---
 people/5540.html  | 13 ++++++++++---
 people/5541.html  | 13 ++++++++++---
 people/5542.html  | 13 ++++++++++---
 people/5543.html  | 13 ++++++++++---
 people/5544.html  | 13 ++++++++++---
 people/5545.html  | 13 ++++++++++---
 people/5546.html  | 13 ++++++++++---
 people/5547.html  | 13 ++++++++++---
 people/5548.html  | 13 ++++++++++---
 people/5549.html  | 13 ++++++++++---
 people/555.html   | 13 ++++++++++---
 people/5550.html  | 13 ++++++++++---
 people/5551.html  | 13 ++++++++++---
 people/5552.html  | 13 ++++++++++---
 people/5553.html  | 13 ++++++++++---
 people/5554.html  | 13 ++++++++++---
 people/5555.html  | 13 ++++++++++---
 people/5556.html  | 13 ++++++++++---
 people/5557.html  | 13 ++++++++++---
 people/5558.html  | 13 ++++++++++---
 people/5559.html  | 13 ++++++++++---
 people/556.html   | 13 ++++++++++---
 people/5560.html  | 13 ++++++++++---
 people/5561.html  | 13 ++++++++++---
 people/5562.html  | 13 ++++++++++---
 people/5563.html  | 13 ++++++++++---
 people/5564.html  | 13 ++++++++++---
 people/5565.html  | 13 ++++++++++---
 people/5566.html  | 13 ++++++++++---
 people/5567.html  | 13 ++++++++++---
 people/5568.html  | 13 ++++++++++---
 people/5569.html  | 13 ++++++++++---
 people/557.html   | 13 ++++++++++---
 people/5570.html  | 13 ++++++++++---
 people/5571.html  | 13 ++++++++++---
 people/5572.html  | 13 ++++++++++---
 people/5573.html  | 13 ++++++++++---
 people/5574.html  | 13 ++++++++++---
 people/5575.html  | 13 ++++++++++---
 people/5576.html  | 13 ++++++++++---
 people/5577.html  | 13 ++++++++++---
 people/5578.html  | 13 ++++++++++---
 people/5579.html  | 13 ++++++++++---
 people/558.html   | 13 ++++++++++---
 people/5580.html  | 13 ++++++++++---
 people/5581.html  | 13 ++++++++++---
 people/5582.html  | 13 ++++++++++---
 people/5583.html  | 13 ++++++++++---
 people/5584.html  | 13 ++++++++++---
 people/5585.html  | 13 ++++++++++---
 people/5586.html  | 13 ++++++++++---
 people/5587.html  | 13 ++++++++++---
 people/5588.html  | 13 ++++++++++---
 people/5589.html  | 13 ++++++++++---
 people/559.html   | 13 ++++++++++---
 people/5590.html  | 13 ++++++++++---
 people/5591.html  | 13 ++++++++++---
 people/5592.html  | 13 ++++++++++---
 people/5593.html  | 13 ++++++++++---
 people/5594.html  | 13 ++++++++++---
 people/5595.html  | 13 ++++++++++---
 people/5596.html  | 13 ++++++++++---
 people/5597.html  | 13 ++++++++++---
 people/5598.html  | 13 ++++++++++---
 people/5599.html  | 13 ++++++++++---
 people/56.html    | 13 ++++++++++---
 people/560.html   | 13 ++++++++++---
 people/5600.html  | 13 ++++++++++---
 people/5601.html  | 13 ++++++++++---
 people/5602.html  | 13 ++++++++++---
 people/5603.html  | 13 ++++++++++---
 people/5604.html  | 13 ++++++++++---
 people/5605.html  | 13 ++++++++++---
 people/5606.html  | 13 ++++++++++---
 people/5607.html  | 13 ++++++++++---
 people/5608.html  | 13 ++++++++++---
 people/5609.html  | 13 ++++++++++---
 people/561.html   | 13 ++++++++++---
 people/5610.html  | 13 ++++++++++---
 people/5611.html  | 13 ++++++++++---
 people/5612.html  | 13 ++++++++++---
 people/5613.html  | 13 ++++++++++---
 people/5614.html  | 13 ++++++++++---
 people/5615.html  | 13 ++++++++++---
 people/5616.html  | 13 ++++++++++---
 people/5617.html  | 13 ++++++++++---
 people/5618.html  | 13 ++++++++++---
 people/5619.html  | 13 ++++++++++---
 people/562.html   | 13 ++++++++++---
 people/5620.html  | 13 ++++++++++---
 people/5621.html  | 13 ++++++++++---
 people/5622.html  | 13 ++++++++++---
 people/5623.html  | 13 ++++++++++---
 people/5624.html  | 13 ++++++++++---
 people/5625.html  | 13 ++++++++++---
 people/5626.html  | 13 ++++++++++---
 people/5627.html  | 13 ++++++++++---
 people/5628.html  | 13 ++++++++++---
 people/5629.html  | 13 ++++++++++---
 people/563.html   | 13 ++++++++++---
 people/5630.html  | 13 ++++++++++---
 people/5631.html  | 13 ++++++++++---
 people/5632.html  | 13 ++++++++++---
 people/5633.html  | 13 ++++++++++---
 people/5634.html  | 13 ++++++++++---
 people/5635.html  | 13 ++++++++++---
 people/5636.html  | 13 ++++++++++---
 people/5637.html  | 13 ++++++++++---
 people/5638.html  | 13 ++++++++++---
 people/5639.html  | 13 ++++++++++---
 people/564.html   | 13 ++++++++++---
 people/5640.html  | 13 ++++++++++---
 people/5641.html  | 13 ++++++++++---
 people/5642.html  | 13 ++++++++++---
 people/5643.html  | 13 ++++++++++---
 people/5644.html  | 13 ++++++++++---
 people/5645.html  | 13 ++++++++++---
 people/5646.html  | 13 ++++++++++---
 people/5647.html  | 13 ++++++++++---
 people/5648.html  | 13 ++++++++++---
 people/5649.html  | 13 ++++++++++---
 people/565.html   | 13 ++++++++++---
 people/5650.html  | 13 ++++++++++---
 people/5651.html  | 13 ++++++++++---
 people/5652.html  | 13 ++++++++++---
 people/5653.html  | 13 ++++++++++---
 people/5654.html  | 13 ++++++++++---
 people/5655.html  | 13 ++++++++++---
 people/5656.html  | 13 ++++++++++---
 people/5657.html  | 13 ++++++++++---
 people/5658.html  | 13 ++++++++++---
 people/5659.html  | 13 ++++++++++---
 people/566.html   | 13 ++++++++++---
 people/5660.html  | 13 ++++++++++---
 people/5661.html  | 13 ++++++++++---
 people/5662.html  | 13 ++++++++++---
 people/5663.html  | 13 ++++++++++---
 people/5664.html  | 13 ++++++++++---
 people/5665.html  | 13 ++++++++++---
 people/5666.html  | 13 ++++++++++---
 people/5667.html  | 13 ++++++++++---
 people/5668.html  | 13 ++++++++++---
 people/5669.html  | 13 ++++++++++---
 people/567.html   | 13 ++++++++++---
 people/5670.html  | 13 ++++++++++---
 people/5671.html  | 13 ++++++++++---
 people/5672.html  | 13 ++++++++++---
 people/5673.html  | 13 ++++++++++---
 people/5674.html  | 13 ++++++++++---
 people/5675.html  | 13 ++++++++++---
 people/5676.html  | 13 ++++++++++---
 people/5677.html  | 13 ++++++++++---
 people/5678.html  | 13 ++++++++++---
 people/5679.html  | 13 ++++++++++---
 people/568.html   | 13 ++++++++++---
 people/5680.html  | 13 ++++++++++---
 people/5681.html  | 13 ++++++++++---
 people/5682.html  | 13 ++++++++++---
 people/5683.html  | 13 ++++++++++---
 people/5684.html  | 13 ++++++++++---
 people/5685.html  | 13 ++++++++++---
 people/5686.html  | 13 ++++++++++---
 people/5687.html  | 13 ++++++++++---
 people/5688.html  | 13 ++++++++++---
 people/5689.html  | 13 ++++++++++---
 people/569.html   | 13 ++++++++++---
 people/5690.html  | 13 ++++++++++---
 people/5691.html  | 13 ++++++++++---
 people/5692.html  | 13 ++++++++++---
 people/5693.html  | 13 ++++++++++---
 people/5694.html  | 13 ++++++++++---
 people/5695.html  | 13 ++++++++++---
 people/5696.html  | 13 ++++++++++---
 people/5697.html  | 13 ++++++++++---
 people/5698.html  | 13 ++++++++++---
 people/5699.html  | 13 ++++++++++---
 people/57.html    | 13 ++++++++++---
 people/570.html   | 13 ++++++++++---
 people/5700.html  | 13 ++++++++++---
 people/5701.html  | 13 ++++++++++---
 people/5702.html  | 13 ++++++++++---
 people/5703.html  | 13 ++++++++++---
 people/5704.html  | 13 ++++++++++---
 people/5705.html  | 13 ++++++++++---
 people/5706.html  | 13 ++++++++++---
 people/5707.html  | 13 ++++++++++---
 people/5708.html  | 13 ++++++++++---
 people/5709.html  | 13 ++++++++++---
 people/571.html   | 13 ++++++++++---
 people/5710.html  | 13 ++++++++++---
 people/5711.html  | 13 ++++++++++---
 people/5712.html  | 13 ++++++++++---
 people/5713.html  | 13 ++++++++++---
 people/5714.html  | 13 ++++++++++---
 people/5715.html  | 13 ++++++++++---
 people/5716.html  | 13 ++++++++++---
 people/5717.html  | 13 ++++++++++---
 people/5718.html  | 13 ++++++++++---
 people/5719.html  | 13 ++++++++++---
 people/572.html   | 13 ++++++++++---
 people/5720.html  | 13 ++++++++++---
 people/5721.html  | 13 ++++++++++---
 people/5722.html  | 13 ++++++++++---
 people/5723.html  | 13 ++++++++++---
 people/5724.html  | 13 ++++++++++---
 people/5725.html  | 13 ++++++++++---
 people/5726.html  | 13 ++++++++++---
 people/5727.html  | 13 ++++++++++---
 people/5728.html  | 13 ++++++++++---
 people/5729.html  | 13 ++++++++++---
 people/573.html   | 13 ++++++++++---
 people/5730.html  | 13 ++++++++++---
 people/5731.html  | 13 ++++++++++---
 people/5732.html  | 13 ++++++++++---
 people/5733.html  | 13 ++++++++++---
 people/5734.html  | 13 ++++++++++---
 people/5735.html  | 13 ++++++++++---
 people/5736.html  | 13 ++++++++++---
 people/5737.html  | 13 ++++++++++---
 people/5738.html  | 13 ++++++++++---
 people/5739.html  | 13 ++++++++++---
 people/574.html   | 13 ++++++++++---
 people/5740.html  | 13 ++++++++++---
 people/5741.html  | 13 ++++++++++---
 people/5742.html  | 13 ++++++++++---
 people/5743.html  | 13 ++++++++++---
 people/5744.html  | 13 ++++++++++---
 people/5745.html  | 13 ++++++++++---
 people/5746.html  | 13 ++++++++++---
 people/5747.html  | 13 ++++++++++---
 people/5748.html  | 13 ++++++++++---
 people/5749.html  | 13 ++++++++++---
 people/575.html   | 13 ++++++++++---
 people/5750.html  | 13 ++++++++++---
 people/5751.html  | 13 ++++++++++---
 people/5752.html  | 13 ++++++++++---
 people/5753.html  | 13 ++++++++++---
 people/5754.html  | 13 ++++++++++---
 people/5755.html  | 13 ++++++++++---
 people/5756.html  | 13 ++++++++++---
 people/5757.html  | 13 ++++++++++---
 people/5758.html  | 13 ++++++++++---
 people/5759.html  | 13 ++++++++++---
 people/576.html   | 13 ++++++++++---
 people/5760.html  | 13 ++++++++++---
 people/5761.html  | 13 ++++++++++---
 people/5762.html  | 13 ++++++++++---
 people/5763.html  | 13 ++++++++++---
 people/5764.html  | 13 ++++++++++---
 people/5765.html  | 13 ++++++++++---
 people/5766.html  | 13 ++++++++++---
 people/5767.html  | 13 ++++++++++---
 people/5768.html  | 13 ++++++++++---
 people/5769.html  | 13 ++++++++++---
 people/577.html   | 13 ++++++++++---
 people/5770.html  | 13 ++++++++++---
 people/5771.html  | 13 ++++++++++---
 people/5772.html  | 13 ++++++++++---
 people/5773.html  | 13 ++++++++++---
 people/5774.html  | 13 ++++++++++---
 people/5775.html  | 13 ++++++++++---
 people/5776.html  | 13 ++++++++++---
 people/5777.html  | 13 ++++++++++---
 people/5778.html  | 13 ++++++++++---
 people/5779.html  | 13 ++++++++++---
 people/578.html   | 13 ++++++++++---
 people/5780.html  | 13 ++++++++++---
 people/5781.html  | 13 ++++++++++---
 people/5782.html  | 13 ++++++++++---
 people/5783.html  | 13 ++++++++++---
 people/5784.html  | 13 ++++++++++---
 people/5785.html  | 13 ++++++++++---
 people/5786.html  | 13 ++++++++++---
 people/5787.html  | 13 ++++++++++---
 people/5788.html  | 13 ++++++++++---
 people/5789.html  | 13 ++++++++++---
 people/579.html   | 13 ++++++++++---
 people/5790.html  | 13 ++++++++++---
 people/5791.html  | 13 ++++++++++---
 people/5792.html  | 13 ++++++++++---
 people/5793.html  | 13 ++++++++++---
 people/5794.html  | 13 ++++++++++---
 people/5795.html  | 13 ++++++++++---
 people/5796.html  | 13 ++++++++++---
 people/5797.html  | 13 ++++++++++---
 people/5798.html  | 13 ++++++++++---
 people/5799.html  | 13 ++++++++++---
 people/58.html    | 13 ++++++++++---
 people/580.html   | 13 ++++++++++---
 people/5800.html  | 13 ++++++++++---
 people/5801.html  | 13 ++++++++++---
 people/5802.html  | 13 ++++++++++---
 people/5803.html  | 13 ++++++++++---
 people/5804.html  | 13 ++++++++++---
 people/5805.html  | 13 ++++++++++---
 people/5806.html  | 13 ++++++++++---
 people/5807.html  | 13 ++++++++++---
 people/5808.html  | 13 ++++++++++---
 people/5809.html  | 13 ++++++++++---
 people/581.html   | 13 ++++++++++---
 people/5810.html  | 13 ++++++++++---
 people/5811.html  | 13 ++++++++++---
 people/5812.html  | 13 ++++++++++---
 people/5813.html  | 13 ++++++++++---
 people/5814.html  | 13 ++++++++++---
 people/5815.html  | 13 ++++++++++---
 people/5816.html  | 13 ++++++++++---
 people/5817.html  | 13 ++++++++++---
 people/5818.html  | 13 ++++++++++---
 people/5819.html  | 13 ++++++++++---
 people/582.html   | 13 ++++++++++---
 people/5820.html  | 13 ++++++++++---
 people/5821.html  | 13 ++++++++++---
 people/5822.html  | 13 ++++++++++---
 people/5823.html  | 13 ++++++++++---
 people/5824.html  | 13 ++++++++++---
 people/5825.html  | 13 ++++++++++---
 people/5826.html  | 13 ++++++++++---
 people/5827.html  | 13 ++++++++++---
 people/5828.html  | 13 ++++++++++---
 people/5829.html  | 13 ++++++++++---
 people/583.html   | 13 ++++++++++---
 people/5830.html  | 13 ++++++++++---
 people/5831.html  | 13 ++++++++++---
 people/5832.html  | 13 ++++++++++---
 people/5833.html  | 13 ++++++++++---
 people/5834.html  | 13 ++++++++++---
 people/5835.html  | 13 ++++++++++---
 people/5836.html  | 13 ++++++++++---
 people/5837.html  | 13 ++++++++++---
 people/5838.html  | 13 ++++++++++---
 people/5839.html  | 13 ++++++++++---
 people/584.html   | 13 ++++++++++---
 people/5840.html  | 13 ++++++++++---
 people/5841.html  | 13 ++++++++++---
 people/5842.html  | 13 ++++++++++---
 people/5843.html  | 13 ++++++++++---
 people/5844.html  | 13 ++++++++++---
 people/5845.html  | 13 ++++++++++---
 people/5846.html  | 13 ++++++++++---
 people/5847.html  | 13 ++++++++++---
 people/5848.html  | 13 ++++++++++---
 people/5849.html  | 13 ++++++++++---
 people/585.html   | 13 ++++++++++---
 people/5850.html  | 13 ++++++++++---
 people/5851.html  | 13 ++++++++++---
 people/5852.html  | 13 ++++++++++---
 people/5853.html  | 13 ++++++++++---
 people/5854.html  | 13 ++++++++++---
 people/5855.html  | 13 ++++++++++---
 people/5856.html  | 13 ++++++++++---
 people/5857.html  | 13 ++++++++++---
 people/5858.html  | 13 ++++++++++---
 people/5859.html  | 13 ++++++++++---
 people/586.html   | 13 ++++++++++---
 people/5860.html  | 13 ++++++++++---
 people/5861.html  | 13 ++++++++++---
 people/5862.html  | 13 ++++++++++---
 people/5863.html  | 13 ++++++++++---
 people/5864.html  | 13 ++++++++++---
 people/5865.html  | 13 ++++++++++---
 people/5866.html  | 13 ++++++++++---
 people/5867.html  | 13 ++++++++++---
 people/5868.html  | 13 ++++++++++---
 people/5869.html  | 13 ++++++++++---
 people/587.html   | 13 ++++++++++---
 people/5870.html  | 13 ++++++++++---
 people/5871.html  | 13 ++++++++++---
 people/5872.html  | 13 ++++++++++---
 people/5873.html  | 13 ++++++++++---
 people/5874.html  | 13 ++++++++++---
 people/5875.html  | 13 ++++++++++---
 people/5876.html  | 13 ++++++++++---
 people/5877.html  | 13 ++++++++++---
 people/5878.html  | 13 ++++++++++---
 people/5879.html  | 13 ++++++++++---
 people/588.html   | 13 ++++++++++---
 people/5880.html  | 13 ++++++++++---
 people/5881.html  | 13 ++++++++++---
 people/5882.html  | 13 ++++++++++---
 people/5883.html  | 13 ++++++++++---
 people/5884.html  | 13 ++++++++++---
 people/5885.html  | 13 ++++++++++---
 people/5886.html  | 13 ++++++++++---
 people/5887.html  | 13 ++++++++++---
 people/5888.html  | 13 ++++++++++---
 people/5889.html  | 13 ++++++++++---
 people/589.html   | 13 ++++++++++---
 people/5890.html  | 13 ++++++++++---
 people/5891.html  | 13 ++++++++++---
 people/5892.html  | 13 ++++++++++---
 people/5893.html  | 13 ++++++++++---
 people/5894.html  | 13 ++++++++++---
 people/5895.html  | 13 ++++++++++---
 people/5896.html  | 13 ++++++++++---
 people/5897.html  | 13 ++++++++++---
 people/5898.html  | 13 ++++++++++---
 people/5899.html  | 13 ++++++++++---
 people/59.html    | 13 ++++++++++---
 people/590.html   | 13 ++++++++++---
 people/5900.html  | 13 ++++++++++---
 people/5901.html  | 13 ++++++++++---
 people/5902.html  | 13 ++++++++++---
 people/5903.html  | 13 ++++++++++---
 people/5904.html  | 13 ++++++++++---
 people/5905.html  | 13 ++++++++++---
 people/5906.html  | 13 ++++++++++---
 people/5907.html  | 13 ++++++++++---
 people/5908.html  | 13 ++++++++++---
 people/5909.html  | 13 ++++++++++---
 people/591.html   | 13 ++++++++++---
 people/5910.html  | 13 ++++++++++---
 people/5911.html  | 13 ++++++++++---
 people/5912.html  | 13 ++++++++++---
 people/5913.html  | 13 ++++++++++---
 people/5914.html  | 13 ++++++++++---
 people/5915.html  | 13 ++++++++++---
 people/5916.html  | 13 ++++++++++---
 people/5917.html  | 13 ++++++++++---
 people/5918.html  | 13 ++++++++++---
 people/5919.html  | 13 ++++++++++---
 people/592.html   | 13 ++++++++++---
 people/5920.html  | 13 ++++++++++---
 people/5921.html  | 13 ++++++++++---
 people/5922.html  | 13 ++++++++++---
 people/5923.html  | 13 ++++++++++---
 people/5924.html  | 13 ++++++++++---
 people/5925.html  | 13 ++++++++++---
 people/5926.html  | 13 ++++++++++---
 people/5927.html  | 13 ++++++++++---
 people/5928.html  | 13 ++++++++++---
 people/5929.html  | 13 ++++++++++---
 people/593.html   | 13 ++++++++++---
 people/5930.html  | 13 ++++++++++---
 people/5931.html  | 13 ++++++++++---
 people/5932.html  | 13 ++++++++++---
 people/5933.html  | 13 ++++++++++---
 people/5934.html  | 13 ++++++++++---
 people/5935.html  | 13 ++++++++++---
 people/5936.html  | 13 ++++++++++---
 people/5937.html  | 13 ++++++++++---
 people/5938.html  | 13 ++++++++++---
 people/5939.html  | 13 ++++++++++---
 people/594.html   | 13 ++++++++++---
 people/5940.html  | 13 ++++++++++---
 people/5941.html  | 13 ++++++++++---
 people/5942.html  | 13 ++++++++++---
 people/5943.html  | 13 ++++++++++---
 people/5944.html  | 13 ++++++++++---
 people/5945.html  | 13 ++++++++++---
 people/5946.html  | 13 ++++++++++---
 people/5947.html  | 13 ++++++++++---
 people/5948.html  | 13 ++++++++++---
 people/5949.html  | 13 ++++++++++---
 people/595.html   | 13 ++++++++++---
 people/5950.html  | 13 ++++++++++---
 people/5951.html  | 13 ++++++++++---
 people/5952.html  | 13 ++++++++++---
 people/5953.html  | 13 ++++++++++---
 people/5954.html  | 13 ++++++++++---
 people/5955.html  | 13 ++++++++++---
 people/5956.html  | 13 ++++++++++---
 people/5957.html  | 13 ++++++++++---
 people/5958.html  | 13 ++++++++++---
 people/5959.html  | 13 ++++++++++---
 people/596.html   | 13 ++++++++++---
 people/5960.html  | 13 ++++++++++---
 people/5961.html  | 13 ++++++++++---
 people/5962.html  | 13 ++++++++++---
 people/5963.html  | 13 ++++++++++---
 people/5964.html  | 13 ++++++++++---
 people/5965.html  | 13 ++++++++++---
 people/5966.html  | 13 ++++++++++---
 people/5967.html  | 13 ++++++++++---
 people/5968.html  | 13 ++++++++++---
 people/5969.html  | 13 ++++++++++---
 people/597.html   | 13 ++++++++++---
 people/5970.html  | 13 ++++++++++---
 people/5971.html  | 13 ++++++++++---
 people/5972.html  | 13 ++++++++++---
 people/5973.html  | 13 ++++++++++---
 people/5974.html  | 13 ++++++++++---
 people/5975.html  | 13 ++++++++++---
 people/5976.html  | 13 ++++++++++---
 people/5977.html  | 13 ++++++++++---
 people/5978.html  | 13 ++++++++++---
 people/5979.html  | 13 ++++++++++---
 people/598.html   | 13 ++++++++++---
 people/5980.html  | 13 ++++++++++---
 people/5981.html  | 13 ++++++++++---
 people/5982.html  | 13 ++++++++++---
 people/5983.html  | 13 ++++++++++---
 people/5984.html  | 13 ++++++++++---
 people/5985.html  | 13 ++++++++++---
 people/5986.html  | 13 ++++++++++---
 people/5987.html  | 13 ++++++++++---
 people/5988.html  | 13 ++++++++++---
 people/5989.html  | 13 ++++++++++---
 people/599.html   | 13 ++++++++++---
 people/5990.html  | 13 ++++++++++---
 people/5991.html  | 13 ++++++++++---
 people/5992.html  | 13 ++++++++++---
 people/5993.html  | 13 ++++++++++---
 people/5994.html  | 13 ++++++++++---
 people/5995.html  | 13 ++++++++++---
 people/5996.html  | 13 ++++++++++---
 people/5997.html  | 13 ++++++++++---
 people/5998.html  | 13 ++++++++++---
 people/5999.html  | 13 ++++++++++---
 people/6.html     | 13 ++++++++++---
 people/60.html    | 13 ++++++++++---
 people/600.html   | 13 ++++++++++---
 people/6000.html  | 13 ++++++++++---
 people/6001.html  | 13 ++++++++++---
 people/6002.html  | 13 ++++++++++---
 people/6003.html  | 13 ++++++++++---
 people/6004.html  | 13 ++++++++++---
 people/6005.html  | 13 ++++++++++---
 people/6006.html  | 13 ++++++++++---
 people/6007.html  | 13 ++++++++++---
 people/6008.html  | 13 ++++++++++---
 people/6009.html  | 13 ++++++++++---
 people/601.html   | 13 ++++++++++---
 people/6010.html  | 13 ++++++++++---
 people/6011.html  | 13 ++++++++++---
 people/6012.html  | 13 ++++++++++---
 people/6013.html  | 13 ++++++++++---
 people/6014.html  | 13 ++++++++++---
 people/6015.html  | 13 ++++++++++---
 people/6016.html  | 13 ++++++++++---
 people/6017.html  | 13 ++++++++++---
 people/6018.html  | 13 ++++++++++---
 people/6019.html  | 13 ++++++++++---
 people/602.html   | 13 ++++++++++---
 people/6020.html  | 13 ++++++++++---
 people/6021.html  | 13 ++++++++++---
 people/6022.html  | 13 ++++++++++---
 people/6023.html  | 13 ++++++++++---
 people/6024.html  | 13 ++++++++++---
 people/6025.html  | 13 ++++++++++---
 people/6026.html  | 13 ++++++++++---
 people/6027.html  | 13 ++++++++++---
 people/6028.html  | 13 ++++++++++---
 people/6029.html  | 13 ++++++++++---
 people/603.html   | 13 ++++++++++---
 people/6030.html  | 13 ++++++++++---
 people/6031.html  | 13 ++++++++++---
 people/6032.html  | 13 ++++++++++---
 people/6033.html  | 13 ++++++++++---
 people/6034.html  | 13 ++++++++++---
 people/6035.html  | 13 ++++++++++---
 people/6036.html  | 13 ++++++++++---
 people/6037.html  | 13 ++++++++++---
 people/6038.html  | 13 ++++++++++---
 people/6039.html  | 13 ++++++++++---
 people/604.html   | 13 ++++++++++---
 people/6040.html  | 13 ++++++++++---
 people/6041.html  | 13 ++++++++++---
 people/6042.html  | 13 ++++++++++---
 people/6043.html  | 13 ++++++++++---
 people/6044.html  | 13 ++++++++++---
 people/6045.html  | 13 ++++++++++---
 people/6046.html  | 13 ++++++++++---
 people/6047.html  | 13 ++++++++++---
 people/6048.html  | 13 ++++++++++---
 people/6049.html  | 13 ++++++++++---
 people/605.html   | 13 ++++++++++---
 people/6050.html  | 13 ++++++++++---
 people/6051.html  | 13 ++++++++++---
 people/6052.html  | 13 ++++++++++---
 people/6053.html  | 13 ++++++++++---
 people/6054.html  | 13 ++++++++++---
 people/6055.html  | 13 ++++++++++---
 people/6056.html  | 13 ++++++++++---
 people/6057.html  | 13 ++++++++++---
 people/6058.html  | 13 ++++++++++---
 people/6059.html  | 13 ++++++++++---
 people/606.html   | 13 ++++++++++---
 people/6060.html  | 13 ++++++++++---
 people/6061.html  | 13 ++++++++++---
 people/6062.html  | 13 ++++++++++---
 people/6063.html  | 13 ++++++++++---
 people/6064.html  | 13 ++++++++++---
 people/6065.html  | 13 ++++++++++---
 people/6066.html  | 13 ++++++++++---
 people/6067.html  | 13 ++++++++++---
 people/6068.html  | 13 ++++++++++---
 people/6069.html  | 13 ++++++++++---
 people/607.html   | 13 ++++++++++---
 people/6070.html  | 13 ++++++++++---
 people/6071.html  | 13 ++++++++++---
 people/6072.html  | 13 ++++++++++---
 people/6073.html  | 13 ++++++++++---
 people/6074.html  | 13 ++++++++++---
 people/6075.html  | 13 ++++++++++---
 people/6076.html  | 13 ++++++++++---
 people/6077.html  | 13 ++++++++++---
 people/6078.html  | 13 ++++++++++---
 people/6079.html  | 13 ++++++++++---
 people/608.html   | 13 ++++++++++---
 people/6080.html  | 13 ++++++++++---
 people/6081.html  | 13 ++++++++++---
 people/6082.html  | 13 ++++++++++---
 people/6083.html  | 13 ++++++++++---
 people/6084.html  | 13 ++++++++++---
 people/6085.html  | 13 ++++++++++---
 people/6086.html  | 13 ++++++++++---
 people/6087.html  | 13 ++++++++++---
 people/6088.html  | 13 ++++++++++---
 people/6089.html  | 13 ++++++++++---
 people/609.html   | 13 ++++++++++---
 people/6090.html  | 13 ++++++++++---
 people/6091.html  | 13 ++++++++++---
 people/6092.html  | 13 ++++++++++---
 people/6093.html  | 13 ++++++++++---
 people/6094.html  | 13 ++++++++++---
 people/6095.html  | 13 ++++++++++---
 people/6096.html  | 13 ++++++++++---
 people/6097.html  | 13 ++++++++++---
 people/6098.html  | 13 ++++++++++---
 people/6099.html  | 13 ++++++++++---
 people/61.html    | 13 ++++++++++---
 people/610.html   | 13 ++++++++++---
 people/6100.html  | 13 ++++++++++---
 people/6101.html  | 13 ++++++++++---
 people/6102.html  | 13 ++++++++++---
 people/6103.html  | 13 ++++++++++---
 people/6104.html  | 13 ++++++++++---
 people/6105.html  | 13 ++++++++++---
 people/6106.html  | 13 ++++++++++---
 people/6107.html  | 13 ++++++++++---
 people/6108.html  | 13 ++++++++++---
 people/6109.html  | 13 ++++++++++---
 people/611.html   | 13 ++++++++++---
 people/6110.html  | 13 ++++++++++---
 people/6111.html  | 13 ++++++++++---
 people/6112.html  | 13 ++++++++++---
 people/6113.html  | 13 ++++++++++---
 people/6114.html  | 13 ++++++++++---
 people/6115.html  | 13 ++++++++++---
 people/6116.html  | 13 ++++++++++---
 people/6117.html  | 13 ++++++++++---
 people/6118.html  | 13 ++++++++++---
 people/6119.html  | 13 ++++++++++---
 people/612.html   | 13 ++++++++++---
 people/6120.html  | 13 ++++++++++---
 people/6121.html  | 13 ++++++++++---
 people/6122.html  | 13 ++++++++++---
 people/6123.html  | 13 ++++++++++---
 people/6124.html  | 13 ++++++++++---
 people/6125.html  | 13 ++++++++++---
 people/6126.html  | 13 ++++++++++---
 people/6127.html  | 13 ++++++++++---
 people/6128.html  | 13 ++++++++++---
 people/6129.html  | 13 ++++++++++---
 people/613.html   | 13 ++++++++++---
 people/6130.html  | 13 ++++++++++---
 people/6131.html  | 13 ++++++++++---
 people/6132.html  | 13 ++++++++++---
 people/6133.html  | 13 ++++++++++---
 people/6134.html  | 13 ++++++++++---
 people/6135.html  | 13 ++++++++++---
 people/6136.html  | 13 ++++++++++---
 people/6137.html  | 13 ++++++++++---
 people/6138.html  | 13 ++++++++++---
 people/6139.html  | 13 ++++++++++---
 people/614.html   | 13 ++++++++++---
 people/6140.html  | 13 ++++++++++---
 people/6141.html  | 13 ++++++++++---
 people/6142.html  | 13 ++++++++++---
 people/6143.html  | 13 ++++++++++---
 people/6144.html  | 13 ++++++++++---
 people/6145.html  | 13 ++++++++++---
 people/6146.html  | 13 ++++++++++---
 people/6147.html  | 13 ++++++++++---
 people/6148.html  | 13 ++++++++++---
 people/6149.html  | 13 ++++++++++---
 people/615.html   | 13 ++++++++++---
 people/6150.html  | 13 ++++++++++---
 people/6151.html  | 13 ++++++++++---
 people/6152.html  | 13 ++++++++++---
 people/6153.html  | 13 ++++++++++---
 people/6154.html  | 13 ++++++++++---
 people/6155.html  | 13 ++++++++++---
 people/6156.html  | 13 ++++++++++---
 people/6157.html  | 13 ++++++++++---
 people/6158.html  | 13 ++++++++++---
 people/6159.html  | 13 ++++++++++---
 people/616.html   | 13 ++++++++++---
 people/6160.html  | 13 ++++++++++---
 people/6161.html  | 13 ++++++++++---
 people/6162.html  | 13 ++++++++++---
 people/6163.html  | 13 ++++++++++---
 people/6164.html  | 13 ++++++++++---
 people/6165.html  | 13 ++++++++++---
 people/6166.html  | 13 ++++++++++---
 people/6167.html  | 13 ++++++++++---
 people/6168.html  | 13 ++++++++++---
 people/6169.html  | 13 ++++++++++---
 people/617.html   | 13 ++++++++++---
 people/6170.html  | 13 ++++++++++---
 people/6171.html  | 13 ++++++++++---
 people/6172.html  | 13 ++++++++++---
 people/6173.html  | 13 ++++++++++---
 people/6174.html  | 13 ++++++++++---
 people/6175.html  | 13 ++++++++++---
 people/6176.html  | 13 ++++++++++---
 people/6177.html  | 13 ++++++++++---
 people/6178.html  | 13 ++++++++++---
 people/6179.html  | 13 ++++++++++---
 people/618.html   | 13 ++++++++++---
 people/6180.html  | 13 ++++++++++---
 people/6181.html  | 13 ++++++++++---
 people/6182.html  | 13 ++++++++++---
 people/6183.html  | 13 ++++++++++---
 people/6184.html  | 13 ++++++++++---
 people/6185.html  | 13 ++++++++++---
 people/6186.html  | 13 ++++++++++---
 people/6187.html  | 13 ++++++++++---
 people/6188.html  | 13 ++++++++++---
 people/6189.html  | 13 ++++++++++---
 people/619.html   | 13 ++++++++++---
 people/6190.html  | 13 ++++++++++---
 people/6191.html  | 13 ++++++++++---
 people/6192.html  | 13 ++++++++++---
 people/6193.html  | 13 ++++++++++---
 people/6194.html  | 13 ++++++++++---
 people/6195.html  | 13 ++++++++++---
 people/6196.html  | 13 ++++++++++---
 people/6197.html  | 13 ++++++++++---
 people/6198.html  | 13 ++++++++++---
 people/6199.html  | 13 ++++++++++---
 people/62.html    | 13 ++++++++++---
 people/620.html   | 13 ++++++++++---
 people/6200.html  | 13 ++++++++++---
 people/6201.html  | 13 ++++++++++---
 people/6202.html  | 13 ++++++++++---
 people/6203.html  | 13 ++++++++++---
 people/6204.html  | 13 ++++++++++---
 people/6205.html  | 13 ++++++++++---
 people/6206.html  | 13 ++++++++++---
 people/6207.html  | 13 ++++++++++---
 people/6208.html  | 13 ++++++++++---
 people/6209.html  | 13 ++++++++++---
 people/621.html   | 13 ++++++++++---
 people/6210.html  | 13 ++++++++++---
 people/6211.html  | 13 ++++++++++---
 people/6212.html  | 13 ++++++++++---
 people/6213.html  | 13 ++++++++++---
 people/6214.html  | 13 ++++++++++---
 people/6215.html  | 13 ++++++++++---
 people/6216.html  | 13 ++++++++++---
 people/6217.html  | 13 ++++++++++---
 people/6218.html  | 13 ++++++++++---
 people/6219.html  | 13 ++++++++++---
 people/622.html   | 13 ++++++++++---
 people/6220.html  | 13 ++++++++++---
 people/6221.html  | 13 ++++++++++---
 people/6222.html  | 13 ++++++++++---
 people/6223.html  | 13 ++++++++++---
 people/6224.html  | 13 ++++++++++---
 people/6225.html  | 13 ++++++++++---
 people/6226.html  | 13 ++++++++++---
 people/6227.html  | 13 ++++++++++---
 people/6228.html  | 13 ++++++++++---
 people/6229.html  | 13 ++++++++++---
 people/623.html   | 13 ++++++++++---
 people/6230.html  | 13 ++++++++++---
 people/6231.html  | 13 ++++++++++---
 people/6232.html  | 13 ++++++++++---
 people/6233.html  | 13 ++++++++++---
 people/6234.html  | 13 ++++++++++---
 people/6235.html  | 13 ++++++++++---
 people/6236.html  | 13 ++++++++++---
 people/6237.html  | 13 ++++++++++---
 people/6238.html  | 13 ++++++++++---
 people/6239.html  | 13 ++++++++++---
 people/6240.html  | 13 ++++++++++---
 people/6241.html  | 13 ++++++++++---
 people/6242.html  | 13 ++++++++++---
 people/6243.html  | 13 ++++++++++---
 people/6244.html  | 13 ++++++++++---
 people/6245.html  | 13 ++++++++++---
 people/6246.html  | 13 ++++++++++---
 people/6247.html  | 13 ++++++++++---
 people/6248.html  | 13 ++++++++++---
 people/6249.html  | 13 ++++++++++---
 people/625.html   | 13 ++++++++++---
 people/6250.html  | 13 ++++++++++---
 people/6251.html  | 13 ++++++++++---
 people/6252.html  | 13 ++++++++++---
 people/6253.html  | 13 ++++++++++---
 people/6254.html  | 13 ++++++++++---
 people/6255.html  | 13 ++++++++++---
 people/6256.html  | 13 ++++++++++---
 people/6257.html  | 13 ++++++++++---
 people/6258.html  | 13 ++++++++++---
 people/6259.html  | 13 ++++++++++---
 people/626.html   | 13 ++++++++++---
 people/6260.html  | 13 ++++++++++---
 people/6261.html  | 13 ++++++++++---
 people/6262.html  | 13 ++++++++++---
 people/6263.html  | 13 ++++++++++---
 people/6264.html  | 13 ++++++++++---
 people/6265.html  | 13 ++++++++++---
 people/6266.html  | 13 ++++++++++---
 people/6267.html  | 13 ++++++++++---
 people/6268.html  | 13 ++++++++++---
 people/6269.html  | 13 ++++++++++---
 people/627.html   | 13 ++++++++++---
 people/6270.html  | 13 ++++++++++---
 people/6271.html  | 13 ++++++++++---
 people/6272.html  | 13 ++++++++++---
 people/6273.html  | 13 ++++++++++---
 people/6274.html  | 13 ++++++++++---
 people/6275.html  | 13 ++++++++++---
 people/6276.html  | 13 ++++++++++---
 people/6277.html  | 13 ++++++++++---
 people/6278.html  | 13 ++++++++++---
 people/6279.html  | 13 ++++++++++---
 people/628.html   | 13 ++++++++++---
 people/6280.html  | 13 ++++++++++---
 people/6281.html  | 13 ++++++++++---
 people/6282.html  | 13 ++++++++++---
 people/6283.html  | 13 ++++++++++---
 people/6284.html  | 13 ++++++++++---
 people/6285.html  | 13 ++++++++++---
 people/6286.html  | 13 ++++++++++---
 people/6287.html  | 13 ++++++++++---
 people/6288.html  | 13 ++++++++++---
 people/6289.html  | 13 ++++++++++---
 people/629.html   | 13 ++++++++++---
 people/6290.html  | 13 ++++++++++---
 people/6291.html  | 13 ++++++++++---
 people/6292.html  | 13 ++++++++++---
 people/6293.html  | 13 ++++++++++---
 people/6294.html  | 13 ++++++++++---
 people/6295.html  | 13 ++++++++++---
 people/6296.html  | 13 ++++++++++---
 people/6297.html  | 13 ++++++++++---
 people/6298.html  | 13 ++++++++++---
 people/6299.html  | 13 ++++++++++---
 people/63.html    | 13 ++++++++++---
 people/630.html   | 13 ++++++++++---
 people/6300.html  | 13 ++++++++++---
 people/6301.html  | 13 ++++++++++---
 people/6302.html  | 13 ++++++++++---
 people/6303.html  | 13 ++++++++++---
 people/6304.html  | 13 ++++++++++---
 people/6305.html  | 13 ++++++++++---
 people/6306.html  | 13 ++++++++++---
 people/6307.html  | 13 ++++++++++---
 people/6308.html  | 13 ++++++++++---
 people/6309.html  | 13 ++++++++++---
 people/631.html   | 13 ++++++++++---
 people/6310.html  | 13 ++++++++++---
 people/6311.html  | 13 ++++++++++---
 people/6312.html  | 13 ++++++++++---
 people/6313.html  | 13 ++++++++++---
 people/6314.html  | 13 ++++++++++---
 people/6315.html  | 13 ++++++++++---
 people/6316.html  | 13 ++++++++++---
 people/6317.html  | 13 ++++++++++---
 people/6318.html  | 13 ++++++++++---
 people/6319.html  | 13 ++++++++++---
 people/632.html   | 13 ++++++++++---
 people/6320.html  | 13 ++++++++++---
 people/6321.html  | 13 ++++++++++---
 people/6322.html  | 13 ++++++++++---
 people/6323.html  | 13 ++++++++++---
 people/6324.html  | 13 ++++++++++---
 people/6325.html  | 13 ++++++++++---
 people/6326.html  | 13 ++++++++++---
 people/6327.html  | 13 ++++++++++---
 people/6328.html  | 13 ++++++++++---
 people/6329.html  | 13 ++++++++++---
 people/633.html   | 13 ++++++++++---
 people/6330.html  | 13 ++++++++++---
 people/6331.html  | 13 ++++++++++---
 people/6332.html  | 13 ++++++++++---
 people/6333.html  | 13 ++++++++++---
 people/6334.html  | 13 ++++++++++---
 people/6335.html  | 13 ++++++++++---
 people/6336.html  | 13 ++++++++++---
 people/6337.html  | 13 ++++++++++---
 people/6338.html  | 13 ++++++++++---
 people/6339.html  | 13 ++++++++++---
 people/634.html   | 13 ++++++++++---
 people/6340.html  | 13 ++++++++++---
 people/6341.html  | 13 ++++++++++---
 people/6342.html  | 13 ++++++++++---
 people/6343.html  | 13 ++++++++++---
 people/6344.html  | 13 ++++++++++---
 people/6345.html  | 13 ++++++++++---
 people/6346.html  | 13 ++++++++++---
 people/6347.html  | 13 ++++++++++---
 people/6348.html  | 13 ++++++++++---
 people/6349.html  | 13 ++++++++++---
 people/635.html   | 13 ++++++++++---
 people/6350.html  | 13 ++++++++++---
 people/6351.html  | 13 ++++++++++---
 people/6352.html  | 13 ++++++++++---
 people/6353.html  | 13 ++++++++++---
 people/6354.html  | 13 ++++++++++---
 people/6355.html  | 13 ++++++++++---
 people/6356.html  | 13 ++++++++++---
 people/6357.html  | 13 ++++++++++---
 people/6358.html  | 13 ++++++++++---
 people/6359.html  | 13 ++++++++++---
 people/636.html   | 13 ++++++++++---
 people/6360.html  | 13 ++++++++++---
 people/6361.html  | 13 ++++++++++---
 people/6362.html  | 13 ++++++++++---
 people/6363.html  | 13 ++++++++++---
 people/6364.html  | 13 ++++++++++---
 people/6365.html  | 13 ++++++++++---
 people/6366.html  | 13 ++++++++++---
 people/6367.html  | 13 ++++++++++---
 people/6368.html  | 13 ++++++++++---
 people/6369.html  | 13 ++++++++++---
 people/637.html   | 13 ++++++++++---
 people/6370.html  | 13 ++++++++++---
 people/6371.html  | 13 ++++++++++---
 people/6372.html  | 13 ++++++++++---
 people/6373.html  | 13 ++++++++++---
 people/6374.html  | 13 ++++++++++---
 people/6375.html  | 13 ++++++++++---
 people/6376.html  | 13 ++++++++++---
 people/6377.html  | 13 ++++++++++---
 people/6378.html  | 13 ++++++++++---
 people/6379.html  | 13 ++++++++++---
 people/638.html   | 13 ++++++++++---
 people/6380.html  | 13 ++++++++++---
 people/6381.html  | 13 ++++++++++---
 people/6382.html  | 13 ++++++++++---
 people/6383.html  | 13 ++++++++++---
 people/6384.html  | 13 ++++++++++---
 people/6385.html  | 13 ++++++++++---
 people/6386.html  | 13 ++++++++++---
 people/6387.html  | 13 ++++++++++---
 people/6388.html  | 13 ++++++++++---
 people/6389.html  | 13 ++++++++++---
 people/639.html   | 13 ++++++++++---
 people/6390.html  | 13 ++++++++++---
 people/6391.html  | 13 ++++++++++---
 people/6392.html  | 13 ++++++++++---
 people/6393.html  | 13 ++++++++++---
 people/6394.html  | 13 ++++++++++---
 people/6395.html  | 13 ++++++++++---
 people/6396.html  | 13 ++++++++++---
 people/6397.html  | 13 ++++++++++---
 people/6398.html  | 13 ++++++++++---
 people/6399.html  | 13 ++++++++++---
 people/64.html    | 13 ++++++++++---
 people/640.html   | 13 ++++++++++---
 people/6400.html  | 13 ++++++++++---
 people/6401.html  | 13 ++++++++++---
 people/6402.html  | 13 ++++++++++---
 people/6403.html  | 13 ++++++++++---
 people/6404.html  | 13 ++++++++++---
 people/6405.html  | 13 ++++++++++---
 people/6406.html  | 13 ++++++++++---
 people/6407.html  | 13 ++++++++++---
 people/6408.html  | 13 ++++++++++---
 people/6409.html  | 13 ++++++++++---
 people/641.html   | 13 ++++++++++---
 people/6410.html  | 13 ++++++++++---
 people/6411.html  | 13 ++++++++++---
 people/6412.html  | 13 ++++++++++---
 people/6413.html  | 13 ++++++++++---
 people/6414.html  | 13 ++++++++++---
 people/6415.html  | 13 ++++++++++---
 people/6416.html  | 13 ++++++++++---
 people/6417.html  | 13 ++++++++++---
 people/6418.html  | 13 ++++++++++---
 people/6419.html  | 13 ++++++++++---
 people/642.html   | 13 ++++++++++---
 people/6420.html  | 13 ++++++++++---
 people/6421.html  | 13 ++++++++++---
 people/6422.html  | 13 ++++++++++---
 people/6423.html  | 13 ++++++++++---
 people/6424.html  | 13 ++++++++++---
 people/6425.html  | 13 ++++++++++---
 people/6426.html  | 13 ++++++++++---
 people/6427.html  | 13 ++++++++++---
 people/6428.html  | 13 ++++++++++---
 people/6429.html  | 13 ++++++++++---
 people/643.html   | 13 ++++++++++---
 people/6430.html  | 13 ++++++++++---
 people/6431.html  | 13 ++++++++++---
 people/6432.html  | 13 ++++++++++---
 people/6433.html  | 13 ++++++++++---
 people/6434.html  | 13 ++++++++++---
 people/6435.html  | 13 ++++++++++---
 people/6436.html  | 13 ++++++++++---
 people/6437.html  | 13 ++++++++++---
 people/6438.html  | 13 ++++++++++---
 people/6439.html  | 13 ++++++++++---
 people/644.html   | 13 ++++++++++---
 people/6440.html  | 13 ++++++++++---
 people/6441.html  | 13 ++++++++++---
 people/6442.html  | 13 ++++++++++---
 people/6443.html  | 13 ++++++++++---
 people/6444.html  | 13 ++++++++++---
 people/6445.html  | 13 ++++++++++---
 people/6446.html  | 13 ++++++++++---
 people/6447.html  | 13 ++++++++++---
 people/6448.html  | 13 ++++++++++---
 people/6449.html  | 13 ++++++++++---
 people/645.html   | 13 ++++++++++---
 people/6450.html  | 13 ++++++++++---
 people/6451.html  | 13 ++++++++++---
 people/6452.html  | 13 ++++++++++---
 people/6453.html  | 13 ++++++++++---
 people/6454.html  | 13 ++++++++++---
 people/6455.html  | 13 ++++++++++---
 people/6456.html  | 13 ++++++++++---
 people/6457.html  | 13 ++++++++++---
 people/6458.html  | 13 ++++++++++---
 people/6459.html  | 13 ++++++++++---
 people/646.html   | 13 ++++++++++---
 people/6460.html  | 13 ++++++++++---
 people/6461.html  | 13 ++++++++++---
 people/6462.html  | 13 ++++++++++---
 people/6463.html  | 13 ++++++++++---
 people/6464.html  | 13 ++++++++++---
 people/6465.html  | 13 ++++++++++---
 people/6466.html  | 13 ++++++++++---
 people/6467.html  | 13 ++++++++++---
 people/6468.html  | 13 ++++++++++---
 people/6469.html  | 13 ++++++++++---
 people/647.html   | 13 ++++++++++---
 people/6470.html  | 13 ++++++++++---
 people/6471.html  | 13 ++++++++++---
 people/6472.html  | 13 ++++++++++---
 people/6473.html  | 13 ++++++++++---
 people/6474.html  | 13 ++++++++++---
 people/6475.html  | 13 ++++++++++---
 people/6476.html  | 13 ++++++++++---
 people/6477.html  | 13 ++++++++++---
 people/6478.html  | 13 ++++++++++---
 people/6479.html  | 13 ++++++++++---
 people/648.html   | 13 ++++++++++---
 people/6480.html  | 13 ++++++++++---
 people/6481.html  | 13 ++++++++++---
 people/6482.html  | 13 ++++++++++---
 people/6483.html  | 13 ++++++++++---
 people/6484.html  | 13 ++++++++++---
 people/6485.html  | 13 ++++++++++---
 people/6486.html  | 13 ++++++++++---
 people/6487.html  | 13 ++++++++++---
 people/6488.html  | 13 ++++++++++---
 people/6489.html  | 13 ++++++++++---
 people/649.html   | 13 ++++++++++---
 people/6490.html  | 13 ++++++++++---
 people/6491.html  | 13 ++++++++++---
 people/6492.html  | 13 ++++++++++---
 people/6493.html  | 13 ++++++++++---
 people/6494.html  | 13 ++++++++++---
 people/6495.html  | 13 ++++++++++---
 people/6496.html  | 13 ++++++++++---
 people/6497.html  | 13 ++++++++++---
 people/6498.html  | 13 ++++++++++---
 people/6499.html  | 13 ++++++++++---
 people/65.html    | 13 ++++++++++---
 people/650.html   | 13 ++++++++++---
 people/6500.html  | 13 ++++++++++---
 people/6501.html  | 13 ++++++++++---
 people/6502.html  | 13 ++++++++++---
 people/6503.html  | 13 ++++++++++---
 people/6504.html  | 13 ++++++++++---
 people/6505.html  | 13 ++++++++++---
 people/6506.html  | 13 ++++++++++---
 people/6507.html  | 13 ++++++++++---
 people/6508.html  | 13 ++++++++++---
 people/6509.html  | 13 ++++++++++---
 people/651.html   | 13 ++++++++++---
 people/6510.html  | 13 ++++++++++---
 people/6511.html  | 13 ++++++++++---
 people/6512.html  | 13 ++++++++++---
 people/6513.html  | 13 ++++++++++---
 people/6514.html  | 13 ++++++++++---
 people/6515.html  | 13 ++++++++++---
 people/6516.html  | 13 ++++++++++---
 people/6517.html  | 13 ++++++++++---
 people/6518.html  | 13 ++++++++++---
 people/6519.html  | 13 ++++++++++---
 people/652.html   | 13 ++++++++++---
 people/6520.html  | 13 ++++++++++---
 people/6521.html  | 13 ++++++++++---
 people/6522.html  | 13 ++++++++++---
 people/6523.html  | 13 ++++++++++---
 people/6524.html  | 13 ++++++++++---
 people/6525.html  | 13 ++++++++++---
 people/6526.html  | 13 ++++++++++---
 people/6527.html  | 13 ++++++++++---
 people/6528.html  | 13 ++++++++++---
 people/6529.html  | 13 ++++++++++---
 people/653.html   | 13 ++++++++++---
 people/6530.html  | 13 ++++++++++---
 people/6531.html  | 13 ++++++++++---
 people/6532.html  | 13 ++++++++++---
 people/6533.html  | 13 ++++++++++---
 people/6534.html  | 13 ++++++++++---
 people/6535.html  | 13 ++++++++++---
 people/6536.html  | 13 ++++++++++---
 people/6537.html  | 13 ++++++++++---
 people/6538.html  | 13 ++++++++++---
 people/6539.html  | 13 ++++++++++---
 people/654.html   | 13 ++++++++++---
 people/6540.html  | 13 ++++++++++---
 people/6541.html  | 13 ++++++++++---
 people/6542.html  | 13 ++++++++++---
 people/6543.html  | 13 ++++++++++---
 people/6544.html  | 13 ++++++++++---
 people/6545.html  | 13 ++++++++++---
 people/6546.html  | 13 ++++++++++---
 people/6547.html  | 13 ++++++++++---
 people/6548.html  | 13 ++++++++++---
 people/6549.html  | 13 ++++++++++---
 people/655.html   | 13 ++++++++++---
 people/6550.html  | 13 ++++++++++---
 people/6551.html  | 13 ++++++++++---
 people/6552.html  | 13 ++++++++++---
 people/6553.html  | 13 ++++++++++---
 people/6554.html  | 13 ++++++++++---
 people/6555.html  | 13 ++++++++++---
 people/6556.html  | 13 ++++++++++---
 people/6557.html  | 13 ++++++++++---
 people/6558.html  | 13 ++++++++++---
 people/6559.html  | 13 ++++++++++---
 people/656.html   | 13 ++++++++++---
 people/6560.html  | 13 ++++++++++---
 people/6561.html  | 13 ++++++++++---
 people/6562.html  | 13 ++++++++++---
 people/6563.html  | 13 ++++++++++---
 people/6564.html  | 13 ++++++++++---
 people/6565.html  | 13 ++++++++++---
 people/6566.html  | 13 ++++++++++---
 people/6567.html  | 13 ++++++++++---
 people/6568.html  | 13 ++++++++++---
 people/6569.html  | 13 ++++++++++---
 people/657.html   | 13 ++++++++++---
 people/6570.html  | 13 ++++++++++---
 people/6571.html  | 13 ++++++++++---
 people/6572.html  | 13 ++++++++++---
 people/6573.html  | 13 ++++++++++---
 people/6574.html  | 13 ++++++++++---
 people/6575.html  | 13 ++++++++++---
 people/6576.html  | 13 ++++++++++---
 people/6577.html  | 13 ++++++++++---
 people/6578.html  | 13 ++++++++++---
 people/6579.html  | 13 ++++++++++---
 people/6580.html  | 13 ++++++++++---
 people/6581.html  | 13 ++++++++++---
 people/6582.html  | 13 ++++++++++---
 people/6583.html  | 13 ++++++++++---
 people/6584.html  | 13 ++++++++++---
 people/6585.html  | 13 ++++++++++---
 people/6586.html  | 13 ++++++++++---
 people/6587.html  | 13 ++++++++++---
 people/6588.html  | 13 ++++++++++---
 people/6589.html  | 13 ++++++++++---
 people/659.html   | 13 ++++++++++---
 people/6590.html  | 13 ++++++++++---
 people/6591.html  | 13 ++++++++++---
 people/6592.html  | 13 ++++++++++---
 people/6593.html  | 13 ++++++++++---
 people/6594.html  | 13 ++++++++++---
 people/6595.html  | 13 ++++++++++---
 people/6596.html  | 13 ++++++++++---
 people/6597.html  | 13 ++++++++++---
 people/6598.html  | 13 ++++++++++---
 people/6599.html  | 13 ++++++++++---
 people/66.html    | 13 ++++++++++---
 people/660.html   | 13 ++++++++++---
 people/6600.html  | 13 ++++++++++---
 people/6601.html  | 13 ++++++++++---
 people/6602.html  | 13 ++++++++++---
 people/6603.html  | 13 ++++++++++---
 people/6604.html  | 13 ++++++++++---
 people/6605.html  | 13 ++++++++++---
 people/6606.html  | 13 ++++++++++---
 people/6607.html  | 13 ++++++++++---
 people/6608.html  | 13 ++++++++++---
 people/6609.html  | 13 ++++++++++---
 people/661.html   | 13 ++++++++++---
 people/6610.html  | 13 ++++++++++---
 people/6611.html  | 13 ++++++++++---
 people/6612.html  | 13 ++++++++++---
 people/6613.html  | 13 ++++++++++---
 people/6614.html  | 13 ++++++++++---
 people/6615.html  | 13 ++++++++++---
 people/6616.html  | 13 ++++++++++---
 people/6617.html  | 13 ++++++++++---
 people/6618.html  | 13 ++++++++++---
 people/6619.html  | 13 ++++++++++---
 people/662.html   | 13 ++++++++++---
 people/6620.html  | 13 ++++++++++---
 people/6621.html  | 13 ++++++++++---
 people/6622.html  | 13 ++++++++++---
 people/6623.html  | 13 ++++++++++---
 people/6624.html  | 13 ++++++++++---
 people/6625.html  | 13 ++++++++++---
 people/6626.html  | 13 ++++++++++---
 people/6627.html  | 13 ++++++++++---
 people/6628.html  | 13 ++++++++++---
 people/6629.html  | 13 ++++++++++---
 people/663.html   | 13 ++++++++++---
 people/6630.html  | 13 ++++++++++---
 people/6631.html  | 13 ++++++++++---
 people/6632.html  | 13 ++++++++++---
 people/6633.html  | 13 ++++++++++---
 people/6634.html  | 13 ++++++++++---
 people/6635.html  | 13 ++++++++++---
 people/6636.html  | 13 ++++++++++---
 people/6637.html  | 13 ++++++++++---
 people/6638.html  | 13 ++++++++++---
 people/6639.html  | 13 ++++++++++---
 people/664.html   | 13 ++++++++++---
 people/6640.html  | 13 ++++++++++---
 people/6641.html  | 13 ++++++++++---
 people/6642.html  | 13 ++++++++++---
 people/6643.html  | 13 ++++++++++---
 people/6644.html  | 13 ++++++++++---
 people/6645.html  | 13 ++++++++++---
 people/6646.html  | 13 ++++++++++---
 people/6647.html  | 13 ++++++++++---
 people/6648.html  | 13 ++++++++++---
 people/6649.html  | 13 ++++++++++---
 people/665.html   | 13 ++++++++++---
 people/6650.html  | 13 ++++++++++---
 people/6651.html  | 13 ++++++++++---
 people/6652.html  | 13 ++++++++++---
 people/6653.html  | 13 ++++++++++---
 people/6654.html  | 13 ++++++++++---
 people/6655.html  | 13 ++++++++++---
 people/6656.html  | 13 ++++++++++---
 people/6657.html  | 13 ++++++++++---
 people/6658.html  | 13 ++++++++++---
 people/6659.html  | 13 ++++++++++---
 people/666.html   | 13 ++++++++++---
 people/6660.html  | 13 ++++++++++---
 people/6661.html  | 13 ++++++++++---
 people/6662.html  | 13 ++++++++++---
 people/6663.html  | 13 ++++++++++---
 people/6664.html  | 13 ++++++++++---
 people/6665.html  | 13 ++++++++++---
 people/6666.html  | 13 ++++++++++---
 people/6667.html  | 13 ++++++++++---
 people/6668.html  | 13 ++++++++++---
 people/6669.html  | 13 ++++++++++---
 people/667.html   | 13 ++++++++++---
 people/6670.html  | 13 ++++++++++---
 people/6671.html  | 13 ++++++++++---
 people/6672.html  | 13 ++++++++++---
 people/6673.html  | 13 ++++++++++---
 people/6674.html  | 13 ++++++++++---
 people/6675.html  | 13 ++++++++++---
 people/6676.html  | 13 ++++++++++---
 people/6677.html  | 13 ++++++++++---
 people/6678.html  | 13 ++++++++++---
 people/6679.html  | 13 ++++++++++---
 people/668.html   | 13 ++++++++++---
 people/6680.html  | 13 ++++++++++---
 people/6681.html  | 13 ++++++++++---
 people/6682.html  | 13 ++++++++++---
 people/6683.html  | 13 ++++++++++---
 people/6684.html  | 13 ++++++++++---
 people/6685.html  | 13 ++++++++++---
 people/6686.html  | 13 ++++++++++---
 people/6687.html  | 13 ++++++++++---
 people/6688.html  | 13 ++++++++++---
 people/6689.html  | 13 ++++++++++---
 people/669.html   | 13 ++++++++++---
 people/6690.html  | 13 ++++++++++---
 people/6691.html  | 13 ++++++++++---
 people/6692.html  | 13 ++++++++++---
 people/6693.html  | 13 ++++++++++---
 people/6694.html  | 13 ++++++++++---
 people/6695.html  | 13 ++++++++++---
 people/6696.html  | 13 ++++++++++---
 people/6697.html  | 13 ++++++++++---
 people/6698.html  | 13 ++++++++++---
 people/6699.html  | 13 ++++++++++---
 people/67.html    | 13 ++++++++++---
 people/670.html   | 13 ++++++++++---
 people/6700.html  | 13 ++++++++++---
 people/6701.html  | 13 ++++++++++---
 people/6702.html  | 13 ++++++++++---
 people/6703.html  | 13 ++++++++++---
 people/6704.html  | 13 ++++++++++---
 people/6705.html  | 13 ++++++++++---
 people/6706.html  | 13 ++++++++++---
 people/6707.html  | 13 ++++++++++---
 people/6708.html  | 13 ++++++++++---
 people/6709.html  | 13 ++++++++++---
 people/671.html   | 13 ++++++++++---
 people/6710.html  | 13 ++++++++++---
 people/6711.html  | 13 ++++++++++---
 people/6712.html  | 13 ++++++++++---
 people/6713.html  | 13 ++++++++++---
 people/6714.html  | 13 ++++++++++---
 people/6715.html  | 13 ++++++++++---
 people/6716.html  | 13 ++++++++++---
 people/6717.html  | 13 ++++++++++---
 people/6718.html  | 13 ++++++++++---
 people/6719.html  | 13 ++++++++++---
 people/672.html   | 13 ++++++++++---
 people/6720.html  | 13 ++++++++++---
 people/6721.html  | 13 ++++++++++---
 people/6722.html  | 13 ++++++++++---
 people/6723.html  | 13 ++++++++++---
 people/6724.html  | 13 ++++++++++---
 people/6725.html  | 13 ++++++++++---
 people/6726.html  | 13 ++++++++++---
 people/6727.html  | 13 ++++++++++---
 people/6728.html  | 13 ++++++++++---
 people/6729.html  | 13 ++++++++++---
 people/673.html   | 13 ++++++++++---
 people/6730.html  | 13 ++++++++++---
 people/6731.html  | 13 ++++++++++---
 people/6732.html  | 13 ++++++++++---
 people/6733.html  | 13 ++++++++++---
 people/6734.html  | 13 ++++++++++---
 people/6735.html  | 13 ++++++++++---
 people/6736.html  | 13 ++++++++++---
 people/6737.html  | 13 ++++++++++---
 people/6738.html  | 13 ++++++++++---
 people/6739.html  | 13 ++++++++++---
 people/674.html   | 13 ++++++++++---
 people/6740.html  | 13 ++++++++++---
 people/6741.html  | 13 ++++++++++---
 people/6742.html  | 13 ++++++++++---
 people/6743.html  | 13 ++++++++++---
 people/6744.html  | 13 ++++++++++---
 people/6745.html  | 13 ++++++++++---
 people/6746.html  | 13 ++++++++++---
 people/6747.html  | 13 ++++++++++---
 people/6748.html  | 13 ++++++++++---
 people/6749.html  | 13 ++++++++++---
 people/675.html   | 13 ++++++++++---
 people/6750.html  | 13 ++++++++++---
 people/6751.html  | 13 ++++++++++---
 people/6752.html  | 13 ++++++++++---
 people/6753.html  | 13 ++++++++++---
 people/6754.html  | 13 ++++++++++---
 people/6755.html  | 13 ++++++++++---
 people/6756.html  | 13 ++++++++++---
 people/6757.html  | 13 ++++++++++---
 people/6758.html  | 13 ++++++++++---
 people/6759.html  | 13 ++++++++++---
 people/676.html   | 13 ++++++++++---
 people/6760.html  | 13 ++++++++++---
 people/6761.html  | 13 ++++++++++---
 people/6762.html  | 13 ++++++++++---
 people/6763.html  | 13 ++++++++++---
 people/6764.html  | 13 ++++++++++---
 people/6765.html  | 13 ++++++++++---
 people/6766.html  | 13 ++++++++++---
 people/6767.html  | 13 ++++++++++---
 people/6768.html  | 13 ++++++++++---
 people/677.html   | 13 ++++++++++---
 people/6770.html  | 13 ++++++++++---
 people/6771.html  | 13 ++++++++++---
 people/6772.html  | 13 ++++++++++---
 people/6773.html  | 13 ++++++++++---
 people/6774.html  | 13 ++++++++++---
 people/6775.html  | 13 ++++++++++---
 people/6776.html  | 13 ++++++++++---
 people/6777.html  | 13 ++++++++++---
 people/6778.html  | 13 ++++++++++---
 people/6779.html  | 13 ++++++++++---
 people/678.html   | 13 ++++++++++---
 people/6780.html  | 13 ++++++++++---
 people/6781.html  | 13 ++++++++++---
 people/6782.html  | 13 ++++++++++---
 people/6783.html  | 13 ++++++++++---
 people/6784.html  | 13 ++++++++++---
 people/6785.html  | 13 ++++++++++---
 people/6786.html  | 13 ++++++++++---
 people/6787.html  | 13 ++++++++++---
 people/6788.html  | 13 ++++++++++---
 people/6789.html  | 13 ++++++++++---
 people/679.html   | 13 ++++++++++---
 people/6790.html  | 13 ++++++++++---
 people/6791.html  | 13 ++++++++++---
 people/6792.html  | 13 ++++++++++---
 people/6793.html  | 13 ++++++++++---
 people/6794.html  | 13 ++++++++++---
 people/6795.html  | 13 ++++++++++---
 people/6796.html  | 13 ++++++++++---
 people/6797.html  | 13 ++++++++++---
 people/6798.html  | 13 ++++++++++---
 people/6799.html  | 13 ++++++++++---
 people/68.html    | 13 ++++++++++---
 people/680.html   | 13 ++++++++++---
 people/6800.html  | 13 ++++++++++---
 people/6801.html  | 13 ++++++++++---
 people/6802.html  | 13 ++++++++++---
 people/6803.html  | 13 ++++++++++---
 people/6804.html  | 13 ++++++++++---
 people/6805.html  | 13 ++++++++++---
 people/6806.html  | 13 ++++++++++---
 people/6807.html  | 13 ++++++++++---
 people/6808.html  | 13 ++++++++++---
 people/6809.html  | 13 ++++++++++---
 people/681.html   | 13 ++++++++++---
 people/6810.html  | 13 ++++++++++---
 people/6811.html  | 13 ++++++++++---
 people/6812.html  | 13 ++++++++++---
 people/6813.html  | 13 ++++++++++---
 people/6814.html  | 13 ++++++++++---
 people/6815.html  | 13 ++++++++++---
 people/6816.html  | 13 ++++++++++---
 people/6817.html  | 13 ++++++++++---
 people/6819.html  | 13 ++++++++++---
 people/682.html   | 13 ++++++++++---
 people/6820.html  | 13 ++++++++++---
 people/6821.html  | 13 ++++++++++---
 people/6822.html  | 13 ++++++++++---
 people/6823.html  | 13 ++++++++++---
 people/6824.html  | 13 ++++++++++---
 people/6825.html  | 13 ++++++++++---
 people/6826.html  | 13 ++++++++++---
 people/6827.html  | 13 ++++++++++---
 people/6828.html  | 13 ++++++++++---
 people/6829.html  | 13 ++++++++++---
 people/683.html   | 13 ++++++++++---
 people/6830.html  | 13 ++++++++++---
 people/6831.html  | 13 ++++++++++---
 people/6832.html  | 13 ++++++++++---
 people/6833.html  | 13 ++++++++++---
 people/6834.html  | 13 ++++++++++---
 people/6835.html  | 13 ++++++++++---
 people/6836.html  | 13 ++++++++++---
 people/6837.html  | 13 ++++++++++---
 people/6838.html  | 13 ++++++++++---
 people/6839.html  | 13 ++++++++++---
 people/684.html   | 13 ++++++++++---
 people/6840.html  | 13 ++++++++++---
 people/6841.html  | 13 ++++++++++---
 people/6842.html  | 13 ++++++++++---
 people/6843.html  | 13 ++++++++++---
 people/6844.html  | 13 ++++++++++---
 people/6845.html  | 13 ++++++++++---
 people/6846.html  | 13 ++++++++++---
 people/6847.html  | 13 ++++++++++---
 people/6848.html  | 13 ++++++++++---
 people/6849.html  | 13 ++++++++++---
 people/685.html   | 13 ++++++++++---
 people/6850.html  | 13 ++++++++++---
 people/6851.html  | 13 ++++++++++---
 people/6852.html  | 13 ++++++++++---
 people/6853.html  | 13 ++++++++++---
 people/6854.html  | 13 ++++++++++---
 people/6855.html  | 13 ++++++++++---
 people/6856.html  | 13 ++++++++++---
 people/6857.html  | 13 ++++++++++---
 people/6858.html  | 13 ++++++++++---
 people/6859.html  | 13 ++++++++++---
 people/686.html   | 13 ++++++++++---
 people/6860.html  | 13 ++++++++++---
 people/6861.html  | 13 ++++++++++---
 people/6862.html  | 13 ++++++++++---
 people/6863.html  | 13 ++++++++++---
 people/6864.html  | 13 ++++++++++---
 people/6865.html  | 13 ++++++++++---
 people/6866.html  | 13 ++++++++++---
 people/6867.html  | 13 ++++++++++---
 people/6868.html  | 13 ++++++++++---
 people/6869.html  | 13 ++++++++++---
 people/687.html   | 13 ++++++++++---
 people/6870.html  | 13 ++++++++++---
 people/6871.html  | 13 ++++++++++---
 people/6872.html  | 13 ++++++++++---
 people/6873.html  | 13 ++++++++++---
 people/6874.html  | 13 ++++++++++---
 people/6875.html  | 13 ++++++++++---
 people/6876.html  | 13 ++++++++++---
 people/6877.html  | 13 ++++++++++---
 people/6878.html  | 13 ++++++++++---
 people/6879.html  | 13 ++++++++++---
 people/688.html   | 13 ++++++++++---
 people/6880.html  | 13 ++++++++++---
 people/6881.html  | 13 ++++++++++---
 people/6882.html  | 13 ++++++++++---
 people/6883.html  | 13 ++++++++++---
 people/6884.html  | 13 ++++++++++---
 people/6885.html  | 13 ++++++++++---
 people/6886.html  | 13 ++++++++++---
 people/6887.html  | 13 ++++++++++---
 people/6888.html  | 13 ++++++++++---
 people/6889.html  | 13 ++++++++++---
 people/689.html   | 13 ++++++++++---
 people/6890.html  | 13 ++++++++++---
 people/6891.html  | 13 ++++++++++---
 people/6892.html  | 13 ++++++++++---
 people/6893.html  | 13 ++++++++++---
 people/6894.html  | 13 ++++++++++---
 people/6895.html  | 13 ++++++++++---
 people/6896.html  | 13 ++++++++++---
 people/6897.html  | 13 ++++++++++---
 people/6898.html  | 13 ++++++++++---
 people/6899.html  | 13 ++++++++++---
 people/69.html    | 13 ++++++++++---
 people/690.html   | 13 ++++++++++---
 people/6900.html  | 13 ++++++++++---
 people/6901.html  | 13 ++++++++++---
 people/6902.html  | 13 ++++++++++---
 people/6903.html  | 13 ++++++++++---
 people/6904.html  | 13 ++++++++++---
 people/6905.html  | 13 ++++++++++---
 people/6906.html  | 13 ++++++++++---
 people/6907.html  | 13 ++++++++++---
 people/6908.html  | 13 ++++++++++---
 people/6909.html  | 13 ++++++++++---
 people/691.html   | 13 ++++++++++---
 people/6910.html  | 13 ++++++++++---
 people/6911.html  | 13 ++++++++++---
 people/6912.html  | 13 ++++++++++---
 people/6913.html  | 13 ++++++++++---
 people/6914.html  | 13 ++++++++++---
 people/6915.html  | 13 ++++++++++---
 people/6916.html  | 13 ++++++++++---
 people/6917.html  | 13 ++++++++++---
 people/6918.html  | 13 ++++++++++---
 people/6919.html  | 13 ++++++++++---
 people/692.html   | 13 ++++++++++---
 people/6920.html  | 13 ++++++++++---
 people/6921.html  | 13 ++++++++++---
 people/6922.html  | 13 ++++++++++---
 people/6923.html  | 13 ++++++++++---
 people/6924.html  | 13 ++++++++++---
 people/6925.html  | 13 ++++++++++---
 people/6926.html  | 13 ++++++++++---
 people/6927.html  | 13 ++++++++++---
 people/6928.html  | 13 ++++++++++---
 people/6929.html  | 13 ++++++++++---
 people/693.html   | 13 ++++++++++---
 people/6930.html  | 13 ++++++++++---
 people/6931.html  | 13 ++++++++++---
 people/6932.html  | 13 ++++++++++---
 people/6933.html  | 13 ++++++++++---
 people/6934.html  | 13 ++++++++++---
 people/6935.html  | 13 ++++++++++---
 people/6936.html  | 13 ++++++++++---
 people/6937.html  | 13 ++++++++++---
 people/6938.html  | 13 ++++++++++---
 people/6939.html  | 13 ++++++++++---
 people/694.html   | 13 ++++++++++---
 people/6940.html  | 13 ++++++++++---
 people/6941.html  | 13 ++++++++++---
 people/6942.html  | 13 ++++++++++---
 people/6943.html  | 13 ++++++++++---
 people/6944.html  | 13 ++++++++++---
 people/6945.html  | 13 ++++++++++---
 people/6946.html  | 13 ++++++++++---
 people/6947.html  | 13 ++++++++++---
 people/6948.html  | 13 ++++++++++---
 people/6949.html  | 13 ++++++++++---
 people/695.html   | 13 ++++++++++---
 people/6950.html  | 13 ++++++++++---
 people/6951.html  | 13 ++++++++++---
 people/6952.html  | 13 ++++++++++---
 people/6953.html  | 13 ++++++++++---
 people/6954.html  | 13 ++++++++++---
 people/6955.html  | 13 ++++++++++---
 people/6956.html  | 13 ++++++++++---
 people/6957.html  | 13 ++++++++++---
 people/6958.html  | 13 ++++++++++---
 people/6959.html  | 13 ++++++++++---
 people/696.html   | 13 ++++++++++---
 people/6960.html  | 13 ++++++++++---
 people/6961.html  | 13 ++++++++++---
 people/6962.html  | 13 ++++++++++---
 people/6963.html  | 13 ++++++++++---
 people/6964.html  | 13 ++++++++++---
 people/6965.html  | 13 ++++++++++---
 people/6966.html  | 13 ++++++++++---
 people/6967.html  | 13 ++++++++++---
 people/6968.html  | 13 ++++++++++---
 people/6969.html  | 13 ++++++++++---
 people/697.html   | 13 ++++++++++---
 people/6970.html  | 13 ++++++++++---
 people/6971.html  | 13 ++++++++++---
 people/6972.html  | 13 ++++++++++---
 people/6973.html  | 13 ++++++++++---
 people/6974.html  | 13 ++++++++++---
 people/6975.html  | 13 ++++++++++---
 people/6976.html  | 13 ++++++++++---
 people/6977.html  | 13 ++++++++++---
 people/6978.html  | 13 ++++++++++---
 people/6979.html  | 13 ++++++++++---
 people/698.html   | 13 ++++++++++---
 people/6980.html  | 13 ++++++++++---
 people/6981.html  | 13 ++++++++++---
 people/6982.html  | 13 ++++++++++---
 people/6983.html  | 13 ++++++++++---
 people/6984.html  | 13 ++++++++++---
 people/6985.html  | 13 ++++++++++---
 people/6986.html  | 13 ++++++++++---
 people/6987.html  | 13 ++++++++++---
 people/6988.html  | 13 ++++++++++---
 people/6989.html  | 13 ++++++++++---
 people/699.html   | 13 ++++++++++---
 people/6990.html  | 13 ++++++++++---
 people/6991.html  | 13 ++++++++++---
 people/6992.html  | 13 ++++++++++---
 people/6993.html  | 13 ++++++++++---
 people/6994.html  | 13 ++++++++++---
 people/6995.html  | 13 ++++++++++---
 people/6996.html  | 13 ++++++++++---
 people/6997.html  | 13 ++++++++++---
 people/6998.html  | 13 ++++++++++---
 people/6999.html  | 13 ++++++++++---
 people/7.html     | 13 ++++++++++---
 people/70.html    | 13 ++++++++++---
 people/700.html   | 13 ++++++++++---
 people/7000.html  | 13 ++++++++++---
 people/7001.html  | 13 ++++++++++---
 people/7002.html  | 13 ++++++++++---
 people/7003.html  | 13 ++++++++++---
 people/7004.html  | 13 ++++++++++---
 people/7005.html  | 13 ++++++++++---
 people/7006.html  | 13 ++++++++++---
 people/7007.html  | 13 ++++++++++---
 people/7008.html  | 13 ++++++++++---
 people/7009.html  | 13 ++++++++++---
 people/701.html   | 13 ++++++++++---
 people/7010.html  | 13 ++++++++++---
 people/7011.html  | 13 ++++++++++---
 people/7012.html  | 13 ++++++++++---
 people/7013.html  | 13 ++++++++++---
 people/7014.html  | 13 ++++++++++---
 people/7015.html  | 13 ++++++++++---
 people/7016.html  | 13 ++++++++++---
 people/7017.html  | 13 ++++++++++---
 people/7018.html  | 13 ++++++++++---
 people/7019.html  | 13 ++++++++++---
 people/702.html   | 13 ++++++++++---
 people/7020.html  | 13 ++++++++++---
 people/7021.html  | 13 ++++++++++---
 people/7022.html  | 13 ++++++++++---
 people/7023.html  | 13 ++++++++++---
 people/7024.html  | 13 ++++++++++---
 people/7025.html  | 13 ++++++++++---
 people/7026.html  | 13 ++++++++++---
 people/7027.html  | 13 ++++++++++---
 people/7028.html  | 13 ++++++++++---
 people/7029.html  | 13 ++++++++++---
 people/703.html   | 13 ++++++++++---
 people/7030.html  | 13 ++++++++++---
 people/7031.html  | 13 ++++++++++---
 people/7032.html  | 13 ++++++++++---
 people/7033.html  | 13 ++++++++++---
 people/7034.html  | 13 ++++++++++---
 people/7035.html  | 13 ++++++++++---
 people/7036.html  | 13 ++++++++++---
 people/7037.html  | 13 ++++++++++---
 people/7038.html  | 13 ++++++++++---
 people/7039.html  | 13 ++++++++++---
 people/704.html   | 13 ++++++++++---
 people/7040.html  | 13 ++++++++++---
 people/7041.html  | 13 ++++++++++---
 people/7042.html  | 13 ++++++++++---
 people/7043.html  | 13 ++++++++++---
 people/7044.html  | 13 ++++++++++---
 people/7045.html  | 13 ++++++++++---
 people/7046.html  | 13 ++++++++++---
 people/7047.html  | 13 ++++++++++---
 people/7048.html  | 13 ++++++++++---
 people/7049.html  | 13 ++++++++++---
 people/705.html   | 13 ++++++++++---
 people/7050.html  | 13 ++++++++++---
 people/7051.html  | 13 ++++++++++---
 people/7052.html  | 13 ++++++++++---
 people/7053.html  | 13 ++++++++++---
 people/7054.html  | 13 ++++++++++---
 people/7055.html  | 13 ++++++++++---
 people/7056.html  | 13 ++++++++++---
 people/7057.html  | 13 ++++++++++---
 people/7058.html  | 13 ++++++++++---
 people/7059.html  | 13 ++++++++++---
 people/706.html   | 13 ++++++++++---
 people/7060.html  | 13 ++++++++++---
 people/7061.html  | 13 ++++++++++---
 people/7062.html  | 13 ++++++++++---
 people/7063.html  | 13 ++++++++++---
 people/7064.html  | 13 ++++++++++---
 people/7065.html  | 13 ++++++++++---
 people/7066.html  | 13 ++++++++++---
 people/7067.html  | 13 ++++++++++---
 people/7068.html  | 13 ++++++++++---
 people/7069.html  | 13 ++++++++++---
 people/707.html   | 13 ++++++++++---
 people/7070.html  | 13 ++++++++++---
 people/7071.html  | 13 ++++++++++---
 people/7072.html  | 13 ++++++++++---
 people/7073.html  | 13 ++++++++++---
 people/7074.html  | 13 ++++++++++---
 people/7075.html  | 13 ++++++++++---
 people/7076.html  | 13 ++++++++++---
 people/7077.html  | 13 ++++++++++---
 people/7078.html  | 13 ++++++++++---
 people/7079.html  | 13 ++++++++++---
 people/708.html   | 13 ++++++++++---
 people/7080.html  | 13 ++++++++++---
 people/7081.html  | 13 ++++++++++---
 people/7082.html  | 13 ++++++++++---
 people/7083.html  | 13 ++++++++++---
 people/7084.html  | 13 ++++++++++---
 people/7085.html  | 13 ++++++++++---
 people/7086.html  | 13 ++++++++++---
 people/7087.html  | 13 ++++++++++---
 people/7088.html  | 13 ++++++++++---
 people/7089.html  | 13 ++++++++++---
 people/709.html   | 13 ++++++++++---
 people/7090.html  | 13 ++++++++++---
 people/7091.html  | 13 ++++++++++---
 people/7092.html  | 13 ++++++++++---
 people/7093.html  | 13 ++++++++++---
 people/7094.html  | 13 ++++++++++---
 people/7095.html  | 13 ++++++++++---
 people/7096.html  | 13 ++++++++++---
 people/7097.html  | 13 ++++++++++---
 people/7098.html  | 13 ++++++++++---
 people/7099.html  | 13 ++++++++++---
 people/71.html    | 13 ++++++++++---
 people/710.html   | 13 ++++++++++---
 people/7100.html  | 13 ++++++++++---
 people/7101.html  | 13 ++++++++++---
 people/7102.html  | 13 ++++++++++---
 people/7103.html  | 13 ++++++++++---
 people/7104.html  | 13 ++++++++++---
 people/7105.html  | 13 ++++++++++---
 people/7106.html  | 13 ++++++++++---
 people/7107.html  | 13 ++++++++++---
 people/7108.html  | 13 ++++++++++---
 people/7109.html  | 13 ++++++++++---
 people/711.html   | 13 ++++++++++---
 people/7110.html  | 13 ++++++++++---
 people/7111.html  | 13 ++++++++++---
 people/7112.html  | 13 ++++++++++---
 people/7113.html  | 13 ++++++++++---
 people/7114.html  | 13 ++++++++++---
 people/7115.html  | 13 ++++++++++---
 people/7116.html  | 13 ++++++++++---
 people/7117.html  | 13 ++++++++++---
 people/7118.html  | 13 ++++++++++---
 people/7119.html  | 13 ++++++++++---
 people/712.html   | 13 ++++++++++---
 people/7120.html  | 13 ++++++++++---
 people/7121.html  | 13 ++++++++++---
 people/7122.html  | 13 ++++++++++---
 people/7123.html  | 13 ++++++++++---
 people/7124.html  | 13 ++++++++++---
 people/7125.html  | 13 ++++++++++---
 people/7126.html  | 13 ++++++++++---
 people/7127.html  | 13 ++++++++++---
 people/7128.html  | 13 ++++++++++---
 people/7129.html  | 13 ++++++++++---
 people/713.html   | 13 ++++++++++---
 people/7130.html  | 13 ++++++++++---
 people/7131.html  | 13 ++++++++++---
 people/7132.html  | 13 ++++++++++---
 people/7133.html  | 13 ++++++++++---
 people/7134.html  | 13 ++++++++++---
 people/7135.html  | 13 ++++++++++---
 people/7136.html  | 13 ++++++++++---
 people/7137.html  | 13 ++++++++++---
 people/7138.html  | 13 ++++++++++---
 people/7139.html  | 13 ++++++++++---
 people/714.html   | 13 ++++++++++---
 people/7140.html  | 13 ++++++++++---
 people/7141.html  | 13 ++++++++++---
 people/7142.html  | 13 ++++++++++---
 people/7143.html  | 13 ++++++++++---
 people/7144.html  | 13 ++++++++++---
 people/7145.html  | 13 ++++++++++---
 people/7146.html  | 13 ++++++++++---
 people/7147.html  | 13 ++++++++++---
 people/7148.html  | 13 ++++++++++---
 people/7149.html  | 13 ++++++++++---
 people/715.html   | 13 ++++++++++---
 people/7150.html  | 13 ++++++++++---
 people/7151.html  | 13 ++++++++++---
 people/7152.html  | 13 ++++++++++---
 people/7153.html  | 13 ++++++++++---
 people/7154.html  | 13 ++++++++++---
 people/7155.html  | 13 ++++++++++---
 people/7156.html  | 13 ++++++++++---
 people/7157.html  | 13 ++++++++++---
 people/7158.html  | 13 ++++++++++---
 people/7159.html  | 13 ++++++++++---
 people/716.html   | 13 ++++++++++---
 people/7160.html  | 13 ++++++++++---
 people/7161.html  | 13 ++++++++++---
 people/7162.html  | 13 ++++++++++---
 people/7163.html  | 13 ++++++++++---
 people/7164.html  | 13 ++++++++++---
 people/7165.html  | 13 ++++++++++---
 people/7166.html  | 13 ++++++++++---
 people/7167.html  | 13 ++++++++++---
 people/7168.html  | 13 ++++++++++---
 people/7169.html  | 13 ++++++++++---
 people/717.html   | 13 ++++++++++---
 people/7170.html  | 13 ++++++++++---
 people/7171.html  | 13 ++++++++++---
 people/7172.html  | 13 ++++++++++---
 people/7173.html  | 13 ++++++++++---
 people/7174.html  | 13 ++++++++++---
 people/7175.html  | 13 ++++++++++---
 people/7176.html  | 13 ++++++++++---
 people/7177.html  | 13 ++++++++++---
 people/7178.html  | 13 ++++++++++---
 people/7179.html  | 13 ++++++++++---
 people/718.html   | 13 ++++++++++---
 people/7180.html  | 13 ++++++++++---
 people/7181.html  | 13 ++++++++++---
 people/7182.html  | 13 ++++++++++---
 people/7183.html  | 13 ++++++++++---
 people/7184.html  | 13 ++++++++++---
 people/7185.html  | 13 ++++++++++---
 people/7186.html  | 13 ++++++++++---
 people/7187.html  | 13 ++++++++++---
 people/7188.html  | 13 ++++++++++---
 people/7189.html  | 13 ++++++++++---
 people/719.html   | 13 ++++++++++---
 people/7190.html  | 13 ++++++++++---
 people/7191.html  | 13 ++++++++++---
 people/7192.html  | 13 ++++++++++---
 people/7193.html  | 13 ++++++++++---
 people/7194.html  | 13 ++++++++++---
 people/7195.html  | 13 ++++++++++---
 people/7196.html  | 13 ++++++++++---
 people/7197.html  | 13 ++++++++++---
 people/7198.html  | 13 ++++++++++---
 people/7199.html  | 13 ++++++++++---
 people/72.html    | 13 ++++++++++---
 people/720.html   | 13 ++++++++++---
 people/7200.html  | 13 ++++++++++---
 people/7201.html  | 13 ++++++++++---
 people/7202.html  | 13 ++++++++++---
 people/7203.html  | 13 ++++++++++---
 people/7204.html  | 13 ++++++++++---
 people/7205.html  | 13 ++++++++++---
 people/7206.html  | 13 ++++++++++---
 people/7207.html  | 13 ++++++++++---
 people/7208.html  | 13 ++++++++++---
 people/7209.html  | 13 ++++++++++---
 people/721.html   | 13 ++++++++++---
 people/7210.html  | 13 ++++++++++---
 people/7211.html  | 13 ++++++++++---
 people/7212.html  | 13 ++++++++++---
 people/7213.html  | 13 ++++++++++---
 people/7214.html  | 13 ++++++++++---
 people/7215.html  | 13 ++++++++++---
 people/7216.html  | 13 ++++++++++---
 people/7217.html  | 13 ++++++++++---
 people/7218.html  | 13 ++++++++++---
 people/7219.html  | 13 ++++++++++---
 people/722.html   | 13 ++++++++++---
 people/7220.html  | 13 ++++++++++---
 people/7221.html  | 13 ++++++++++---
 people/7222.html  | 13 ++++++++++---
 people/7223.html  | 13 ++++++++++---
 people/7224.html  | 13 ++++++++++---
 people/7225.html  | 13 ++++++++++---
 people/7226.html  | 13 ++++++++++---
 people/7227.html  | 13 ++++++++++---
 people/7228.html  | 13 ++++++++++---
 people/7229.html  | 13 ++++++++++---
 people/723.html   | 13 ++++++++++---
 people/7230.html  | 13 ++++++++++---
 people/7231.html  | 13 ++++++++++---
 people/7233.html  | 13 ++++++++++---
 people/7234.html  | 13 ++++++++++---
 people/7235.html  | 13 ++++++++++---
 people/7236.html  | 13 ++++++++++---
 people/7237.html  | 13 ++++++++++---
 people/7238.html  | 13 ++++++++++---
 people/7239.html  | 13 ++++++++++---
 people/724.html   | 13 ++++++++++---
 people/7240.html  | 13 ++++++++++---
 people/7241.html  | 13 ++++++++++---
 people/7242.html  | 13 ++++++++++---
 people/7243.html  | 13 ++++++++++---
 people/7244.html  | 13 ++++++++++---
 people/7245.html  | 13 ++++++++++---
 people/7246.html  | 13 ++++++++++---
 people/7247.html  | 13 ++++++++++---
 people/7248.html  | 13 ++++++++++---
 people/7249.html  | 13 ++++++++++---
 people/725.html   | 13 ++++++++++---
 people/7250.html  | 13 ++++++++++---
 people/7251.html  | 13 ++++++++++---
 people/7252.html  | 13 ++++++++++---
 people/7253.html  | 13 ++++++++++---
 people/7254.html  | 13 ++++++++++---
 people/7255.html  | 13 ++++++++++---
 people/7256.html  | 13 ++++++++++---
 people/7257.html  | 13 ++++++++++---
 people/7258.html  | 13 ++++++++++---
 people/7259.html  | 13 ++++++++++---
 people/726.html   | 13 ++++++++++---
 people/7260.html  | 13 ++++++++++---
 people/7261.html  | 13 ++++++++++---
 people/7262.html  | 13 ++++++++++---
 people/7263.html  | 13 ++++++++++---
 people/7264.html  | 13 ++++++++++---
 people/7265.html  | 13 ++++++++++---
 people/7266.html  | 13 ++++++++++---
 people/7267.html  | 13 ++++++++++---
 people/7268.html  | 13 ++++++++++---
 people/7269.html  | 13 ++++++++++---
 people/727.html   | 13 ++++++++++---
 people/7270.html  | 13 ++++++++++---
 people/7271.html  | 13 ++++++++++---
 people/7272.html  | 13 ++++++++++---
 people/7273.html  | 13 ++++++++++---
 people/7274.html  | 13 ++++++++++---
 people/7275.html  | 13 ++++++++++---
 people/7276.html  | 13 ++++++++++---
 people/7277.html  | 13 ++++++++++---
 people/7278.html  | 13 ++++++++++---
 people/7279.html  | 13 ++++++++++---
 people/728.html   | 13 ++++++++++---
 people/7280.html  | 13 ++++++++++---
 people/7281.html  | 13 ++++++++++---
 people/7282.html  | 13 ++++++++++---
 people/7283.html  | 13 ++++++++++---
 people/7284.html  | 13 ++++++++++---
 people/7285.html  | 13 ++++++++++---
 people/7286.html  | 13 ++++++++++---
 people/7287.html  | 13 ++++++++++---
 people/7288.html  | 13 ++++++++++---
 people/7289.html  | 13 ++++++++++---
 people/729.html   | 13 ++++++++++---
 people/7290.html  | 13 ++++++++++---
 people/7291.html  | 13 ++++++++++---
 people/7292.html  | 13 ++++++++++---
 people/7293.html  | 13 ++++++++++---
 people/7294.html  | 13 ++++++++++---
 people/7295.html  | 13 ++++++++++---
 people/7296.html  | 13 ++++++++++---
 people/7297.html  | 13 ++++++++++---
 people/7298.html  | 13 ++++++++++---
 people/7299.html  | 13 ++++++++++---
 people/73.html    | 13 ++++++++++---
 people/730.html   | 13 ++++++++++---
 people/7300.html  | 13 ++++++++++---
 people/7301.html  | 13 ++++++++++---
 people/7302.html  | 13 ++++++++++---
 people/7303.html  | 13 ++++++++++---
 people/7304.html  | 13 ++++++++++---
 people/7305.html  | 13 ++++++++++---
 people/7306.html  | 13 ++++++++++---
 people/7307.html  | 13 ++++++++++---
 people/7308.html  | 13 ++++++++++---
 people/7309.html  | 13 ++++++++++---
 people/731.html   | 13 ++++++++++---
 people/7310.html  | 13 ++++++++++---
 people/7311.html  | 13 ++++++++++---
 people/7312.html  | 13 ++++++++++---
 people/7313.html  | 13 ++++++++++---
 people/7314.html  | 13 ++++++++++---
 people/7315.html  | 13 ++++++++++---
 people/7316.html  | 13 ++++++++++---
 people/7317.html  | 13 ++++++++++---
 people/7318.html  | 13 ++++++++++---
 people/7319.html  | 13 ++++++++++---
 people/732.html   | 13 ++++++++++---
 people/7320.html  | 13 ++++++++++---
 people/7321.html  | 13 ++++++++++---
 people/7322.html  | 13 ++++++++++---
 people/7323.html  | 13 ++++++++++---
 people/7324.html  | 13 ++++++++++---
 people/7325.html  | 13 ++++++++++---
 people/7326.html  | 13 ++++++++++---
 people/7327.html  | 13 ++++++++++---
 people/7328.html  | 13 ++++++++++---
 people/7329.html  | 13 ++++++++++---
 people/733.html   | 13 ++++++++++---
 people/7330.html  | 13 ++++++++++---
 people/7331.html  | 13 ++++++++++---
 people/7332.html  | 13 ++++++++++---
 people/7333.html  | 13 ++++++++++---
 people/7334.html  | 13 ++++++++++---
 people/7335.html  | 13 ++++++++++---
 people/7336.html  | 13 ++++++++++---
 people/7337.html  | 13 ++++++++++---
 people/7338.html  | 13 ++++++++++---
 people/7339.html  | 13 ++++++++++---
 people/734.html   | 13 ++++++++++---
 people/7340.html  | 13 ++++++++++---
 people/7341.html  | 13 ++++++++++---
 people/7342.html  | 13 ++++++++++---
 people/7343.html  | 13 ++++++++++---
 people/7344.html  | 13 ++++++++++---
 people/7345.html  | 13 ++++++++++---
 people/7346.html  | 13 ++++++++++---
 people/7347.html  | 13 ++++++++++---
 people/7348.html  | 13 ++++++++++---
 people/7349.html  | 13 ++++++++++---
 people/735.html   | 13 ++++++++++---
 people/7350.html  | 13 ++++++++++---
 people/7351.html  | 13 ++++++++++---
 people/7352.html  | 13 ++++++++++---
 people/7353.html  | 13 ++++++++++---
 people/7354.html  | 13 ++++++++++---
 people/7355.html  | 13 ++++++++++---
 people/7356.html  | 13 ++++++++++---
 people/7357.html  | 13 ++++++++++---
 people/7358.html  | 13 ++++++++++---
 people/7359.html  | 13 ++++++++++---
 people/736.html   | 13 ++++++++++---
 people/7360.html  | 13 ++++++++++---
 people/7361.html  | 13 ++++++++++---
 people/7362.html  | 13 ++++++++++---
 people/7363.html  | 13 ++++++++++---
 people/7364.html  | 13 ++++++++++---
 people/7365.html  | 13 ++++++++++---
 people/7366.html  | 13 ++++++++++---
 people/7367.html  | 13 ++++++++++---
 people/7368.html  | 13 ++++++++++---
 people/7369.html  | 13 ++++++++++---
 people/737.html   | 13 ++++++++++---
 people/7370.html  | 13 ++++++++++---
 people/7371.html  | 13 ++++++++++---
 people/7372.html  | 13 ++++++++++---
 people/7373.html  | 13 ++++++++++---
 people/7374.html  | 13 ++++++++++---
 people/7375.html  | 13 ++++++++++---
 people/7376.html  | 13 ++++++++++---
 people/7377.html  | 13 ++++++++++---
 people/7378.html  | 13 ++++++++++---
 people/7379.html  | 13 ++++++++++---
 people/738.html   | 13 ++++++++++---
 people/7380.html  | 13 ++++++++++---
 people/7381.html  | 13 ++++++++++---
 people/7382.html  | 13 ++++++++++---
 people/7383.html  | 13 ++++++++++---
 people/7384.html  | 13 ++++++++++---
 people/7385.html  | 13 ++++++++++---
 people/7386.html  | 13 ++++++++++---
 people/7387.html  | 13 ++++++++++---
 people/7388.html  | 13 ++++++++++---
 people/7389.html  | 13 ++++++++++---
 people/739.html   | 13 ++++++++++---
 people/7390.html  | 13 ++++++++++---
 people/7391.html  | 13 ++++++++++---
 people/7392.html  | 13 ++++++++++---
 people/7393.html  | 13 ++++++++++---
 people/7394.html  | 13 ++++++++++---
 people/7395.html  | 13 ++++++++++---
 people/7396.html  | 13 ++++++++++---
 people/7397.html  | 13 ++++++++++---
 people/7398.html  | 13 ++++++++++---
 people/7399.html  | 13 ++++++++++---
 people/74.html    | 13 ++++++++++---
 people/740.html   | 13 ++++++++++---
 people/7400.html  | 13 ++++++++++---
 people/7401.html  | 13 ++++++++++---
 people/7402.html  | 13 ++++++++++---
 people/7403.html  | 13 ++++++++++---
 people/7404.html  | 13 ++++++++++---
 people/7405.html  | 13 ++++++++++---
 people/7406.html  | 13 ++++++++++---
 people/7407.html  | 13 ++++++++++---
 people/7408.html  | 13 ++++++++++---
 people/7409.html  | 13 ++++++++++---
 people/741.html   | 13 ++++++++++---
 people/7410.html  | 13 ++++++++++---
 people/7411.html  | 13 ++++++++++---
 people/7412.html  | 13 ++++++++++---
 people/7413.html  | 13 ++++++++++---
 people/7414.html  | 13 ++++++++++---
 people/7415.html  | 13 ++++++++++---
 people/7416.html  | 13 ++++++++++---
 people/7417.html  | 13 ++++++++++---
 people/7418.html  | 13 ++++++++++---
 people/7419.html  | 13 ++++++++++---
 people/742.html   | 13 ++++++++++---
 people/7420.html  | 13 ++++++++++---
 people/7421.html  | 13 ++++++++++---
 people/7422.html  | 13 ++++++++++---
 people/7423.html  | 13 ++++++++++---
 people/7424.html  | 13 ++++++++++---
 people/7425.html  | 13 ++++++++++---
 people/7426.html  | 13 ++++++++++---
 people/7427.html  | 13 ++++++++++---
 people/7428.html  | 13 ++++++++++---
 people/7429.html  | 13 ++++++++++---
 people/743.html   | 13 ++++++++++---
 people/7430.html  | 13 ++++++++++---
 people/7431.html  | 13 ++++++++++---
 people/7432.html  | 13 ++++++++++---
 people/7433.html  | 13 ++++++++++---
 people/7434.html  | 13 ++++++++++---
 people/7435.html  | 13 ++++++++++---
 people/7436.html  | 13 ++++++++++---
 people/7437.html  | 13 ++++++++++---
 people/7438.html  | 13 ++++++++++---
 people/7439.html  | 13 ++++++++++---
 people/744.html   | 13 ++++++++++---
 people/7440.html  | 13 ++++++++++---
 people/7441.html  | 13 ++++++++++---
 people/7442.html  | 13 ++++++++++---
 people/7443.html  | 13 ++++++++++---
 people/7444.html  | 13 ++++++++++---
 people/7445.html  | 13 ++++++++++---
 people/7446.html  | 13 ++++++++++---
 people/7447.html  | 13 ++++++++++---
 people/7448.html  | 13 ++++++++++---
 people/7449.html  | 13 ++++++++++---
 people/745.html   | 13 ++++++++++---
 people/7450.html  | 13 ++++++++++---
 people/7451.html  | 13 ++++++++++---
 people/7452.html  | 13 ++++++++++---
 people/7453.html  | 13 ++++++++++---
 people/7454.html  | 13 ++++++++++---
 people/7455.html  | 13 ++++++++++---
 people/7456.html  | 13 ++++++++++---
 people/7457.html  | 13 ++++++++++---
 people/7458.html  | 13 ++++++++++---
 people/7459.html  | 13 ++++++++++---
 people/746.html   | 13 ++++++++++---
 people/7460.html  | 13 ++++++++++---
 people/7461.html  | 13 ++++++++++---
 people/7462.html  | 13 ++++++++++---
 people/7463.html  | 13 ++++++++++---
 people/7464.html  | 13 ++++++++++---
 people/7465.html  | 13 ++++++++++---
 people/7466.html  | 13 ++++++++++---
 people/7467.html  | 13 ++++++++++---
 people/7468.html  | 13 ++++++++++---
 people/7469.html  | 13 ++++++++++---
 people/747.html   | 13 ++++++++++---
 people/7470.html  | 13 ++++++++++---
 people/7471.html  | 13 ++++++++++---
 people/7472.html  | 13 ++++++++++---
 people/7473.html  | 13 ++++++++++---
 people/7474.html  | 13 ++++++++++---
 people/7475.html  | 13 ++++++++++---
 people/7476.html  | 13 ++++++++++---
 people/7477.html  | 13 ++++++++++---
 people/7478.html  | 13 ++++++++++---
 people/7479.html  | 13 ++++++++++---
 people/748.html   | 13 ++++++++++---
 people/7480.html  | 13 ++++++++++---
 people/7481.html  | 13 ++++++++++---
 people/7482.html  | 13 ++++++++++---
 people/7483.html  | 13 ++++++++++---
 people/7484.html  | 13 ++++++++++---
 people/7485.html  | 13 ++++++++++---
 people/7486.html  | 13 ++++++++++---
 people/7487.html  | 13 ++++++++++---
 people/7488.html  | 13 ++++++++++---
 people/7489.html  | 13 ++++++++++---
 people/749.html   | 13 ++++++++++---
 people/7490.html  | 13 ++++++++++---
 people/7491.html  | 13 ++++++++++---
 people/7492.html  | 13 ++++++++++---
 people/7493.html  | 13 ++++++++++---
 people/7494.html  | 13 ++++++++++---
 people/7495.html  | 13 ++++++++++---
 people/7496.html  | 13 ++++++++++---
 people/7497.html  | 13 ++++++++++---
 people/7498.html  | 13 ++++++++++---
 people/7499.html  | 13 ++++++++++---
 people/75.html    | 13 ++++++++++---
 people/750.html   | 13 ++++++++++---
 people/7500.html  | 13 ++++++++++---
 people/7501.html  | 13 ++++++++++---
 people/7502.html  | 13 ++++++++++---
 people/7503.html  | 13 ++++++++++---
 people/7504.html  | 13 ++++++++++---
 people/7505.html  | 13 ++++++++++---
 people/7506.html  | 13 ++++++++++---
 people/7507.html  | 13 ++++++++++---
 people/7508.html  | 13 ++++++++++---
 people/7509.html  | 13 ++++++++++---
 people/751.html   | 13 ++++++++++---
 people/7510.html  | 13 ++++++++++---
 people/7511.html  | 13 ++++++++++---
 people/7512.html  | 13 ++++++++++---
 people/7513.html  | 13 ++++++++++---
 people/7514.html  | 13 ++++++++++---
 people/7515.html  | 13 ++++++++++---
 people/7516.html  | 13 ++++++++++---
 people/7517.html  | 13 ++++++++++---
 people/7518.html  | 13 ++++++++++---
 people/7519.html  | 13 ++++++++++---
 people/752.html   | 13 ++++++++++---
 people/7520.html  | 13 ++++++++++---
 people/7521.html  | 13 ++++++++++---
 people/7522.html  | 13 ++++++++++---
 people/7523.html  | 13 ++++++++++---
 people/7524.html  | 13 ++++++++++---
 people/7525.html  | 13 ++++++++++---
 people/7526.html  | 13 ++++++++++---
 people/7527.html  | 13 ++++++++++---
 people/7528.html  | 13 ++++++++++---
 people/7529.html  | 13 ++++++++++---
 people/753.html   | 13 ++++++++++---
 people/7530.html  | 13 ++++++++++---
 people/7531.html  | 13 ++++++++++---
 people/7532.html  | 13 ++++++++++---
 people/7533.html  | 13 ++++++++++---
 people/7534.html  | 13 ++++++++++---
 people/7535.html  | 13 ++++++++++---
 people/7536.html  | 13 ++++++++++---
 people/7537.html  | 13 ++++++++++---
 people/7538.html  | 13 ++++++++++---
 people/7539.html  | 13 ++++++++++---
 people/754.html   | 13 ++++++++++---
 people/7540.html  | 13 ++++++++++---
 people/7541.html  | 13 ++++++++++---
 people/7542.html  | 13 ++++++++++---
 people/7543.html  | 13 ++++++++++---
 people/7544.html  | 13 ++++++++++---
 people/7545.html  | 13 ++++++++++---
 people/7546.html  | 13 ++++++++++---
 people/7547.html  | 13 ++++++++++---
 people/7548.html  | 13 ++++++++++---
 people/7549.html  | 13 ++++++++++---
 people/755.html   | 13 ++++++++++---
 people/7550.html  | 13 ++++++++++---
 people/7551.html  | 13 ++++++++++---
 people/7552.html  | 13 ++++++++++---
 people/7553.html  | 13 ++++++++++---
 people/7554.html  | 13 ++++++++++---
 people/7555.html  | 13 ++++++++++---
 people/7556.html  | 13 ++++++++++---
 people/7557.html  | 13 ++++++++++---
 people/7558.html  | 13 ++++++++++---
 people/7559.html  | 13 ++++++++++---
 people/756.html   | 13 ++++++++++---
 people/7560.html  | 13 ++++++++++---
 people/7561.html  | 13 ++++++++++---
 people/7562.html  | 13 ++++++++++---
 people/7563.html  | 13 ++++++++++---
 people/7564.html  | 13 ++++++++++---
 people/7565.html  | 13 ++++++++++---
 people/7566.html  | 13 ++++++++++---
 people/7567.html  | 13 ++++++++++---
 people/7568.html  | 13 ++++++++++---
 people/7569.html  | 13 ++++++++++---
 people/757.html   | 13 ++++++++++---
 people/7570.html  | 13 ++++++++++---
 people/7571.html  | 13 ++++++++++---
 people/7572.html  | 13 ++++++++++---
 people/7573.html  | 13 ++++++++++---
 people/7574.html  | 13 ++++++++++---
 people/7575.html  | 13 ++++++++++---
 people/7576.html  | 13 ++++++++++---
 people/7577.html  | 13 ++++++++++---
 people/7578.html  | 13 ++++++++++---
 people/7579.html  | 13 ++++++++++---
 people/758.html   | 13 ++++++++++---
 people/7580.html  | 13 ++++++++++---
 people/7581.html  | 13 ++++++++++---
 people/7582.html  | 13 ++++++++++---
 people/7583.html  | 13 ++++++++++---
 people/7584.html  | 13 ++++++++++---
 people/7585.html  | 13 ++++++++++---
 people/7586.html  | 13 ++++++++++---
 people/7587.html  | 13 ++++++++++---
 people/7588.html  | 13 ++++++++++---
 people/7589.html  | 13 ++++++++++---
 people/759.html   | 13 ++++++++++---
 people/7590.html  | 13 ++++++++++---
 people/7591.html  | 13 ++++++++++---
 people/7592.html  | 13 ++++++++++---
 people/7593.html  | 13 ++++++++++---
 people/7594.html  | 13 ++++++++++---
 people/7595.html  | 13 ++++++++++---
 people/7596.html  | 13 ++++++++++---
 people/7597.html  | 13 ++++++++++---
 people/7598.html  | 13 ++++++++++---
 people/7599.html  | 13 ++++++++++---
 people/76.html    | 13 ++++++++++---
 people/760.html   | 13 ++++++++++---
 people/7600.html  | 13 ++++++++++---
 people/7601.html  | 13 ++++++++++---
 people/7602.html  | 13 ++++++++++---
 people/7603.html  | 13 ++++++++++---
 people/7604.html  | 13 ++++++++++---
 people/7605.html  | 13 ++++++++++---
 people/7606.html  | 13 ++++++++++---
 people/7607.html  | 13 ++++++++++---
 people/7608.html  | 13 ++++++++++---
 people/7609.html  | 13 ++++++++++---
 people/761.html   | 13 ++++++++++---
 people/7610.html  | 13 ++++++++++---
 people/7611.html  | 13 ++++++++++---
 people/7612.html  | 13 ++++++++++---
 people/7613.html  | 13 ++++++++++---
 people/7614.html  | 13 ++++++++++---
 people/7615.html  | 13 ++++++++++---
 people/7616.html  | 13 ++++++++++---
 people/7617.html  | 13 ++++++++++---
 people/7618.html  | 13 ++++++++++---
 people/7619.html  | 13 ++++++++++---
 people/762.html   | 13 ++++++++++---
 people/7620.html  | 13 ++++++++++---
 people/7621.html  | 13 ++++++++++---
 people/7622.html  | 13 ++++++++++---
 people/7623.html  | 13 ++++++++++---
 people/7624.html  | 13 ++++++++++---
 people/7625.html  | 13 ++++++++++---
 people/7626.html  | 13 ++++++++++---
 people/7627.html  | 13 ++++++++++---
 people/7628.html  | 13 ++++++++++---
 people/7629.html  | 13 ++++++++++---
 people/763.html   | 13 ++++++++++---
 people/7630.html  | 13 ++++++++++---
 people/7631.html  | 13 ++++++++++---
 people/7632.html  | 13 ++++++++++---
 people/7633.html  | 13 ++++++++++---
 people/7634.html  | 13 ++++++++++---
 people/7635.html  | 13 ++++++++++---
 people/7636.html  | 13 ++++++++++---
 people/7637.html  | 13 ++++++++++---
 people/7638.html  | 13 ++++++++++---
 people/7639.html  | 13 ++++++++++---
 people/764.html   | 13 ++++++++++---
 people/7640.html  | 13 ++++++++++---
 people/7641.html  | 13 ++++++++++---
 people/7642.html  | 13 ++++++++++---
 people/7643.html  | 13 ++++++++++---
 people/7644.html  | 13 ++++++++++---
 people/7645.html  | 13 ++++++++++---
 people/7646.html  | 13 ++++++++++---
 people/7647.html  | 13 ++++++++++---
 people/7648.html  | 13 ++++++++++---
 people/7649.html  | 13 ++++++++++---
 people/765.html   | 13 ++++++++++---
 people/7650.html  | 13 ++++++++++---
 people/7651.html  | 13 ++++++++++---
 people/7652.html  | 13 ++++++++++---
 people/7653.html  | 13 ++++++++++---
 people/7654.html  | 13 ++++++++++---
 people/7655.html  | 13 ++++++++++---
 people/7656.html  | 13 ++++++++++---
 people/7657.html  | 13 ++++++++++---
 people/7658.html  | 13 ++++++++++---
 people/7659.html  | 13 ++++++++++---
 people/766.html   | 13 ++++++++++---
 people/7660.html  | 13 ++++++++++---
 people/7661.html  | 13 ++++++++++---
 people/7662.html  | 13 ++++++++++---
 people/7663.html  | 13 ++++++++++---
 people/7664.html  | 13 ++++++++++---
 people/7665.html  | 13 ++++++++++---
 people/7666.html  | 13 ++++++++++---
 people/7667.html  | 13 ++++++++++---
 people/7668.html  | 13 ++++++++++---
 people/7669.html  | 13 ++++++++++---
 people/767.html   | 13 ++++++++++---
 people/7670.html  | 13 ++++++++++---
 people/7671.html  | 13 ++++++++++---
 people/7672.html  | 13 ++++++++++---
 people/7673.html  | 13 ++++++++++---
 people/7674.html  | 13 ++++++++++---
 people/7675.html  | 13 ++++++++++---
 people/7676.html  | 13 ++++++++++---
 people/7677.html  | 13 ++++++++++---
 people/7678.html  | 13 ++++++++++---
 people/7679.html  | 13 ++++++++++---
 people/768.html   | 13 ++++++++++---
 people/7680.html  | 13 ++++++++++---
 people/7681.html  | 13 ++++++++++---
 people/7682.html  | 13 ++++++++++---
 people/7683.html  | 13 ++++++++++---
 people/7684.html  | 13 ++++++++++---
 people/7685.html  | 13 ++++++++++---
 people/7686.html  | 13 ++++++++++---
 people/7687.html  | 13 ++++++++++---
 people/7688.html  | 13 ++++++++++---
 people/7689.html  | 13 ++++++++++---
 people/769.html   | 13 ++++++++++---
 people/7690.html  | 13 ++++++++++---
 people/7691.html  | 13 ++++++++++---
 people/7692.html  | 13 ++++++++++---
 people/7693.html  | 13 ++++++++++---
 people/7694.html  | 13 ++++++++++---
 people/7695.html  | 13 ++++++++++---
 people/7696.html  | 13 ++++++++++---
 people/7697.html  | 13 ++++++++++---
 people/7698.html  | 13 ++++++++++---
 people/7699.html  | 13 ++++++++++---
 people/77.html    | 13 ++++++++++---
 people/770.html   | 13 ++++++++++---
 people/7700.html  | 13 ++++++++++---
 people/7701.html  | 13 ++++++++++---
 people/7702.html  | 13 ++++++++++---
 people/7703.html  | 13 ++++++++++---
 people/7704.html  | 13 ++++++++++---
 people/7705.html  | 13 ++++++++++---
 people/7706.html  | 13 ++++++++++---
 people/7707.html  | 13 ++++++++++---
 people/7708.html  | 13 ++++++++++---
 people/7709.html  | 13 ++++++++++---
 people/771.html   | 13 ++++++++++---
 people/7710.html  | 13 ++++++++++---
 people/7711.html  | 13 ++++++++++---
 people/7712.html  | 13 ++++++++++---
 people/7713.html  | 13 ++++++++++---
 people/7714.html  | 13 ++++++++++---
 people/7715.html  | 13 ++++++++++---
 people/7716.html  | 13 ++++++++++---
 people/7717.html  | 13 ++++++++++---
 people/7718.html  | 13 ++++++++++---
 people/7719.html  | 13 ++++++++++---
 people/772.html   | 13 ++++++++++---
 people/7720.html  | 13 ++++++++++---
 people/7721.html  | 13 ++++++++++---
 people/7722.html  | 13 ++++++++++---
 people/7723.html  | 13 ++++++++++---
 people/7724.html  | 13 ++++++++++---
 people/7725.html  | 13 ++++++++++---
 people/7726.html  | 13 ++++++++++---
 people/7727.html  | 13 ++++++++++---
 people/7728.html  | 13 ++++++++++---
 people/7729.html  | 13 ++++++++++---
 people/773.html   | 13 ++++++++++---
 people/7730.html  | 13 ++++++++++---
 people/7731.html  | 13 ++++++++++---
 people/7732.html  | 13 ++++++++++---
 people/7733.html  | 13 ++++++++++---
 people/7734.html  | 13 ++++++++++---
 people/7735.html  | 13 ++++++++++---
 people/7736.html  | 13 ++++++++++---
 people/7737.html  | 13 ++++++++++---
 people/7738.html  | 13 ++++++++++---
 people/7739.html  | 13 ++++++++++---
 people/774.html   | 13 ++++++++++---
 people/7740.html  | 13 ++++++++++---
 people/7741.html  | 13 ++++++++++---
 people/7742.html  | 13 ++++++++++---
 people/7743.html  | 13 ++++++++++---
 people/7744.html  | 13 ++++++++++---
 people/7745.html  | 13 ++++++++++---
 people/7746.html  | 13 ++++++++++---
 people/7747.html  | 13 ++++++++++---
 people/7748.html  | 13 ++++++++++---
 people/7749.html  | 13 ++++++++++---
 people/775.html   | 13 ++++++++++---
 people/7750.html  | 13 ++++++++++---
 people/7751.html  | 13 ++++++++++---
 people/7752.html  | 13 ++++++++++---
 people/7753.html  | 13 ++++++++++---
 people/7754.html  | 13 ++++++++++---
 people/7755.html  | 13 ++++++++++---
 people/7756.html  | 13 ++++++++++---
 people/7757.html  | 13 ++++++++++---
 people/7758.html  | 13 ++++++++++---
 people/7759.html  | 13 ++++++++++---
 people/776.html   | 13 ++++++++++---
 people/7760.html  | 13 ++++++++++---
 people/7761.html  | 13 ++++++++++---
 people/7762.html  | 13 ++++++++++---
 people/7763.html  | 13 ++++++++++---
 people/7764.html  | 13 ++++++++++---
 people/7765.html  | 13 ++++++++++---
 people/7766.html  | 13 ++++++++++---
 people/7767.html  | 13 ++++++++++---
 people/7768.html  | 13 ++++++++++---
 people/7769.html  | 13 ++++++++++---
 people/777.html   | 13 ++++++++++---
 people/7770.html  | 13 ++++++++++---
 people/7771.html  | 13 ++++++++++---
 people/7772.html  | 13 ++++++++++---
 people/7773.html  | 13 ++++++++++---
 people/7774.html  | 13 ++++++++++---
 people/7775.html  | 13 ++++++++++---
 people/7776.html  | 13 ++++++++++---
 people/7777.html  | 13 ++++++++++---
 people/7778.html  | 13 ++++++++++---
 people/7779.html  | 13 ++++++++++---
 people/778.html   | 13 ++++++++++---
 people/7780.html  | 13 ++++++++++---
 people/7781.html  | 13 ++++++++++---
 people/7782.html  | 13 ++++++++++---
 people/7783.html  | 13 ++++++++++---
 people/7784.html  | 13 ++++++++++---
 people/7785.html  | 13 ++++++++++---
 people/7786.html  | 13 ++++++++++---
 people/7787.html  | 13 ++++++++++---
 people/7788.html  | 13 ++++++++++---
 people/7789.html  | 13 ++++++++++---
 people/779.html   | 13 ++++++++++---
 people/7790.html  | 13 ++++++++++---
 people/7791.html  | 13 ++++++++++---
 people/7792.html  | 13 ++++++++++---
 people/7793.html  | 13 ++++++++++---
 people/7794.html  | 13 ++++++++++---
 people/7795.html  | 13 ++++++++++---
 people/7796.html  | 13 ++++++++++---
 people/7797.html  | 13 ++++++++++---
 people/7798.html  | 13 ++++++++++---
 people/7799.html  | 13 ++++++++++---
 people/78.html    | 13 ++++++++++---
 people/780.html   | 13 ++++++++++---
 people/7800.html  | 13 ++++++++++---
 people/7801.html  | 13 ++++++++++---
 people/7802.html  | 13 ++++++++++---
 people/7803.html  | 13 ++++++++++---
 people/7804.html  | 13 ++++++++++---
 people/7805.html  | 13 ++++++++++---
 people/7806.html  | 13 ++++++++++---
 people/7807.html  | 13 ++++++++++---
 people/7808.html  | 13 ++++++++++---
 people/7809.html  | 13 ++++++++++---
 people/781.html   | 13 ++++++++++---
 people/7810.html  | 13 ++++++++++---
 people/7811.html  | 13 ++++++++++---
 people/7812.html  | 13 ++++++++++---
 people/7813.html  | 13 ++++++++++---
 people/7814.html  | 13 ++++++++++---
 people/7815.html  | 13 ++++++++++---
 people/7816.html  | 13 ++++++++++---
 people/7817.html  | 13 ++++++++++---
 people/7818.html  | 13 ++++++++++---
 people/7819.html  | 13 ++++++++++---
 people/782.html   | 13 ++++++++++---
 people/7820.html  | 13 ++++++++++---
 people/7821.html  | 13 ++++++++++---
 people/7822.html  | 13 ++++++++++---
 people/7823.html  | 13 ++++++++++---
 people/7824.html  | 13 ++++++++++---
 people/7825.html  | 13 ++++++++++---
 people/7826.html  | 13 ++++++++++---
 people/7827.html  | 13 ++++++++++---
 people/7828.html  | 13 ++++++++++---
 people/7829.html  | 13 ++++++++++---
 people/783.html   | 13 ++++++++++---
 people/7830.html  | 13 ++++++++++---
 people/7831.html  | 13 ++++++++++---
 people/7832.html  | 13 ++++++++++---
 people/7833.html  | 13 ++++++++++---
 people/7834.html  | 13 ++++++++++---
 people/7835.html  | 13 ++++++++++---
 people/7836.html  | 13 ++++++++++---
 people/7837.html  | 13 ++++++++++---
 people/7838.html  | 13 ++++++++++---
 people/7839.html  | 13 ++++++++++---
 people/784.html   | 13 ++++++++++---
 people/7840.html  | 13 ++++++++++---
 people/7841.html  | 13 ++++++++++---
 people/7842.html  | 13 ++++++++++---
 people/7843.html  | 13 ++++++++++---
 people/7844.html  | 13 ++++++++++---
 people/7845.html  | 13 ++++++++++---
 people/7846.html  | 13 ++++++++++---
 people/7847.html  | 13 ++++++++++---
 people/7848.html  | 13 ++++++++++---
 people/7849.html  | 13 ++++++++++---
 people/785.html   | 13 ++++++++++---
 people/7850.html  | 13 ++++++++++---
 people/7851.html  | 13 ++++++++++---
 people/7852.html  | 13 ++++++++++---
 people/7853.html  | 13 ++++++++++---
 people/7854.html  | 13 ++++++++++---
 people/7855.html  | 13 ++++++++++---
 people/7856.html  | 13 ++++++++++---
 people/7857.html  | 13 ++++++++++---
 people/7858.html  | 13 ++++++++++---
 people/7859.html  | 13 ++++++++++---
 people/786.html   | 13 ++++++++++---
 people/7860.html  | 13 ++++++++++---
 people/7861.html  | 13 ++++++++++---
 people/7862.html  | 13 ++++++++++---
 people/7863.html  | 13 ++++++++++---
 people/7864.html  | 13 ++++++++++---
 people/7865.html  | 13 ++++++++++---
 people/7866.html  | 13 ++++++++++---
 people/7867.html  | 13 ++++++++++---
 people/7868.html  | 13 ++++++++++---
 people/7869.html  | 13 ++++++++++---
 people/787.html   | 13 ++++++++++---
 people/7870.html  | 13 ++++++++++---
 people/7871.html  | 13 ++++++++++---
 people/7872.html  | 13 ++++++++++---
 people/7873.html  | 13 ++++++++++---
 people/7874.html  | 13 ++++++++++---
 people/7875.html  | 13 ++++++++++---
 people/7876.html  | 13 ++++++++++---
 people/7877.html  | 13 ++++++++++---
 people/7878.html  | 13 ++++++++++---
 people/7879.html  | 13 ++++++++++---
 people/788.html   | 13 ++++++++++---
 people/7880.html  | 13 ++++++++++---
 people/7881.html  | 13 ++++++++++---
 people/7882.html  | 13 ++++++++++---
 people/7883.html  | 13 ++++++++++---
 people/7884.html  | 13 ++++++++++---
 people/7885.html  | 13 ++++++++++---
 people/7886.html  | 13 ++++++++++---
 people/7887.html  | 13 ++++++++++---
 people/7888.html  | 13 ++++++++++---
 people/7889.html  | 13 ++++++++++---
 people/789.html   | 13 ++++++++++---
 people/7890.html  | 13 ++++++++++---
 people/7891.html  | 13 ++++++++++---
 people/7892.html  | 13 ++++++++++---
 people/7893.html  | 13 ++++++++++---
 people/7894.html  | 13 ++++++++++---
 people/7895.html  | 13 ++++++++++---
 people/7896.html  | 13 ++++++++++---
 people/7897.html  | 13 ++++++++++---
 people/7898.html  | 13 ++++++++++---
 people/7899.html  | 13 ++++++++++---
 people/79.html    | 13 ++++++++++---
 people/790.html   | 13 ++++++++++---
 people/7900.html  | 13 ++++++++++---
 people/7901.html  | 13 ++++++++++---
 people/7902.html  | 13 ++++++++++---
 people/7903.html  | 13 ++++++++++---
 people/7904.html  | 13 ++++++++++---
 people/7905.html  | 13 ++++++++++---
 people/7906.html  | 13 ++++++++++---
 people/7907.html  | 13 ++++++++++---
 people/7908.html  | 13 ++++++++++---
 people/7909.html  | 13 ++++++++++---
 people/791.html   | 13 ++++++++++---
 people/7910.html  | 13 ++++++++++---
 people/7911.html  | 13 ++++++++++---
 people/7912.html  | 13 ++++++++++---
 people/7913.html  | 13 ++++++++++---
 people/7914.html  | 13 ++++++++++---
 people/7915.html  | 13 ++++++++++---
 people/7916.html  | 13 ++++++++++---
 people/7917.html  | 13 ++++++++++---
 people/7918.html  | 13 ++++++++++---
 people/7919.html  | 13 ++++++++++---
 people/792.html   | 13 ++++++++++---
 people/7920.html  | 13 ++++++++++---
 people/7921.html  | 13 ++++++++++---
 people/7922.html  | 13 ++++++++++---
 people/7923.html  | 13 ++++++++++---
 people/7924.html  | 13 ++++++++++---
 people/7925.html  | 13 ++++++++++---
 people/7926.html  | 13 ++++++++++---
 people/7927.html  | 13 ++++++++++---
 people/7928.html  | 13 ++++++++++---
 people/7929.html  | 13 ++++++++++---
 people/793.html   | 13 ++++++++++---
 people/7930.html  | 13 ++++++++++---
 people/7931.html  | 13 ++++++++++---
 people/7932.html  | 13 ++++++++++---
 people/7933.html  | 13 ++++++++++---
 people/7934.html  | 13 ++++++++++---
 people/7935.html  | 13 ++++++++++---
 people/7936.html  | 13 ++++++++++---
 people/7937.html  | 13 ++++++++++---
 people/7938.html  | 13 ++++++++++---
 people/7939.html  | 13 ++++++++++---
 people/794.html   | 13 ++++++++++---
 people/7940.html  | 13 ++++++++++---
 people/7941.html  | 13 ++++++++++---
 people/7942.html  | 13 ++++++++++---
 people/7943.html  | 13 ++++++++++---
 people/7944.html  | 13 ++++++++++---
 people/7945.html  | 13 ++++++++++---
 people/7946.html  | 13 ++++++++++---
 people/7947.html  | 13 ++++++++++---
 people/7948.html  | 13 ++++++++++---
 people/7949.html  | 13 ++++++++++---
 people/795.html   | 13 ++++++++++---
 people/7950.html  | 13 ++++++++++---
 people/7951.html  | 13 ++++++++++---
 people/7952.html  | 13 ++++++++++---
 people/7953.html  | 13 ++++++++++---
 people/7954.html  | 13 ++++++++++---
 people/7955.html  | 13 ++++++++++---
 people/7956.html  | 13 ++++++++++---
 people/7957.html  | 13 ++++++++++---
 people/7958.html  | 13 ++++++++++---
 people/7959.html  | 13 ++++++++++---
 people/796.html   | 13 ++++++++++---
 people/7960.html  | 13 ++++++++++---
 people/7961.html  | 13 ++++++++++---
 people/7962.html  | 13 ++++++++++---
 people/7963.html  | 13 ++++++++++---
 people/7964.html  | 13 ++++++++++---
 people/7965.html  | 13 ++++++++++---
 people/7966.html  | 13 ++++++++++---
 people/7967.html  | 13 ++++++++++---
 people/7968.html  | 13 ++++++++++---
 people/7969.html  | 13 ++++++++++---
 people/797.html   | 13 ++++++++++---
 people/7970.html  | 13 ++++++++++---
 people/7971.html  | 13 ++++++++++---
 people/7972.html  | 13 ++++++++++---
 people/7973.html  | 13 ++++++++++---
 people/7974.html  | 13 ++++++++++---
 people/7975.html  | 13 ++++++++++---
 people/7976.html  | 13 ++++++++++---
 people/7977.html  | 13 ++++++++++---
 people/7978.html  | 13 ++++++++++---
 people/7979.html  | 13 ++++++++++---
 people/798.html   | 13 ++++++++++---
 people/7980.html  | 13 ++++++++++---
 people/7981.html  | 13 ++++++++++---
 people/7982.html  | 13 ++++++++++---
 people/7983.html  | 13 ++++++++++---
 people/7984.html  | 13 ++++++++++---
 people/7985.html  | 13 ++++++++++---
 people/7986.html  | 13 ++++++++++---
 people/7987.html  | 13 ++++++++++---
 people/7988.html  | 13 ++++++++++---
 people/7989.html  | 13 ++++++++++---
 people/799.html   | 13 ++++++++++---
 people/7990.html  | 13 ++++++++++---
 people/7991.html  | 13 ++++++++++---
 people/7992.html  | 13 ++++++++++---
 people/7993.html  | 13 ++++++++++---
 people/7994.html  | 13 ++++++++++---
 people/7995.html  | 13 ++++++++++---
 people/7996.html  | 13 ++++++++++---
 people/7997.html  | 13 ++++++++++---
 people/7998.html  | 13 ++++++++++---
 people/7999.html  | 13 ++++++++++---
 people/8.html     | 13 ++++++++++---
 people/80.html    | 13 ++++++++++---
 people/800.html   | 13 ++++++++++---
 people/8000.html  | 13 ++++++++++---
 people/8001.html  | 13 ++++++++++---
 people/8002.html  | 13 ++++++++++---
 people/8003.html  | 13 ++++++++++---
 people/8004.html  | 13 ++++++++++---
 people/8005.html  | 13 ++++++++++---
 people/8006.html  | 13 ++++++++++---
 people/8007.html  | 13 ++++++++++---
 people/8008.html  | 13 ++++++++++---
 people/8009.html  | 13 ++++++++++---
 people/801.html   | 13 ++++++++++---
 people/8010.html  | 13 ++++++++++---
 people/8011.html  | 13 ++++++++++---
 people/8012.html  | 13 ++++++++++---
 people/8013.html  | 13 ++++++++++---
 people/8014.html  | 13 ++++++++++---
 people/8015.html  | 13 ++++++++++---
 people/8016.html  | 13 ++++++++++---
 people/8017.html  | 13 ++++++++++---
 people/8018.html  | 13 ++++++++++---
 people/8019.html  | 13 ++++++++++---
 people/802.html   | 13 ++++++++++---
 people/8020.html  | 13 ++++++++++---
 people/8021.html  | 13 ++++++++++---
 people/8022.html  | 13 ++++++++++---
 people/8023.html  | 13 ++++++++++---
 people/8024.html  | 13 ++++++++++---
 people/8025.html  | 13 ++++++++++---
 people/8026.html  | 13 ++++++++++---
 people/8027.html  | 13 ++++++++++---
 people/8028.html  | 13 ++++++++++---
 people/8029.html  | 13 ++++++++++---
 people/803.html   | 13 ++++++++++---
 people/8030.html  | 13 ++++++++++---
 people/8031.html  | 13 ++++++++++---
 people/8032.html  | 13 ++++++++++---
 people/8033.html  | 13 ++++++++++---
 people/8034.html  | 13 ++++++++++---
 people/8035.html  | 13 ++++++++++---
 people/8036.html  | 13 ++++++++++---
 people/8037.html  | 13 ++++++++++---
 people/8038.html  | 13 ++++++++++---
 people/8039.html  | 13 ++++++++++---
 people/804.html   | 13 ++++++++++---
 people/8040.html  | 13 ++++++++++---
 people/8041.html  | 13 ++++++++++---
 people/8042.html  | 13 ++++++++++---
 people/8043.html  | 13 ++++++++++---
 people/8044.html  | 13 ++++++++++---
 people/8045.html  | 13 ++++++++++---
 people/8046.html  | 13 ++++++++++---
 people/8047.html  | 13 ++++++++++---
 people/8048.html  | 13 ++++++++++---
 people/8049.html  | 13 ++++++++++---
 people/805.html   | 13 ++++++++++---
 people/8050.html  | 13 ++++++++++---
 people/8051.html  | 13 ++++++++++---
 people/8052.html  | 13 ++++++++++---
 people/8053.html  | 13 ++++++++++---
 people/8054.html  | 13 ++++++++++---
 people/8055.html  | 13 ++++++++++---
 people/8056.html  | 13 ++++++++++---
 people/8057.html  | 13 ++++++++++---
 people/8058.html  | 13 ++++++++++---
 people/8059.html  | 13 ++++++++++---
 people/806.html   | 13 ++++++++++---
 people/8060.html  | 13 ++++++++++---
 people/8061.html  | 13 ++++++++++---
 people/8062.html  | 13 ++++++++++---
 people/8063.html  | 13 ++++++++++---
 people/8064.html  | 13 ++++++++++---
 people/8065.html  | 13 ++++++++++---
 people/8066.html  | 13 ++++++++++---
 people/8067.html  | 13 ++++++++++---
 people/8068.html  | 13 ++++++++++---
 people/8069.html  | 13 ++++++++++---
 people/807.html   | 13 ++++++++++---
 people/8070.html  | 13 ++++++++++---
 people/8071.html  | 13 ++++++++++---
 people/8072.html  | 13 ++++++++++---
 people/8073.html  | 13 ++++++++++---
 people/8074.html  | 13 ++++++++++---
 people/8075.html  | 13 ++++++++++---
 people/8076.html  | 13 ++++++++++---
 people/8077.html  | 13 ++++++++++---
 people/8078.html  | 13 ++++++++++---
 people/8079.html  | 13 ++++++++++---
 people/808.html   | 13 ++++++++++---
 people/8080.html  | 13 ++++++++++---
 people/8081.html  | 13 ++++++++++---
 people/8082.html  | 13 ++++++++++---
 people/8083.html  | 13 ++++++++++---
 people/8084.html  | 13 ++++++++++---
 people/8085.html  | 13 ++++++++++---
 people/8086.html  | 13 ++++++++++---
 people/8087.html  | 13 ++++++++++---
 people/8088.html  | 13 ++++++++++---
 people/8089.html  | 13 ++++++++++---
 people/809.html   | 13 ++++++++++---
 people/8090.html  | 13 ++++++++++---
 people/8091.html  | 13 ++++++++++---
 people/8092.html  | 13 ++++++++++---
 people/8093.html  | 13 ++++++++++---
 people/8094.html  | 13 ++++++++++---
 people/8095.html  | 13 ++++++++++---
 people/8096.html  | 13 ++++++++++---
 people/8097.html  | 13 ++++++++++---
 people/8098.html  | 13 ++++++++++---
 people/8099.html  | 13 ++++++++++---
 people/81.html    | 13 ++++++++++---
 people/810.html   | 13 ++++++++++---
 people/8100.html  | 13 ++++++++++---
 people/8101.html  | 13 ++++++++++---
 people/8102.html  | 13 ++++++++++---
 people/8103.html  | 13 ++++++++++---
 people/8104.html  | 13 ++++++++++---
 people/8105.html  | 13 ++++++++++---
 people/8106.html  | 13 ++++++++++---
 people/8107.html  | 13 ++++++++++---
 people/8108.html  | 13 ++++++++++---
 people/8109.html  | 13 ++++++++++---
 people/811.html   | 13 ++++++++++---
 people/8110.html  | 13 ++++++++++---
 people/8111.html  | 13 ++++++++++---
 people/8112.html  | 13 ++++++++++---
 people/8113.html  | 13 ++++++++++---
 people/8114.html  | 13 ++++++++++---
 people/8115.html  | 13 ++++++++++---
 people/8116.html  | 13 ++++++++++---
 people/8117.html  | 13 ++++++++++---
 people/8118.html  | 13 ++++++++++---
 people/8119.html  | 13 ++++++++++---
 people/812.html   | 13 ++++++++++---
 people/8120.html  | 13 ++++++++++---
 people/8121.html  | 13 ++++++++++---
 people/8122.html  | 13 ++++++++++---
 people/8123.html  | 13 ++++++++++---
 people/8124.html  | 13 ++++++++++---
 people/8125.html  | 13 ++++++++++---
 people/8126.html  | 13 ++++++++++---
 people/8127.html  | 13 ++++++++++---
 people/8128.html  | 13 ++++++++++---
 people/8129.html  | 13 ++++++++++---
 people/813.html   | 13 ++++++++++---
 people/8130.html  | 13 ++++++++++---
 people/8131.html  | 13 ++++++++++---
 people/8132.html  | 13 ++++++++++---
 people/8133.html  | 13 ++++++++++---
 people/8134.html  | 13 ++++++++++---
 people/8135.html  | 13 ++++++++++---
 people/8136.html  | 13 ++++++++++---
 people/8137.html  | 13 ++++++++++---
 people/8138.html  | 13 ++++++++++---
 people/8139.html  | 13 ++++++++++---
 people/814.html   | 13 ++++++++++---
 people/8140.html  | 13 ++++++++++---
 people/8141.html  | 13 ++++++++++---
 people/8142.html  | 13 ++++++++++---
 people/8143.html  | 13 ++++++++++---
 people/8144.html  | 13 ++++++++++---
 people/8145.html  | 13 ++++++++++---
 people/8146.html  | 13 ++++++++++---
 people/8147.html  | 13 ++++++++++---
 people/8148.html  | 13 ++++++++++---
 people/8149.html  | 13 ++++++++++---
 people/815.html   | 13 ++++++++++---
 people/8150.html  | 13 ++++++++++---
 people/8151.html  | 13 ++++++++++---
 people/8152.html  | 13 ++++++++++---
 people/8153.html  | 13 ++++++++++---
 people/8154.html  | 13 ++++++++++---
 people/8155.html  | 13 ++++++++++---
 people/8156.html  | 13 ++++++++++---
 people/8157.html  | 13 ++++++++++---
 people/8158.html  | 13 ++++++++++---
 people/8159.html  | 13 ++++++++++---
 people/816.html   | 13 ++++++++++---
 people/8160.html  | 13 ++++++++++---
 people/8161.html  | 13 ++++++++++---
 people/8162.html  | 13 ++++++++++---
 people/8163.html  | 13 ++++++++++---
 people/8164.html  | 13 ++++++++++---
 people/8165.html  | 13 ++++++++++---
 people/8166.html  | 13 ++++++++++---
 people/8167.html  | 13 ++++++++++---
 people/8168.html  | 13 ++++++++++---
 people/8169.html  | 13 ++++++++++---
 people/817.html   | 13 ++++++++++---
 people/8170.html  | 13 ++++++++++---
 people/8171.html  | 13 ++++++++++---
 people/8172.html  | 13 ++++++++++---
 people/8173.html  | 13 ++++++++++---
 people/8174.html  | 13 ++++++++++---
 people/8175.html  | 13 ++++++++++---
 people/8176.html  | 13 ++++++++++---
 people/8177.html  | 13 ++++++++++---
 people/8178.html  | 13 ++++++++++---
 people/8179.html  | 13 ++++++++++---
 people/818.html   | 13 ++++++++++---
 people/8180.html  | 13 ++++++++++---
 people/8181.html  | 13 ++++++++++---
 people/8182.html  | 13 ++++++++++---
 people/8183.html  | 13 ++++++++++---
 people/8184.html  | 13 ++++++++++---
 people/8185.html  | 13 ++++++++++---
 people/8186.html  | 13 ++++++++++---
 people/8187.html  | 13 ++++++++++---
 people/8188.html  | 13 ++++++++++---
 people/8189.html  | 13 ++++++++++---
 people/819.html   | 13 ++++++++++---
 people/8190.html  | 13 ++++++++++---
 people/8191.html  | 13 ++++++++++---
 people/8192.html  | 13 ++++++++++---
 people/8193.html  | 13 ++++++++++---
 people/8194.html  | 13 ++++++++++---
 people/8195.html  | 13 ++++++++++---
 people/8196.html  | 13 ++++++++++---
 people/8197.html  | 13 ++++++++++---
 people/8198.html  | 13 ++++++++++---
 people/8199.html  | 13 ++++++++++---
 people/82.html    | 13 ++++++++++---
 people/820.html   | 13 ++++++++++---
 people/8200.html  | 13 ++++++++++---
 people/8201.html  | 13 ++++++++++---
 people/8202.html  | 13 ++++++++++---
 people/8203.html  | 13 ++++++++++---
 people/8204.html  | 13 ++++++++++---
 people/8205.html  | 13 ++++++++++---
 people/8206.html  | 13 ++++++++++---
 people/8207.html  | 13 ++++++++++---
 people/8208.html  | 13 ++++++++++---
 people/8209.html  | 13 ++++++++++---
 people/821.html   | 13 ++++++++++---
 people/8210.html  | 13 ++++++++++---
 people/8211.html  | 13 ++++++++++---
 people/8212.html  | 13 ++++++++++---
 people/8213.html  | 13 ++++++++++---
 people/8214.html  | 13 ++++++++++---
 people/8215.html  | 13 ++++++++++---
 people/8216.html  | 13 ++++++++++---
 people/8217.html  | 13 ++++++++++---
 people/8218.html  | 13 ++++++++++---
 people/8219.html  | 13 ++++++++++---
 people/822.html   | 13 ++++++++++---
 people/8220.html  | 13 ++++++++++---
 people/8221.html  | 13 ++++++++++---
 people/8222.html  | 13 ++++++++++---
 people/8223.html  | 13 ++++++++++---
 people/8224.html  | 13 ++++++++++---
 people/8225.html  | 13 ++++++++++---
 people/8226.html  | 13 ++++++++++---
 people/8227.html  | 13 ++++++++++---
 people/8228.html  | 13 ++++++++++---
 people/8229.html  | 13 ++++++++++---
 people/823.html   | 13 ++++++++++---
 people/8230.html  | 13 ++++++++++---
 people/8231.html  | 13 ++++++++++---
 people/8232.html  | 13 ++++++++++---
 people/8233.html  | 13 ++++++++++---
 people/8234.html  | 13 ++++++++++---
 people/8235.html  | 13 ++++++++++---
 people/8236.html  | 13 ++++++++++---
 people/8237.html  | 13 ++++++++++---
 people/8238.html  | 13 ++++++++++---
 people/8239.html  | 13 ++++++++++---
 people/824.html   | 13 ++++++++++---
 people/8240.html  | 13 ++++++++++---
 people/8241.html  | 13 ++++++++++---
 people/8242.html  | 13 ++++++++++---
 people/8243.html  | 13 ++++++++++---
 people/8244.html  | 13 ++++++++++---
 people/8245.html  | 13 ++++++++++---
 people/8246.html  | 13 ++++++++++---
 people/8247.html  | 13 ++++++++++---
 people/8248.html  | 13 ++++++++++---
 people/8249.html  | 13 ++++++++++---
 people/825.html   | 13 ++++++++++---
 people/8250.html  | 13 ++++++++++---
 people/8251.html  | 13 ++++++++++---
 people/8252.html  | 13 ++++++++++---
 people/8253.html  | 13 ++++++++++---
 people/8254.html  | 13 ++++++++++---
 people/8255.html  | 13 ++++++++++---
 people/8256.html  | 13 ++++++++++---
 people/8257.html  | 13 ++++++++++---
 people/8258.html  | 13 ++++++++++---
 people/8259.html  | 13 ++++++++++---
 people/826.html   | 13 ++++++++++---
 people/8260.html  | 13 ++++++++++---
 people/8261.html  | 13 ++++++++++---
 people/8262.html  | 13 ++++++++++---
 people/8263.html  | 13 ++++++++++---
 people/8264.html  | 13 ++++++++++---
 people/8265.html  | 13 ++++++++++---
 people/8266.html  | 13 ++++++++++---
 people/8267.html  | 13 ++++++++++---
 people/8268.html  | 13 ++++++++++---
 people/8269.html  | 13 ++++++++++---
 people/827.html   | 13 ++++++++++---
 people/8270.html  | 13 ++++++++++---
 people/8271.html  | 13 ++++++++++---
 people/8272.html  | 13 ++++++++++---
 people/8273.html  | 13 ++++++++++---
 people/8274.html  | 13 ++++++++++---
 people/8275.html  | 13 ++++++++++---
 people/8276.html  | 13 ++++++++++---
 people/8277.html  | 13 ++++++++++---
 people/8278.html  | 13 ++++++++++---
 people/8279.html  | 13 ++++++++++---
 people/828.html   | 13 ++++++++++---
 people/8280.html  | 13 ++++++++++---
 people/8281.html  | 13 ++++++++++---
 people/8282.html  | 13 ++++++++++---
 people/8283.html  | 13 ++++++++++---
 people/8284.html  | 13 ++++++++++---
 people/8285.html  | 13 ++++++++++---
 people/8286.html  | 13 ++++++++++---
 people/8287.html  | 13 ++++++++++---
 people/8288.html  | 13 ++++++++++---
 people/8289.html  | 13 ++++++++++---
 people/829.html   | 13 ++++++++++---
 people/8290.html  | 13 ++++++++++---
 people/8291.html  | 13 ++++++++++---
 people/8292.html  | 13 ++++++++++---
 people/8293.html  | 13 ++++++++++---
 people/8294.html  | 13 ++++++++++---
 people/8295.html  | 13 ++++++++++---
 people/8296.html  | 13 ++++++++++---
 people/8297.html  | 13 ++++++++++---
 people/8298.html  | 13 ++++++++++---
 people/8299.html  | 13 ++++++++++---
 people/83.html    | 13 ++++++++++---
 people/830.html   | 13 ++++++++++---
 people/8300.html  | 13 ++++++++++---
 people/8301.html  | 13 ++++++++++---
 people/8302.html  | 13 ++++++++++---
 people/8303.html  | 13 ++++++++++---
 people/8304.html  | 13 ++++++++++---
 people/8305.html  | 13 ++++++++++---
 people/8306.html  | 13 ++++++++++---
 people/8307.html  | 13 ++++++++++---
 people/8308.html  | 13 ++++++++++---
 people/8309.html  | 13 ++++++++++---
 people/831.html   | 13 ++++++++++---
 people/8310.html  | 13 ++++++++++---
 people/8311.html  | 13 ++++++++++---
 people/8312.html  | 13 ++++++++++---
 people/8313.html  | 13 ++++++++++---
 people/8314.html  | 13 ++++++++++---
 people/8315.html  | 13 ++++++++++---
 people/8316.html  | 13 ++++++++++---
 people/8317.html  | 13 ++++++++++---
 people/8318.html  | 13 ++++++++++---
 people/8319.html  | 13 ++++++++++---
 people/832.html   | 13 ++++++++++---
 people/8320.html  | 13 ++++++++++---
 people/8321.html  | 13 ++++++++++---
 people/8322.html  | 13 ++++++++++---
 people/8323.html  | 13 ++++++++++---
 people/8324.html  | 13 ++++++++++---
 people/8325.html  | 13 ++++++++++---
 people/8326.html  | 13 ++++++++++---
 people/8327.html  | 13 ++++++++++---
 people/8328.html  | 13 ++++++++++---
 people/8329.html  | 13 ++++++++++---
 people/833.html   | 13 ++++++++++---
 people/8330.html  | 13 ++++++++++---
 people/8331.html  | 13 ++++++++++---
 people/8332.html  | 13 ++++++++++---
 people/8333.html  | 13 ++++++++++---
 people/8334.html  | 13 ++++++++++---
 people/8335.html  | 13 ++++++++++---
 people/8336.html  | 13 ++++++++++---
 people/8337.html  | 13 ++++++++++---
 people/8338.html  | 13 ++++++++++---
 people/8339.html  | 13 ++++++++++---
 people/834.html   | 13 ++++++++++---
 people/8340.html  | 13 ++++++++++---
 people/8341.html  | 13 ++++++++++---
 people/8342.html  | 13 ++++++++++---
 people/8343.html  | 13 ++++++++++---
 people/8344.html  | 13 ++++++++++---
 people/8345.html  | 13 ++++++++++---
 people/8346.html  | 13 ++++++++++---
 people/8347.html  | 13 ++++++++++---
 people/8348.html  | 13 ++++++++++---
 people/8349.html  | 13 ++++++++++---
 people/835.html   | 13 ++++++++++---
 people/8350.html  | 13 ++++++++++---
 people/8351.html  | 13 ++++++++++---
 people/8352.html  | 13 ++++++++++---
 people/8353.html  | 13 ++++++++++---
 people/8354.html  | 13 ++++++++++---
 people/8355.html  | 13 ++++++++++---
 people/8356.html  | 13 ++++++++++---
 people/8357.html  | 13 ++++++++++---
 people/8358.html  | 13 ++++++++++---
 people/8359.html  | 13 ++++++++++---
 people/836.html   | 13 ++++++++++---
 people/8360.html  | 13 ++++++++++---
 people/8361.html  | 13 ++++++++++---
 people/8362.html  | 13 ++++++++++---
 people/8363.html  | 13 ++++++++++---
 people/8364.html  | 13 ++++++++++---
 people/8365.html  | 13 ++++++++++---
 people/8366.html  | 13 ++++++++++---
 people/8367.html  | 13 ++++++++++---
 people/8368.html  | 13 ++++++++++---
 people/8369.html  | 13 ++++++++++---
 people/837.html   | 13 ++++++++++---
 people/8370.html  | 13 ++++++++++---
 people/8371.html  | 13 ++++++++++---
 people/8372.html  | 13 ++++++++++---
 people/8373.html  | 13 ++++++++++---
 people/8374.html  | 13 ++++++++++---
 people/8375.html  | 13 ++++++++++---
 people/8376.html  | 13 ++++++++++---
 people/8377.html  | 13 ++++++++++---
 people/8378.html  | 13 ++++++++++---
 people/8379.html  | 13 ++++++++++---
 people/838.html   | 13 ++++++++++---
 people/8380.html  | 13 ++++++++++---
 people/8381.html  | 13 ++++++++++---
 people/8382.html  | 13 ++++++++++---
 people/8383.html  | 13 ++++++++++---
 people/8384.html  | 13 ++++++++++---
 people/8385.html  | 13 ++++++++++---
 people/8386.html  | 13 ++++++++++---
 people/8387.html  | 13 ++++++++++---
 people/8388.html  | 13 ++++++++++---
 people/8389.html  | 13 ++++++++++---
 people/839.html   | 13 ++++++++++---
 people/8390.html  | 13 ++++++++++---
 people/8391.html  | 13 ++++++++++---
 people/8392.html  | 13 ++++++++++---
 people/8393.html  | 13 ++++++++++---
 people/8394.html  | 13 ++++++++++---
 people/8395.html  | 13 ++++++++++---
 people/8396.html  | 13 ++++++++++---
 people/8397.html  | 13 ++++++++++---
 people/8398.html  | 13 ++++++++++---
 people/8399.html  | 13 ++++++++++---
 people/84.html    | 13 ++++++++++---
 people/840.html   | 13 ++++++++++---
 people/8400.html  | 13 ++++++++++---
 people/8401.html  | 13 ++++++++++---
 people/8402.html  | 13 ++++++++++---
 people/8403.html  | 13 ++++++++++---
 people/8404.html  | 13 ++++++++++---
 people/8405.html  | 13 ++++++++++---
 people/8406.html  | 13 ++++++++++---
 people/8407.html  | 13 ++++++++++---
 people/8408.html  | 13 ++++++++++---
 people/8409.html  | 13 ++++++++++---
 people/841.html   | 13 ++++++++++---
 people/8410.html  | 13 ++++++++++---
 people/8411.html  | 13 ++++++++++---
 people/8412.html  | 13 ++++++++++---
 people/8413.html  | 13 ++++++++++---
 people/8414.html  | 13 ++++++++++---
 people/8415.html  | 13 ++++++++++---
 people/8416.html  | 13 ++++++++++---
 people/8417.html  | 13 ++++++++++---
 people/8418.html  | 13 ++++++++++---
 people/8419.html  | 13 ++++++++++---
 people/842.html   | 13 ++++++++++---
 people/8420.html  | 13 ++++++++++---
 people/8421.html  | 13 ++++++++++---
 people/8422.html  | 13 ++++++++++---
 people/8423.html  | 13 ++++++++++---
 people/8424.html  | 13 ++++++++++---
 people/8425.html  | 13 ++++++++++---
 people/8426.html  | 13 ++++++++++---
 people/8427.html  | 13 ++++++++++---
 people/8428.html  | 13 ++++++++++---
 people/8429.html  | 13 ++++++++++---
 people/843.html   | 13 ++++++++++---
 people/8430.html  | 13 ++++++++++---
 people/8431.html  | 13 ++++++++++---
 people/8432.html  | 13 ++++++++++---
 people/8433.html  | 13 ++++++++++---
 people/8434.html  | 13 ++++++++++---
 people/8435.html  | 13 ++++++++++---
 people/8436.html  | 13 ++++++++++---
 people/8437.html  | 13 ++++++++++---
 people/8438.html  | 13 ++++++++++---
 people/8439.html  | 13 ++++++++++---
 people/844.html   | 13 ++++++++++---
 people/8440.html  | 13 ++++++++++---
 people/8441.html  | 13 ++++++++++---
 people/8442.html  | 13 ++++++++++---
 people/8443.html  | 13 ++++++++++---
 people/8444.html  | 13 ++++++++++---
 people/8445.html  | 13 ++++++++++---
 people/8446.html  | 13 ++++++++++---
 people/8447.html  | 13 ++++++++++---
 people/8448.html  | 13 ++++++++++---
 people/8449.html  | 13 ++++++++++---
 people/845.html   | 13 ++++++++++---
 people/8450.html  | 13 ++++++++++---
 people/8451.html  | 13 ++++++++++---
 people/8452.html  | 13 ++++++++++---
 people/8453.html  | 13 ++++++++++---
 people/8454.html  | 13 ++++++++++---
 people/8455.html  | 13 ++++++++++---
 people/8456.html  | 13 ++++++++++---
 people/8457.html  | 13 ++++++++++---
 people/8458.html  | 13 ++++++++++---
 people/8459.html  | 13 ++++++++++---
 people/846.html   | 13 ++++++++++---
 people/8460.html  | 13 ++++++++++---
 people/8461.html  | 13 ++++++++++---
 people/8462.html  | 13 ++++++++++---
 people/8463.html  | 13 ++++++++++---
 people/8464.html  | 13 ++++++++++---
 people/8465.html  | 13 ++++++++++---
 people/8466.html  | 13 ++++++++++---
 people/8467.html  | 13 ++++++++++---
 people/8468.html  | 13 ++++++++++---
 people/8469.html  | 13 ++++++++++---
 people/847.html   | 13 ++++++++++---
 people/8470.html  | 13 ++++++++++---
 people/8471.html  | 13 ++++++++++---
 people/8472.html  | 13 ++++++++++---
 people/8473.html  | 13 ++++++++++---
 people/8474.html  | 13 ++++++++++---
 people/8475.html  | 13 ++++++++++---
 people/8476.html  | 13 ++++++++++---
 people/8477.html  | 13 ++++++++++---
 people/8478.html  | 13 ++++++++++---
 people/8479.html  | 13 ++++++++++---
 people/848.html   | 13 ++++++++++---
 people/8480.html  | 13 ++++++++++---
 people/8481.html  | 13 ++++++++++---
 people/8482.html  | 13 ++++++++++---
 people/8483.html  | 13 ++++++++++---
 people/8484.html  | 13 ++++++++++---
 people/8485.html  | 13 ++++++++++---
 people/8486.html  | 13 ++++++++++---
 people/8487.html  | 13 ++++++++++---
 people/8488.html  | 13 ++++++++++---
 people/8489.html  | 13 ++++++++++---
 people/849.html   | 13 ++++++++++---
 people/8490.html  | 13 ++++++++++---
 people/8491.html  | 13 ++++++++++---
 people/8492.html  | 13 ++++++++++---
 people/8493.html  | 13 ++++++++++---
 people/8494.html  | 13 ++++++++++---
 people/8495.html  | 13 ++++++++++---
 people/8496.html  | 13 ++++++++++---
 people/8497.html  | 13 ++++++++++---
 people/8498.html  | 13 ++++++++++---
 people/8499.html  | 13 ++++++++++---
 people/85.html    | 13 ++++++++++---
 people/850.html   | 13 ++++++++++---
 people/8500.html  | 13 ++++++++++---
 people/8501.html  | 13 ++++++++++---
 people/8502.html  | 13 ++++++++++---
 people/8503.html  | 13 ++++++++++---
 people/8504.html  | 13 ++++++++++---
 people/8505.html  | 13 ++++++++++---
 people/8506.html  | 13 ++++++++++---
 people/8507.html  | 13 ++++++++++---
 people/8508.html  | 13 ++++++++++---
 people/8509.html  | 13 ++++++++++---
 people/851.html   | 13 ++++++++++---
 people/8510.html  | 13 ++++++++++---
 people/8511.html  | 13 ++++++++++---
 people/8512.html  | 13 ++++++++++---
 people/8513.html  | 13 ++++++++++---
 people/8514.html  | 13 ++++++++++---
 people/8515.html  | 13 ++++++++++---
 people/8516.html  | 13 ++++++++++---
 people/8517.html  | 13 ++++++++++---
 people/8518.html  | 13 ++++++++++---
 people/8519.html  | 13 ++++++++++---
 people/852.html   | 13 ++++++++++---
 people/8520.html  | 13 ++++++++++---
 people/8521.html  | 13 ++++++++++---
 people/8522.html  | 13 ++++++++++---
 people/8523.html  | 13 ++++++++++---
 people/8524.html  | 13 ++++++++++---
 people/8525.html  | 13 ++++++++++---
 people/8526.html  | 13 ++++++++++---
 people/8527.html  | 13 ++++++++++---
 people/8528.html  | 13 ++++++++++---
 people/8529.html  | 13 ++++++++++---
 people/853.html   | 13 ++++++++++---
 people/8530.html  | 13 ++++++++++---
 people/8531.html  | 13 ++++++++++---
 people/8532.html  | 13 ++++++++++---
 people/8533.html  | 13 ++++++++++---
 people/8534.html  | 13 ++++++++++---
 people/8535.html  | 13 ++++++++++---
 people/8536.html  | 13 ++++++++++---
 people/8537.html  | 13 ++++++++++---
 people/8538.html  | 13 ++++++++++---
 people/8539.html  | 13 ++++++++++---
 people/854.html   | 13 ++++++++++---
 people/8540.html  | 13 ++++++++++---
 people/8541.html  | 13 ++++++++++---
 people/8542.html  | 13 ++++++++++---
 people/8543.html  | 13 ++++++++++---
 people/8544.html  | 13 ++++++++++---
 people/8545.html  | 13 ++++++++++---
 people/8546.html  | 13 ++++++++++---
 people/8547.html  | 13 ++++++++++---
 people/8548.html  | 13 ++++++++++---
 people/8549.html  | 13 ++++++++++---
 people/855.html   | 13 ++++++++++---
 people/8550.html  | 13 ++++++++++---
 people/8551.html  | 13 ++++++++++---
 people/8552.html  | 13 ++++++++++---
 people/8553.html  | 13 ++++++++++---
 people/8554.html  | 13 ++++++++++---
 people/8555.html  | 13 ++++++++++---
 people/8556.html  | 13 ++++++++++---
 people/8557.html  | 13 ++++++++++---
 people/8558.html  | 13 ++++++++++---
 people/8559.html  | 13 ++++++++++---
 people/856.html   | 13 ++++++++++---
 people/8560.html  | 13 ++++++++++---
 people/8561.html  | 13 ++++++++++---
 people/8562.html  | 13 ++++++++++---
 people/8563.html  | 13 ++++++++++---
 people/8564.html  | 13 ++++++++++---
 people/8565.html  | 13 ++++++++++---
 people/8566.html  | 13 ++++++++++---
 people/8567.html  | 13 ++++++++++---
 people/8568.html  | 13 ++++++++++---
 people/8569.html  | 13 ++++++++++---
 people/857.html   | 13 ++++++++++---
 people/8570.html  | 13 ++++++++++---
 people/8571.html  | 13 ++++++++++---
 people/8572.html  | 13 ++++++++++---
 people/8573.html  | 13 ++++++++++---
 people/8574.html  | 13 ++++++++++---
 people/8575.html  | 13 ++++++++++---
 people/8576.html  | 13 ++++++++++---
 people/8577.html  | 13 ++++++++++---
 people/8578.html  | 13 ++++++++++---
 people/8579.html  | 13 ++++++++++---
 people/858.html   | 13 ++++++++++---
 people/8580.html  | 13 ++++++++++---
 people/8581.html  | 13 ++++++++++---
 people/8582.html  | 13 ++++++++++---
 people/8583.html  | 13 ++++++++++---
 people/8584.html  | 13 ++++++++++---
 people/8585.html  | 13 ++++++++++---
 people/8586.html  | 13 ++++++++++---
 people/8587.html  | 13 ++++++++++---
 people/8588.html  | 13 ++++++++++---
 people/8589.html  | 13 ++++++++++---
 people/859.html   | 13 ++++++++++---
 people/8590.html  | 13 ++++++++++---
 people/8591.html  | 13 ++++++++++---
 people/8592.html  | 13 ++++++++++---
 people/8593.html  | 13 ++++++++++---
 people/8594.html  | 13 ++++++++++---
 people/8595.html  | 13 ++++++++++---
 people/8596.html  | 13 ++++++++++---
 people/8597.html  | 13 ++++++++++---
 people/8598.html  | 13 ++++++++++---
 people/8599.html  | 13 ++++++++++---
 people/86.html    | 13 ++++++++++---
 people/860.html   | 13 ++++++++++---
 people/8600.html  | 13 ++++++++++---
 people/8601.html  | 13 ++++++++++---
 people/8602.html  | 13 ++++++++++---
 people/8603.html  | 13 ++++++++++---
 people/8604.html  | 13 ++++++++++---
 people/8605.html  | 13 ++++++++++---
 people/8606.html  | 13 ++++++++++---
 people/8607.html  | 13 ++++++++++---
 people/8608.html  | 13 ++++++++++---
 people/8609.html  | 13 ++++++++++---
 people/861.html   | 13 ++++++++++---
 people/8610.html  | 13 ++++++++++---
 people/8611.html  | 13 ++++++++++---
 people/8612.html  | 13 ++++++++++---
 people/8613.html  | 13 ++++++++++---
 people/8614.html  | 13 ++++++++++---
 people/8615.html  | 13 ++++++++++---
 people/8616.html  | 13 ++++++++++---
 people/8617.html  | 13 ++++++++++---
 people/8618.html  | 13 ++++++++++---
 people/8619.html  | 13 ++++++++++---
 people/862.html   | 13 ++++++++++---
 people/8620.html  | 13 ++++++++++---
 people/8621.html  | 13 ++++++++++---
 people/8622.html  | 13 ++++++++++---
 people/8623.html  | 13 ++++++++++---
 people/8624.html  | 13 ++++++++++---
 people/8625.html  | 13 ++++++++++---
 people/8626.html  | 13 ++++++++++---
 people/8627.html  | 13 ++++++++++---
 people/8628.html  | 13 ++++++++++---
 people/8629.html  | 13 ++++++++++---
 people/863.html   | 13 ++++++++++---
 people/8630.html  | 13 ++++++++++---
 people/8631.html  | 13 ++++++++++---
 people/8632.html  | 13 ++++++++++---
 people/8633.html  | 13 ++++++++++---
 people/8634.html  | 13 ++++++++++---
 people/8635.html  | 13 ++++++++++---
 people/8636.html  | 13 ++++++++++---
 people/8637.html  | 13 ++++++++++---
 people/8638.html  | 13 ++++++++++---
 people/8639.html  | 13 ++++++++++---
 people/864.html   | 13 ++++++++++---
 people/8640.html  | 13 ++++++++++---
 people/8641.html  | 13 ++++++++++---
 people/8642.html  | 13 ++++++++++---
 people/8643.html  | 13 ++++++++++---
 people/8644.html  | 13 ++++++++++---
 people/8645.html  | 13 ++++++++++---
 people/8646.html  | 13 ++++++++++---
 people/8647.html  | 13 ++++++++++---
 people/8648.html  | 13 ++++++++++---
 people/8649.html  | 13 ++++++++++---
 people/865.html   | 13 ++++++++++---
 people/8650.html  | 13 ++++++++++---
 people/8651.html  | 13 ++++++++++---
 people/8652.html  | 13 ++++++++++---
 people/8653.html  | 13 ++++++++++---
 people/8654.html  | 13 ++++++++++---
 people/8655.html  | 13 ++++++++++---
 people/8656.html  | 13 ++++++++++---
 people/8657.html  | 13 ++++++++++---
 people/8658.html  | 13 ++++++++++---
 people/8659.html  | 13 ++++++++++---
 people/866.html   | 13 ++++++++++---
 people/8660.html  | 13 ++++++++++---
 people/8661.html  | 13 ++++++++++---
 people/8662.html  | 13 ++++++++++---
 people/8663.html  | 13 ++++++++++---
 people/8664.html  | 13 ++++++++++---
 people/8665.html  | 13 ++++++++++---
 people/8666.html  | 13 ++++++++++---
 people/8667.html  | 13 ++++++++++---
 people/8668.html  | 13 ++++++++++---
 people/8669.html  | 13 ++++++++++---
 people/867.html   | 13 ++++++++++---
 people/8670.html  | 13 ++++++++++---
 people/8671.html  | 13 ++++++++++---
 people/8672.html  | 13 ++++++++++---
 people/8673.html  | 13 ++++++++++---
 people/8674.html  | 13 ++++++++++---
 people/8675.html  | 13 ++++++++++---
 people/8676.html  | 13 ++++++++++---
 people/8677.html  | 13 ++++++++++---
 people/8678.html  | 13 ++++++++++---
 people/8679.html  | 13 ++++++++++---
 people/868.html   | 13 ++++++++++---
 people/8680.html  | 13 ++++++++++---
 people/8681.html  | 13 ++++++++++---
 people/8682.html  | 13 ++++++++++---
 people/8683.html  | 13 ++++++++++---
 people/8684.html  | 13 ++++++++++---
 people/8685.html  | 13 ++++++++++---
 people/8686.html  | 13 ++++++++++---
 people/8687.html  | 13 ++++++++++---
 people/8688.html  | 13 ++++++++++---
 people/8689.html  | 13 ++++++++++---
 people/869.html   | 13 ++++++++++---
 people/8690.html  | 13 ++++++++++---
 people/8691.html  | 13 ++++++++++---
 people/8692.html  | 13 ++++++++++---
 people/8693.html  | 13 ++++++++++---
 people/8694.html  | 13 ++++++++++---
 people/8695.html  | 13 ++++++++++---
 people/8696.html  | 13 ++++++++++---
 people/8697.html  | 13 ++++++++++---
 people/8698.html  | 13 ++++++++++---
 people/8699.html  | 13 ++++++++++---
 people/87.html    | 13 ++++++++++---
 people/870.html   | 13 ++++++++++---
 people/8700.html  | 13 ++++++++++---
 people/8701.html  | 13 ++++++++++---
 people/8702.html  | 13 ++++++++++---
 people/8703.html  | 13 ++++++++++---
 people/8704.html  | 13 ++++++++++---
 people/8705.html  | 13 ++++++++++---
 people/8706.html  | 13 ++++++++++---
 people/8707.html  | 13 ++++++++++---
 people/8708.html  | 13 ++++++++++---
 people/8709.html  | 13 ++++++++++---
 people/871.html   | 13 ++++++++++---
 people/8710.html  | 13 ++++++++++---
 people/8711.html  | 13 ++++++++++---
 people/8712.html  | 13 ++++++++++---
 people/8713.html  | 13 ++++++++++---
 people/8714.html  | 13 ++++++++++---
 people/8715.html  | 13 ++++++++++---
 people/8716.html  | 13 ++++++++++---
 people/8717.html  | 13 ++++++++++---
 people/8718.html  | 13 ++++++++++---
 people/8719.html  | 13 ++++++++++---
 people/872.html   | 13 ++++++++++---
 people/8720.html  | 13 ++++++++++---
 people/8721.html  | 13 ++++++++++---
 people/8722.html  | 13 ++++++++++---
 people/8723.html  | 13 ++++++++++---
 people/8724.html  | 13 ++++++++++---
 people/8725.html  | 13 ++++++++++---
 people/8726.html  | 13 ++++++++++---
 people/8727.html  | 13 ++++++++++---
 people/8728.html  | 13 ++++++++++---
 people/8729.html  | 13 ++++++++++---
 people/873.html   | 13 ++++++++++---
 people/8730.html  | 13 ++++++++++---
 people/8731.html  | 13 ++++++++++---
 people/8732.html  | 13 ++++++++++---
 people/8733.html  | 13 ++++++++++---
 people/8734.html  | 13 ++++++++++---
 people/8735.html  | 13 ++++++++++---
 people/8736.html  | 13 ++++++++++---
 people/8737.html  | 13 ++++++++++---
 people/8738.html  | 13 ++++++++++---
 people/8739.html  | 13 ++++++++++---
 people/874.html   | 13 ++++++++++---
 people/8740.html  | 13 ++++++++++---
 people/8741.html  | 13 ++++++++++---
 people/8742.html  | 13 ++++++++++---
 people/8743.html  | 13 ++++++++++---
 people/8744.html  | 13 ++++++++++---
 people/8745.html  | 13 ++++++++++---
 people/8746.html  | 13 ++++++++++---
 people/8747.html  | 13 ++++++++++---
 people/8748.html  | 13 ++++++++++---
 people/8749.html  | 13 ++++++++++---
 people/875.html   | 13 ++++++++++---
 people/8750.html  | 13 ++++++++++---
 people/8751.html  | 13 ++++++++++---
 people/8752.html  | 13 ++++++++++---
 people/8753.html  | 13 ++++++++++---
 people/8754.html  | 13 ++++++++++---
 people/8755.html  | 13 ++++++++++---
 people/8756.html  | 13 ++++++++++---
 people/8757.html  | 13 ++++++++++---
 people/8758.html  | 13 ++++++++++---
 people/8759.html  | 13 ++++++++++---
 people/876.html   | 13 ++++++++++---
 people/8760.html  | 13 ++++++++++---
 people/8761.html  | 13 ++++++++++---
 people/8762.html  | 13 ++++++++++---
 people/8763.html  | 13 ++++++++++---
 people/8764.html  | 13 ++++++++++---
 people/8765.html  | 13 ++++++++++---
 people/8766.html  | 13 ++++++++++---
 people/8767.html  | 13 ++++++++++---
 people/8768.html  | 13 ++++++++++---
 people/8769.html  | 13 ++++++++++---
 people/877.html   | 13 ++++++++++---
 people/8770.html  | 13 ++++++++++---
 people/8771.html  | 13 ++++++++++---
 people/8772.html  | 13 ++++++++++---
 people/8773.html  | 13 ++++++++++---
 people/8774.html  | 13 ++++++++++---
 people/8775.html  | 13 ++++++++++---
 people/8776.html  | 13 ++++++++++---
 people/8777.html  | 13 ++++++++++---
 people/8778.html  | 13 ++++++++++---
 people/8779.html  | 13 ++++++++++---
 people/878.html   | 13 ++++++++++---
 people/8780.html  | 13 ++++++++++---
 people/8781.html  | 13 ++++++++++---
 people/8782.html  | 13 ++++++++++---
 people/8783.html  | 13 ++++++++++---
 people/8784.html  | 13 ++++++++++---
 people/8785.html  | 13 ++++++++++---
 people/8786.html  | 13 ++++++++++---
 people/8787.html  | 13 ++++++++++---
 people/8788.html  | 13 ++++++++++---
 people/8789.html  | 13 ++++++++++---
 people/879.html   | 13 ++++++++++---
 people/8790.html  | 13 ++++++++++---
 people/8791.html  | 13 ++++++++++---
 people/8792.html  | 13 ++++++++++---
 people/8793.html  | 13 ++++++++++---
 people/8794.html  | 13 ++++++++++---
 people/8795.html  | 13 ++++++++++---
 people/8796.html  | 13 ++++++++++---
 people/8797.html  | 13 ++++++++++---
 people/8798.html  | 13 ++++++++++---
 people/8799.html  | 13 ++++++++++---
 people/88.html    | 13 ++++++++++---
 people/880.html   | 13 ++++++++++---
 people/8800.html  | 13 ++++++++++---
 people/8801.html  | 13 ++++++++++---
 people/8802.html  | 13 ++++++++++---
 people/8803.html  | 13 ++++++++++---
 people/8804.html  | 13 ++++++++++---
 people/8805.html  | 13 ++++++++++---
 people/8806.html  | 13 ++++++++++---
 people/8807.html  | 13 ++++++++++---
 people/8808.html  | 13 ++++++++++---
 people/8809.html  | 13 ++++++++++---
 people/881.html   | 13 ++++++++++---
 people/8810.html  | 13 ++++++++++---
 people/8811.html  | 13 ++++++++++---
 people/8812.html  | 13 ++++++++++---
 people/8813.html  | 13 ++++++++++---
 people/8814.html  | 13 ++++++++++---
 people/8815.html  | 13 ++++++++++---
 people/8816.html  | 13 ++++++++++---
 people/8817.html  | 13 ++++++++++---
 people/8818.html  | 13 ++++++++++---
 people/8819.html  | 13 ++++++++++---
 people/882.html   | 13 ++++++++++---
 people/8820.html  | 13 ++++++++++---
 people/8821.html  | 13 ++++++++++---
 people/8822.html  | 13 ++++++++++---
 people/8823.html  | 13 ++++++++++---
 people/8824.html  | 13 ++++++++++---
 people/8825.html  | 13 ++++++++++---
 people/8826.html  | 13 ++++++++++---
 people/8827.html  | 13 ++++++++++---
 people/8828.html  | 13 ++++++++++---
 people/8829.html  | 13 ++++++++++---
 people/883.html   | 13 ++++++++++---
 people/8830.html  | 13 ++++++++++---
 people/8831.html  | 13 ++++++++++---
 people/8832.html  | 13 ++++++++++---
 people/8833.html  | 13 ++++++++++---
 people/8834.html  | 13 ++++++++++---
 people/8835.html  | 13 ++++++++++---
 people/8836.html  | 13 ++++++++++---
 people/8837.html  | 13 ++++++++++---
 people/8838.html  | 13 ++++++++++---
 people/8839.html  | 13 ++++++++++---
 people/884.html   | 13 ++++++++++---
 people/8840.html  | 13 ++++++++++---
 people/8841.html  | 13 ++++++++++---
 people/8842.html  | 13 ++++++++++---
 people/8843.html  | 13 ++++++++++---
 people/8844.html  | 13 ++++++++++---
 people/8845.html  | 13 ++++++++++---
 people/8846.html  | 13 ++++++++++---
 people/8847.html  | 13 ++++++++++---
 people/8848.html  | 13 ++++++++++---
 people/8849.html  | 13 ++++++++++---
 people/885.html   | 13 ++++++++++---
 people/8850.html  | 13 ++++++++++---
 people/8851.html  | 13 ++++++++++---
 people/8852.html  | 13 ++++++++++---
 people/8853.html  | 13 ++++++++++---
 people/8854.html  | 13 ++++++++++---
 people/8855.html  | 13 ++++++++++---
 people/8856.html  | 13 ++++++++++---
 people/8857.html  | 13 ++++++++++---
 people/8858.html  | 13 ++++++++++---
 people/8859.html  | 13 ++++++++++---
 people/886.html   | 13 ++++++++++---
 people/8860.html  | 13 ++++++++++---
 people/8861.html  | 13 ++++++++++---
 people/8862.html  | 13 ++++++++++---
 people/8863.html  | 13 ++++++++++---
 people/8864.html  | 13 ++++++++++---
 people/8865.html  | 13 ++++++++++---
 people/8866.html  | 13 ++++++++++---
 people/8867.html  | 13 ++++++++++---
 people/8868.html  | 13 ++++++++++---
 people/8869.html  | 13 ++++++++++---
 people/887.html   | 13 ++++++++++---
 people/8870.html  | 13 ++++++++++---
 people/8871.html  | 13 ++++++++++---
 people/8872.html  | 13 ++++++++++---
 people/8873.html  | 13 ++++++++++---
 people/8874.html  | 13 ++++++++++---
 people/8875.html  | 13 ++++++++++---
 people/8876.html  | 13 ++++++++++---
 people/8877.html  | 13 ++++++++++---
 people/8878.html  | 13 ++++++++++---
 people/8879.html  | 13 ++++++++++---
 people/888.html   | 13 ++++++++++---
 people/8880.html  | 13 ++++++++++---
 people/8881.html  | 13 ++++++++++---
 people/8882.html  | 13 ++++++++++---
 people/8883.html  | 13 ++++++++++---
 people/8884.html  | 13 ++++++++++---
 people/8885.html  | 13 ++++++++++---
 people/8886.html  | 13 ++++++++++---
 people/8887.html  | 13 ++++++++++---
 people/8888.html  | 13 ++++++++++---
 people/8889.html  | 13 ++++++++++---
 people/889.html   | 13 ++++++++++---
 people/8890.html  | 13 ++++++++++---
 people/8891.html  | 13 ++++++++++---
 people/8892.html  | 13 ++++++++++---
 people/8893.html  | 13 ++++++++++---
 people/8894.html  | 13 ++++++++++---
 people/8895.html  | 13 ++++++++++---
 people/8896.html  | 13 ++++++++++---
 people/8897.html  | 13 ++++++++++---
 people/8898.html  | 13 ++++++++++---
 people/8899.html  | 13 ++++++++++---
 people/89.html    | 13 ++++++++++---
 people/890.html   | 13 ++++++++++---
 people/8900.html  | 13 ++++++++++---
 people/8901.html  | 13 ++++++++++---
 people/8902.html  | 13 ++++++++++---
 people/8903.html  | 13 ++++++++++---
 people/8904.html  | 13 ++++++++++---
 people/8905.html  | 13 ++++++++++---
 people/8906.html  | 13 ++++++++++---
 people/8907.html  | 13 ++++++++++---
 people/8908.html  | 13 ++++++++++---
 people/8909.html  | 13 ++++++++++---
 people/891.html   | 13 ++++++++++---
 people/8910.html  | 13 ++++++++++---
 people/8911.html  | 13 ++++++++++---
 people/8912.html  | 13 ++++++++++---
 people/8913.html  | 13 ++++++++++---
 people/8914.html  | 13 ++++++++++---
 people/8915.html  | 13 ++++++++++---
 people/8916.html  | 13 ++++++++++---
 people/8917.html  | 13 ++++++++++---
 people/8918.html  | 13 ++++++++++---
 people/8919.html  | 13 ++++++++++---
 people/892.html   | 13 ++++++++++---
 people/8920.html  | 13 ++++++++++---
 people/8921.html  | 13 ++++++++++---
 people/8922.html  | 13 ++++++++++---
 people/8923.html  | 13 ++++++++++---
 people/8924.html  | 13 ++++++++++---
 people/8925.html  | 13 ++++++++++---
 people/8926.html  | 13 ++++++++++---
 people/8927.html  | 13 ++++++++++---
 people/8928.html  | 13 ++++++++++---
 people/8929.html  | 13 ++++++++++---
 people/893.html   | 13 ++++++++++---
 people/8930.html  | 13 ++++++++++---
 people/8931.html  | 13 ++++++++++---
 people/8932.html  | 13 ++++++++++---
 people/8933.html  | 13 ++++++++++---
 people/8934.html  | 13 ++++++++++---
 people/8935.html  | 13 ++++++++++---
 people/8936.html  | 13 ++++++++++---
 people/8937.html  | 13 ++++++++++---
 people/8938.html  | 13 ++++++++++---
 people/8939.html  | 13 ++++++++++---
 people/894.html   | 13 ++++++++++---
 people/8940.html  | 13 ++++++++++---
 people/8941.html  | 13 ++++++++++---
 people/8942.html  | 13 ++++++++++---
 people/8943.html  | 13 ++++++++++---
 people/8944.html  | 13 ++++++++++---
 people/8945.html  | 13 ++++++++++---
 people/8946.html  | 13 ++++++++++---
 people/8947.html  | 13 ++++++++++---
 people/8948.html  | 13 ++++++++++---
 people/8949.html  | 13 ++++++++++---
 people/895.html   | 13 ++++++++++---
 people/8950.html  | 13 ++++++++++---
 people/8951.html  | 13 ++++++++++---
 people/8952.html  | 13 ++++++++++---
 people/8953.html  | 13 ++++++++++---
 people/8954.html  | 13 ++++++++++---
 people/8955.html  | 13 ++++++++++---
 people/8956.html  | 13 ++++++++++---
 people/8957.html  | 13 ++++++++++---
 people/8958.html  | 13 ++++++++++---
 people/8959.html  | 13 ++++++++++---
 people/896.html   | 13 ++++++++++---
 people/8960.html  | 13 ++++++++++---
 people/8961.html  | 13 ++++++++++---
 people/8962.html  | 13 ++++++++++---
 people/8963.html  | 13 ++++++++++---
 people/8964.html  | 13 ++++++++++---
 people/8965.html  | 13 ++++++++++---
 people/8966.html  | 13 ++++++++++---
 people/8967.html  | 13 ++++++++++---
 people/8968.html  | 13 ++++++++++---
 people/8969.html  | 13 ++++++++++---
 people/897.html   | 13 ++++++++++---
 people/8970.html  | 13 ++++++++++---
 people/8971.html  | 13 ++++++++++---
 people/8972.html  | 13 ++++++++++---
 people/8973.html  | 13 ++++++++++---
 people/8974.html  | 13 ++++++++++---
 people/8975.html  | 13 ++++++++++---
 people/8976.html  | 13 ++++++++++---
 people/8977.html  | 13 ++++++++++---
 people/8978.html  | 13 ++++++++++---
 people/8979.html  | 13 ++++++++++---
 people/898.html   | 13 ++++++++++---
 people/8980.html  | 13 ++++++++++---
 people/8981.html  | 13 ++++++++++---
 people/8982.html  | 13 ++++++++++---
 people/8983.html  | 13 ++++++++++---
 people/8984.html  | 13 ++++++++++---
 people/8985.html  | 13 ++++++++++---
 people/8986.html  | 13 ++++++++++---
 people/8987.html  | 13 ++++++++++---
 people/8988.html  | 13 ++++++++++---
 people/8989.html  | 13 ++++++++++---
 people/899.html   | 13 ++++++++++---
 people/8990.html  | 13 ++++++++++---
 people/8991.html  | 13 ++++++++++---
 people/8992.html  | 13 ++++++++++---
 people/8993.html  | 13 ++++++++++---
 people/8994.html  | 13 ++++++++++---
 people/8995.html  | 13 ++++++++++---
 people/8996.html  | 13 ++++++++++---
 people/8997.html  | 13 ++++++++++---
 people/8998.html  | 13 ++++++++++---
 people/8999.html  | 13 ++++++++++---
 people/9.html     | 13 ++++++++++---
 people/90.html    | 13 ++++++++++---
 people/900.html   | 13 ++++++++++---
 people/9000.html  | 13 ++++++++++---
 people/9001.html  | 13 ++++++++++---
 people/9002.html  | 13 ++++++++++---
 people/9003.html  | 13 ++++++++++---
 people/9004.html  | 13 ++++++++++---
 people/9005.html  | 13 ++++++++++---
 people/9006.html  | 13 ++++++++++---
 people/9007.html  | 13 ++++++++++---
 people/9008.html  | 13 ++++++++++---
 people/9009.html  | 13 ++++++++++---
 people/901.html   | 13 ++++++++++---
 people/9010.html  | 13 ++++++++++---
 people/9011.html  | 13 ++++++++++---
 people/9012.html  | 13 ++++++++++---
 people/9013.html  | 13 ++++++++++---
 people/9014.html  | 13 ++++++++++---
 people/9015.html  | 13 ++++++++++---
 people/9016.html  | 13 ++++++++++---
 people/9017.html  | 13 ++++++++++---
 people/9018.html  | 13 ++++++++++---
 people/9019.html  | 13 ++++++++++---
 people/902.html   | 13 ++++++++++---
 people/9020.html  | 13 ++++++++++---
 people/9021.html  | 13 ++++++++++---
 people/9022.html  | 13 ++++++++++---
 people/9023.html  | 13 ++++++++++---
 people/9024.html  | 13 ++++++++++---
 people/9025.html  | 13 ++++++++++---
 people/9026.html  | 13 ++++++++++---
 people/9027.html  | 13 ++++++++++---
 people/9028.html  | 13 ++++++++++---
 people/9029.html  | 13 ++++++++++---
 people/903.html   | 13 ++++++++++---
 people/9030.html  | 13 ++++++++++---
 people/9031.html  | 13 ++++++++++---
 people/9032.html  | 13 ++++++++++---
 people/9033.html  | 13 ++++++++++---
 people/9034.html  | 13 ++++++++++---
 people/9035.html  | 13 ++++++++++---
 people/9036.html  | 13 ++++++++++---
 people/9037.html  | 13 ++++++++++---
 people/9038.html  | 13 ++++++++++---
 people/9039.html  | 13 ++++++++++---
 people/904.html   | 13 ++++++++++---
 people/9040.html  | 13 ++++++++++---
 people/9041.html  | 13 ++++++++++---
 people/9042.html  | 13 ++++++++++---
 people/9043.html  | 13 ++++++++++---
 people/9044.html  | 13 ++++++++++---
 people/9045.html  | 13 ++++++++++---
 people/9046.html  | 13 ++++++++++---
 people/9047.html  | 13 ++++++++++---
 people/9048.html  | 13 ++++++++++---
 people/9049.html  | 13 ++++++++++---
 people/905.html   | 13 ++++++++++---
 people/9050.html  | 13 ++++++++++---
 people/9051.html  | 13 ++++++++++---
 people/9052.html  | 13 ++++++++++---
 people/9053.html  | 13 ++++++++++---
 people/9054.html  | 13 ++++++++++---
 people/9055.html  | 13 ++++++++++---
 people/9056.html  | 13 ++++++++++---
 people/9057.html  | 13 ++++++++++---
 people/9058.html  | 13 ++++++++++---
 people/9059.html  | 13 ++++++++++---
 people/906.html   | 13 ++++++++++---
 people/9060.html  | 13 ++++++++++---
 people/9061.html  | 13 ++++++++++---
 people/9062.html  | 13 ++++++++++---
 people/9063.html  | 13 ++++++++++---
 people/9064.html  | 13 ++++++++++---
 people/9065.html  | 13 ++++++++++---
 people/9066.html  | 13 ++++++++++---
 people/9067.html  | 13 ++++++++++---
 people/9068.html  | 13 ++++++++++---
 people/9069.html  | 13 ++++++++++---
 people/907.html   | 13 ++++++++++---
 people/9070.html  | 13 ++++++++++---
 people/9071.html  | 13 ++++++++++---
 people/9072.html  | 13 ++++++++++---
 people/9073.html  | 13 ++++++++++---
 people/9074.html  | 13 ++++++++++---
 people/9075.html  | 13 ++++++++++---
 people/9076.html  | 13 ++++++++++---
 people/9077.html  | 13 ++++++++++---
 people/9078.html  | 13 ++++++++++---
 people/9079.html  | 13 ++++++++++---
 people/908.html   | 13 ++++++++++---
 people/9080.html  | 13 ++++++++++---
 people/9081.html  | 13 ++++++++++---
 people/9082.html  | 13 ++++++++++---
 people/9083.html  | 13 ++++++++++---
 people/9084.html  | 13 ++++++++++---
 people/9085.html  | 13 ++++++++++---
 people/9086.html  | 13 ++++++++++---
 people/9087.html  | 13 ++++++++++---
 people/9088.html  | 13 ++++++++++---
 people/9089.html  | 13 ++++++++++---
 people/909.html   | 13 ++++++++++---
 people/9090.html  | 13 ++++++++++---
 people/9091.html  | 13 ++++++++++---
 people/9092.html  | 13 ++++++++++---
 people/9093.html  | 13 ++++++++++---
 people/9094.html  | 13 ++++++++++---
 people/9095.html  | 13 ++++++++++---
 people/9096.html  | 13 ++++++++++---
 people/9097.html  | 13 ++++++++++---
 people/9098.html  | 13 ++++++++++---
 people/9099.html  | 13 ++++++++++---
 people/91.html    | 13 ++++++++++---
 people/910.html   | 13 ++++++++++---
 people/9100.html  | 13 ++++++++++---
 people/9101.html  | 13 ++++++++++---
 people/9102.html  | 13 ++++++++++---
 people/9103.html  | 13 ++++++++++---
 people/9104.html  | 13 ++++++++++---
 people/9105.html  | 13 ++++++++++---
 people/9106.html  | 13 ++++++++++---
 people/9107.html  | 13 ++++++++++---
 people/9108.html  | 13 ++++++++++---
 people/9109.html  | 13 ++++++++++---
 people/911.html   | 13 ++++++++++---
 people/9110.html  | 13 ++++++++++---
 people/9111.html  | 13 ++++++++++---
 people/9112.html  | 13 ++++++++++---
 people/9113.html  | 13 ++++++++++---
 people/9114.html  | 13 ++++++++++---
 people/9115.html  | 13 ++++++++++---
 people/9116.html  | 13 ++++++++++---
 people/9117.html  | 13 ++++++++++---
 people/9118.html  | 13 ++++++++++---
 people/9119.html  | 13 ++++++++++---
 people/912.html   | 13 ++++++++++---
 people/9120.html  | 13 ++++++++++---
 people/9121.html  | 13 ++++++++++---
 people/9122.html  | 13 ++++++++++---
 people/9123.html  | 13 ++++++++++---
 people/9124.html  | 13 ++++++++++---
 people/9125.html  | 13 ++++++++++---
 people/9126.html  | 13 ++++++++++---
 people/9127.html  | 13 ++++++++++---
 people/9128.html  | 13 ++++++++++---
 people/9129.html  | 13 ++++++++++---
 people/913.html   | 13 ++++++++++---
 people/9130.html  | 13 ++++++++++---
 people/9131.html  | 13 ++++++++++---
 people/9132.html  | 13 ++++++++++---
 people/9133.html  | 13 ++++++++++---
 people/9134.html  | 13 ++++++++++---
 people/9135.html  | 13 ++++++++++---
 people/9136.html  | 13 ++++++++++---
 people/9137.html  | 13 ++++++++++---
 people/9138.html  | 13 ++++++++++---
 people/9139.html  | 13 ++++++++++---
 people/914.html   | 13 ++++++++++---
 people/9140.html  | 13 ++++++++++---
 people/9141.html  | 13 ++++++++++---
 people/9142.html  | 13 ++++++++++---
 people/9143.html  | 13 ++++++++++---
 people/9144.html  | 13 ++++++++++---
 people/9145.html  | 13 ++++++++++---
 people/9146.html  | 13 ++++++++++---
 people/9147.html  | 13 ++++++++++---
 people/9148.html  | 13 ++++++++++---
 people/9149.html  | 13 ++++++++++---
 people/915.html   | 13 ++++++++++---
 people/9150.html  | 13 ++++++++++---
 people/9151.html  | 13 ++++++++++---
 people/9152.html  | 13 ++++++++++---
 people/9153.html  | 13 ++++++++++---
 people/9154.html  | 13 ++++++++++---
 people/9155.html  | 13 ++++++++++---
 people/9156.html  | 13 ++++++++++---
 people/9157.html  | 13 ++++++++++---
 people/9158.html  | 13 ++++++++++---
 people/9159.html  | 13 ++++++++++---
 people/916.html   | 13 ++++++++++---
 people/9160.html  | 13 ++++++++++---
 people/9161.html  | 13 ++++++++++---
 people/9162.html  | 13 ++++++++++---
 people/9163.html  | 13 ++++++++++---
 people/9164.html  | 13 ++++++++++---
 people/9165.html  | 13 ++++++++++---
 people/9166.html  | 13 ++++++++++---
 people/9167.html  | 13 ++++++++++---
 people/9168.html  | 13 ++++++++++---
 people/9169.html  | 13 ++++++++++---
 people/917.html   | 13 ++++++++++---
 people/9170.html  | 13 ++++++++++---
 people/9171.html  | 13 ++++++++++---
 people/9172.html  | 13 ++++++++++---
 people/9173.html  | 13 ++++++++++---
 people/9174.html  | 13 ++++++++++---
 people/9175.html  | 13 ++++++++++---
 people/9176.html  | 13 ++++++++++---
 people/9177.html  | 13 ++++++++++---
 people/9178.html  | 13 ++++++++++---
 people/9179.html  | 13 ++++++++++---
 people/918.html   | 13 ++++++++++---
 people/9180.html  | 13 ++++++++++---
 people/9181.html  | 13 ++++++++++---
 people/9182.html  | 13 ++++++++++---
 people/9183.html  | 13 ++++++++++---
 people/9184.html  | 13 ++++++++++---
 people/9185.html  | 13 ++++++++++---
 people/9186.html  | 13 ++++++++++---
 people/9187.html  | 13 ++++++++++---
 people/9188.html  | 13 ++++++++++---
 people/9189.html  | 13 ++++++++++---
 people/919.html   | 13 ++++++++++---
 people/9190.html  | 13 ++++++++++---
 people/9191.html  | 13 ++++++++++---
 people/9192.html  | 13 ++++++++++---
 people/9193.html  | 13 ++++++++++---
 people/9194.html  | 13 ++++++++++---
 people/9195.html  | 13 ++++++++++---
 people/9196.html  | 13 ++++++++++---
 people/9197.html  | 13 ++++++++++---
 people/9198.html  | 13 ++++++++++---
 people/9199.html  | 13 ++++++++++---
 people/92.html    | 13 ++++++++++---
 people/920.html   | 13 ++++++++++---
 people/9200.html  | 13 ++++++++++---
 people/9201.html  | 13 ++++++++++---
 people/9202.html  | 13 ++++++++++---
 people/9203.html  | 13 ++++++++++---
 people/9204.html  | 13 ++++++++++---
 people/9205.html  | 13 ++++++++++---
 people/9206.html  | 13 ++++++++++---
 people/9207.html  | 13 ++++++++++---
 people/9208.html  | 13 ++++++++++---
 people/9209.html  | 13 ++++++++++---
 people/921.html   | 13 ++++++++++---
 people/9210.html  | 13 ++++++++++---
 people/9211.html  | 13 ++++++++++---
 people/9212.html  | 13 ++++++++++---
 people/9213.html  | 13 ++++++++++---
 people/9214.html  | 13 ++++++++++---
 people/9215.html  | 13 ++++++++++---
 people/9216.html  | 13 ++++++++++---
 people/9217.html  | 13 ++++++++++---
 people/9218.html  | 13 ++++++++++---
 people/9219.html  | 13 ++++++++++---
 people/922.html   | 13 ++++++++++---
 people/9220.html  | 13 ++++++++++---
 people/9221.html  | 13 ++++++++++---
 people/9222.html  | 13 ++++++++++---
 people/9223.html  | 13 ++++++++++---
 people/9224.html  | 13 ++++++++++---
 people/9225.html  | 13 ++++++++++---
 people/9226.html  | 13 ++++++++++---
 people/9227.html  | 13 ++++++++++---
 people/9228.html  | 13 ++++++++++---
 people/9229.html  | 13 ++++++++++---
 people/923.html   | 13 ++++++++++---
 people/9230.html  | 13 ++++++++++---
 people/9231.html  | 13 ++++++++++---
 people/9232.html  | 13 ++++++++++---
 people/9233.html  | 13 ++++++++++---
 people/9234.html  | 13 ++++++++++---
 people/9235.html  | 13 ++++++++++---
 people/9236.html  | 13 ++++++++++---
 people/9237.html  | 13 ++++++++++---
 people/9238.html  | 13 ++++++++++---
 people/9239.html  | 13 ++++++++++---
 people/924.html   | 13 ++++++++++---
 people/9240.html  | 13 ++++++++++---
 people/9241.html  | 13 ++++++++++---
 people/9242.html  | 13 ++++++++++---
 people/9243.html  | 13 ++++++++++---
 people/9244.html  | 13 ++++++++++---
 people/9245.html  | 13 ++++++++++---
 people/9246.html  | 13 ++++++++++---
 people/9247.html  | 13 ++++++++++---
 people/9248.html  | 13 ++++++++++---
 people/9249.html  | 13 ++++++++++---
 people/925.html   | 13 ++++++++++---
 people/9250.html  | 13 ++++++++++---
 people/9251.html  | 13 ++++++++++---
 people/9252.html  | 13 ++++++++++---
 people/9253.html  | 13 ++++++++++---
 people/9254.html  | 13 ++++++++++---
 people/9255.html  | 13 ++++++++++---
 people/9256.html  | 13 ++++++++++---
 people/9257.html  | 13 ++++++++++---
 people/9258.html  | 13 ++++++++++---
 people/9259.html  | 13 ++++++++++---
 people/926.html   | 13 ++++++++++---
 people/9260.html  | 13 ++++++++++---
 people/9261.html  | 13 ++++++++++---
 people/9262.html  | 13 ++++++++++---
 people/9263.html  | 13 ++++++++++---
 people/9264.html  | 13 ++++++++++---
 people/9265.html  | 13 ++++++++++---
 people/9266.html  | 13 ++++++++++---
 people/9267.html  | 13 ++++++++++---
 people/9268.html  | 13 ++++++++++---
 people/9269.html  | 13 ++++++++++---
 people/927.html   | 13 ++++++++++---
 people/9270.html  | 13 ++++++++++---
 people/9271.html  | 13 ++++++++++---
 people/9272.html  | 13 ++++++++++---
 people/9273.html  | 13 ++++++++++---
 people/9274.html  | 13 ++++++++++---
 people/9275.html  | 13 ++++++++++---
 people/9276.html  | 13 ++++++++++---
 people/9277.html  | 13 ++++++++++---
 people/9278.html  | 13 ++++++++++---
 people/9279.html  | 13 ++++++++++---
 people/928.html   | 13 ++++++++++---
 people/9280.html  | 13 ++++++++++---
 people/9281.html  | 13 ++++++++++---
 people/9282.html  | 13 ++++++++++---
 people/9283.html  | 13 ++++++++++---
 people/9284.html  | 13 ++++++++++---
 people/9285.html  | 13 ++++++++++---
 people/9286.html  | 13 ++++++++++---
 people/9287.html  | 13 ++++++++++---
 people/9288.html  | 13 ++++++++++---
 people/9289.html  | 13 ++++++++++---
 people/929.html   | 13 ++++++++++---
 people/9290.html  | 13 ++++++++++---
 people/9291.html  | 13 ++++++++++---
 people/9292.html  | 13 ++++++++++---
 people/9293.html  | 13 ++++++++++---
 people/9294.html  | 13 ++++++++++---
 people/9295.html  | 13 ++++++++++---
 people/9296.html  | 13 ++++++++++---
 people/9297.html  | 13 ++++++++++---
 people/9298.html  | 13 ++++++++++---
 people/9299.html  | 13 ++++++++++---
 people/93.html    | 13 ++++++++++---
 people/930.html   | 13 ++++++++++---
 people/9300.html  | 13 ++++++++++---
 people/9301.html  | 13 ++++++++++---
 people/9302.html  | 13 ++++++++++---
 people/9303.html  | 13 ++++++++++---
 people/9304.html  | 13 ++++++++++---
 people/9305.html  | 13 ++++++++++---
 people/9306.html  | 13 ++++++++++---
 people/9307.html  | 13 ++++++++++---
 people/9308.html  | 13 ++++++++++---
 people/9309.html  | 13 ++++++++++---
 people/931.html   | 13 ++++++++++---
 people/9310.html  | 13 ++++++++++---
 people/9311.html  | 13 ++++++++++---
 people/9312.html  | 13 ++++++++++---
 people/9313.html  | 13 ++++++++++---
 people/9314.html  | 13 ++++++++++---
 people/9315.html  | 13 ++++++++++---
 people/9316.html  | 13 ++++++++++---
 people/9317.html  | 13 ++++++++++---
 people/9318.html  | 13 ++++++++++---
 people/9319.html  | 13 ++++++++++---
 people/932.html   | 13 ++++++++++---
 people/9320.html  | 13 ++++++++++---
 people/9321.html  | 13 ++++++++++---
 people/9322.html  | 13 ++++++++++---
 people/9323.html  | 13 ++++++++++---
 people/9324.html  | 13 ++++++++++---
 people/9325.html  | 13 ++++++++++---
 people/9326.html  | 13 ++++++++++---
 people/9327.html  | 13 ++++++++++---
 people/9328.html  | 13 ++++++++++---
 people/9329.html  | 13 ++++++++++---
 people/933.html   | 13 ++++++++++---
 people/9330.html  | 13 ++++++++++---
 people/9331.html  | 13 ++++++++++---
 people/9332.html  | 13 ++++++++++---
 people/9333.html  | 13 ++++++++++---
 people/9334.html  | 13 ++++++++++---
 people/9335.html  | 13 ++++++++++---
 people/9336.html  | 13 ++++++++++---
 people/9337.html  | 13 ++++++++++---
 people/9338.html  | 13 ++++++++++---
 people/9339.html  | 13 ++++++++++---
 people/934.html   | 13 ++++++++++---
 people/9340.html  | 13 ++++++++++---
 people/9341.html  | 13 ++++++++++---
 people/9342.html  | 13 ++++++++++---
 people/9343.html  | 13 ++++++++++---
 people/9344.html  | 13 ++++++++++---
 people/9345.html  | 13 ++++++++++---
 people/9346.html  | 13 ++++++++++---
 people/9347.html  | 13 ++++++++++---
 people/9348.html  | 13 ++++++++++---
 people/9349.html  | 13 ++++++++++---
 people/935.html   | 13 ++++++++++---
 people/9350.html  | 13 ++++++++++---
 people/9351.html  | 13 ++++++++++---
 people/9352.html  | 13 ++++++++++---
 people/9353.html  | 13 ++++++++++---
 people/9354.html  | 13 ++++++++++---
 people/9355.html  | 13 ++++++++++---
 people/9356.html  | 13 ++++++++++---
 people/9357.html  | 13 ++++++++++---
 people/9358.html  | 13 ++++++++++---
 people/9359.html  | 13 ++++++++++---
 people/936.html   | 13 ++++++++++---
 people/9360.html  | 13 ++++++++++---
 people/9361.html  | 13 ++++++++++---
 people/9362.html  | 13 ++++++++++---
 people/9363.html  | 13 ++++++++++---
 people/9364.html  | 13 ++++++++++---
 people/9365.html  | 13 ++++++++++---
 people/9366.html  | 13 ++++++++++---
 people/9367.html  | 13 ++++++++++---
 people/9368.html  | 13 ++++++++++---
 people/9369.html  | 13 ++++++++++---
 people/937.html   | 13 ++++++++++---
 people/9370.html  | 13 ++++++++++---
 people/9371.html  | 13 ++++++++++---
 people/9372.html  | 13 ++++++++++---
 people/9373.html  | 13 ++++++++++---
 people/9374.html  | 13 ++++++++++---
 people/9375.html  | 13 ++++++++++---
 people/9376.html  | 13 ++++++++++---
 people/9377.html  | 13 ++++++++++---
 people/9378.html  | 13 ++++++++++---
 people/9379.html  | 13 ++++++++++---
 people/938.html   | 13 ++++++++++---
 people/9380.html  | 13 ++++++++++---
 people/9381.html  | 13 ++++++++++---
 people/9382.html  | 13 ++++++++++---
 people/9383.html  | 13 ++++++++++---
 people/9384.html  | 13 ++++++++++---
 people/9385.html  | 13 ++++++++++---
 people/9386.html  | 13 ++++++++++---
 people/9387.html  | 13 ++++++++++---
 people/9388.html  | 13 ++++++++++---
 people/9389.html  | 13 ++++++++++---
 people/939.html   | 13 ++++++++++---
 people/9390.html  | 13 ++++++++++---
 people/9391.html  | 13 ++++++++++---
 people/9392.html  | 13 ++++++++++---
 people/9393.html  | 13 ++++++++++---
 people/9394.html  | 13 ++++++++++---
 people/9395.html  | 13 ++++++++++---
 people/9396.html  | 13 ++++++++++---
 people/9397.html  | 13 ++++++++++---
 people/9398.html  | 13 ++++++++++---
 people/9399.html  | 13 ++++++++++---
 people/94.html    | 13 ++++++++++---
 people/940.html   | 13 ++++++++++---
 people/9400.html  | 13 ++++++++++---
 people/9403.html  | 13 ++++++++++---
 people/9404.html  | 13 ++++++++++---
 people/9405.html  | 13 ++++++++++---
 people/9406.html  | 13 ++++++++++---
 people/9407.html  | 13 ++++++++++---
 people/9408.html  | 13 ++++++++++---
 people/9409.html  | 13 ++++++++++---
 people/941.html   | 13 ++++++++++---
 people/9410.html  | 13 ++++++++++---
 people/9411.html  | 13 ++++++++++---
 people/9412.html  | 13 ++++++++++---
 people/9413.html  | 13 ++++++++++---
 people/9414.html  | 13 ++++++++++---
 people/9415.html  | 13 ++++++++++---
 people/9416.html  | 13 ++++++++++---
 people/9417.html  | 13 ++++++++++---
 people/9418.html  | 13 ++++++++++---
 people/9419.html  | 13 ++++++++++---
 people/942.html   | 13 ++++++++++---
 people/9420.html  | 13 ++++++++++---
 people/9421.html  | 13 ++++++++++---
 people/9422.html  | 13 ++++++++++---
 people/9423.html  | 13 ++++++++++---
 people/9424.html  | 13 ++++++++++---
 people/9425.html  | 13 ++++++++++---
 people/9426.html  | 13 ++++++++++---
 people/9427.html  | 13 ++++++++++---
 people/9428.html  | 13 ++++++++++---
 people/9429.html  | 13 ++++++++++---
 people/943.html   | 13 ++++++++++---
 people/9430.html  | 13 ++++++++++---
 people/9431.html  | 13 ++++++++++---
 people/9432.html  | 13 ++++++++++---
 people/9433.html  | 13 ++++++++++---
 people/9434.html  | 13 ++++++++++---
 people/9435.html  | 13 ++++++++++---
 people/9436.html  | 13 ++++++++++---
 people/9437.html  | 13 ++++++++++---
 people/9438.html  | 13 ++++++++++---
 people/9439.html  | 13 ++++++++++---
 people/944.html   | 13 ++++++++++---
 people/9440.html  | 13 ++++++++++---
 people/9441.html  | 13 ++++++++++---
 people/9442.html  | 13 ++++++++++---
 people/9443.html  | 13 ++++++++++---
 people/9444.html  | 13 ++++++++++---
 people/9445.html  | 13 ++++++++++---
 people/9446.html  | 13 ++++++++++---
 people/9447.html  | 13 ++++++++++---
 people/9448.html  | 13 ++++++++++---
 people/9449.html  | 13 ++++++++++---
 people/945.html   | 13 ++++++++++---
 people/9450.html  | 13 ++++++++++---
 people/9451.html  | 13 ++++++++++---
 people/9452.html  | 13 ++++++++++---
 people/9453.html  | 13 ++++++++++---
 people/9454.html  | 13 ++++++++++---
 people/9455.html  | 13 ++++++++++---
 people/9456.html  | 13 ++++++++++---
 people/9457.html  | 13 ++++++++++---
 people/9458.html  | 13 ++++++++++---
 people/9459.html  | 13 ++++++++++---
 people/946.html   | 13 ++++++++++---
 people/9460.html  | 13 ++++++++++---
 people/9461.html  | 13 ++++++++++---
 people/9462.html  | 13 ++++++++++---
 people/9463.html  | 13 ++++++++++---
 people/9464.html  | 13 ++++++++++---
 people/9465.html  | 13 ++++++++++---
 people/9466.html  | 13 ++++++++++---
 people/9467.html  | 13 ++++++++++---
 people/9468.html  | 13 ++++++++++---
 people/9469.html  | 13 ++++++++++---
 people/947.html   | 13 ++++++++++---
 people/9470.html  | 13 ++++++++++---
 people/9471.html  | 13 ++++++++++---
 people/9472.html  | 13 ++++++++++---
 people/9473.html  | 13 ++++++++++---
 people/9474.html  | 13 ++++++++++---
 people/9475.html  | 13 ++++++++++---
 people/9476.html  | 13 ++++++++++---
 people/9477.html  | 13 ++++++++++---
 people/9478.html  | 13 ++++++++++---
 people/9479.html  | 13 ++++++++++---
 people/948.html   | 13 ++++++++++---
 people/9480.html  | 13 ++++++++++---
 people/9481.html  | 13 ++++++++++---
 people/9482.html  | 13 ++++++++++---
 people/9483.html  | 13 ++++++++++---
 people/9484.html  | 13 ++++++++++---
 people/9485.html  | 13 ++++++++++---
 people/9486.html  | 13 ++++++++++---
 people/9487.html  | 13 ++++++++++---
 people/9488.html  | 13 ++++++++++---
 people/9489.html  | 13 ++++++++++---
 people/949.html   | 13 ++++++++++---
 people/9490.html  | 13 ++++++++++---
 people/9491.html  | 13 ++++++++++---
 people/9492.html  | 13 ++++++++++---
 people/9493.html  | 13 ++++++++++---
 people/9494.html  | 13 ++++++++++---
 people/9495.html  | 13 ++++++++++---
 people/9496.html  | 13 ++++++++++---
 people/9497.html  | 13 ++++++++++---
 people/9498.html  | 13 ++++++++++---
 people/9499.html  | 13 ++++++++++---
 people/95.html    | 13 ++++++++++---
 people/950.html   | 13 ++++++++++---
 people/9500.html  | 13 ++++++++++---
 people/9501.html  | 13 ++++++++++---
 people/9502.html  | 13 ++++++++++---
 people/9503.html  | 13 ++++++++++---
 people/9504.html  | 13 ++++++++++---
 people/9505.html  | 13 ++++++++++---
 people/9506.html  | 13 ++++++++++---
 people/9507.html  | 13 ++++++++++---
 people/9508.html  | 13 ++++++++++---
 people/9509.html  | 13 ++++++++++---
 people/951.html   | 13 ++++++++++---
 people/9510.html  | 13 ++++++++++---
 people/9511.html  | 13 ++++++++++---
 people/9512.html  | 13 ++++++++++---
 people/9513.html  | 13 ++++++++++---
 people/9514.html  | 13 ++++++++++---
 people/9515.html  | 13 ++++++++++---
 people/9516.html  | 13 ++++++++++---
 people/9517.html  | 13 ++++++++++---
 people/9518.html  | 13 ++++++++++---
 people/9519.html  | 13 ++++++++++---
 people/952.html   | 13 ++++++++++---
 people/9520.html  | 13 ++++++++++---
 people/9521.html  | 13 ++++++++++---
 people/9522.html  | 13 ++++++++++---
 people/9523.html  | 13 ++++++++++---
 people/9524.html  | 13 ++++++++++---
 people/9525.html  | 13 ++++++++++---
 people/9526.html  | 13 ++++++++++---
 people/9527.html  | 13 ++++++++++---
 people/9528.html  | 13 ++++++++++---
 people/9529.html  | 13 ++++++++++---
 people/953.html   | 13 ++++++++++---
 people/9530.html  | 13 ++++++++++---
 people/9531.html  | 13 ++++++++++---
 people/9532.html  | 13 ++++++++++---
 people/9533.html  | 13 ++++++++++---
 people/9534.html  | 13 ++++++++++---
 people/9535.html  | 13 ++++++++++---
 people/9536.html  | 13 ++++++++++---
 people/9537.html  | 13 ++++++++++---
 people/9538.html  | 13 ++++++++++---
 people/9539.html  | 13 ++++++++++---
 people/954.html   | 13 ++++++++++---
 people/9540.html  | 13 ++++++++++---
 people/9541.html  | 13 ++++++++++---
 people/9542.html  | 13 ++++++++++---
 people/9543.html  | 13 ++++++++++---
 people/9544.html  | 13 ++++++++++---
 people/9545.html  | 13 ++++++++++---
 people/9546.html  | 13 ++++++++++---
 people/9547.html  | 13 ++++++++++---
 people/9548.html  | 13 ++++++++++---
 people/9549.html  | 13 ++++++++++---
 people/955.html   | 13 ++++++++++---
 people/9550.html  | 13 ++++++++++---
 people/9551.html  | 13 ++++++++++---
 people/9552.html  | 13 ++++++++++---
 people/9553.html  | 13 ++++++++++---
 people/9554.html  | 13 ++++++++++---
 people/9555.html  | 13 ++++++++++---
 people/9556.html  | 13 ++++++++++---
 people/9557.html  | 13 ++++++++++---
 people/9558.html  | 13 ++++++++++---
 people/9559.html  | 13 ++++++++++---
 people/956.html   | 13 ++++++++++---
 people/9560.html  | 13 ++++++++++---
 people/9561.html  | 13 ++++++++++---
 people/9562.html  | 13 ++++++++++---
 people/9563.html  | 13 ++++++++++---
 people/9564.html  | 13 ++++++++++---
 people/9565.html  | 13 ++++++++++---
 people/9566.html  | 13 ++++++++++---
 people/9567.html  | 13 ++++++++++---
 people/9568.html  | 13 ++++++++++---
 people/9569.html  | 13 ++++++++++---
 people/957.html   | 13 ++++++++++---
 people/9570.html  | 13 ++++++++++---
 people/9571.html  | 13 ++++++++++---
 people/9572.html  | 13 ++++++++++---
 people/9573.html  | 13 ++++++++++---
 people/9574.html  | 13 ++++++++++---
 people/9575.html  | 13 ++++++++++---
 people/9576.html  | 13 ++++++++++---
 people/9577.html  | 13 ++++++++++---
 people/9578.html  | 13 ++++++++++---
 people/9579.html  | 13 ++++++++++---
 people/958.html   | 13 ++++++++++---
 people/9580.html  | 13 ++++++++++---
 people/9581.html  | 13 ++++++++++---
 people/9582.html  | 13 ++++++++++---
 people/9583.html  | 13 ++++++++++---
 people/9584.html  | 13 ++++++++++---
 people/9585.html  | 13 ++++++++++---
 people/9586.html  | 13 ++++++++++---
 people/9587.html  | 13 ++++++++++---
 people/9588.html  | 13 ++++++++++---
 people/9589.html  | 13 ++++++++++---
 people/959.html   | 13 ++++++++++---
 people/9590.html  | 13 ++++++++++---
 people/9591.html  | 13 ++++++++++---
 people/9592.html  | 13 ++++++++++---
 people/9593.html  | 13 ++++++++++---
 people/9594.html  | 13 ++++++++++---
 people/9595.html  | 13 ++++++++++---
 people/9596.html  | 13 ++++++++++---
 people/9597.html  | 13 ++++++++++---
 people/9598.html  | 13 ++++++++++---
 people/9599.html  | 13 ++++++++++---
 people/96.html    | 13 ++++++++++---
 people/960.html   | 13 ++++++++++---
 people/9600.html  | 13 ++++++++++---
 people/9601.html  | 13 ++++++++++---
 people/9602.html  | 13 ++++++++++---
 people/9603.html  | 13 ++++++++++---
 people/9604.html  | 13 ++++++++++---
 people/9605.html  | 13 ++++++++++---
 people/9606.html  | 13 ++++++++++---
 people/9607.html  | 13 ++++++++++---
 people/9608.html  | 13 ++++++++++---
 people/9609.html  | 13 ++++++++++---
 people/961.html   | 13 ++++++++++---
 people/9610.html  | 13 ++++++++++---
 people/9611.html  | 13 ++++++++++---
 people/9612.html  | 13 ++++++++++---
 people/9613.html  | 13 ++++++++++---
 people/9614.html  | 13 ++++++++++---
 people/9615.html  | 13 ++++++++++---
 people/9616.html  | 13 ++++++++++---
 people/9617.html  | 13 ++++++++++---
 people/9618.html  | 13 ++++++++++---
 people/9619.html  | 13 ++++++++++---
 people/962.html   | 13 ++++++++++---
 people/9620.html  | 13 ++++++++++---
 people/9621.html  | 13 ++++++++++---
 people/9622.html  | 13 ++++++++++---
 people/9623.html  | 13 ++++++++++---
 people/9624.html  | 13 ++++++++++---
 people/9625.html  | 13 ++++++++++---
 people/9626.html  | 13 ++++++++++---
 people/9627.html  | 13 ++++++++++---
 people/9628.html  | 13 ++++++++++---
 people/9629.html  | 13 ++++++++++---
 people/963.html   | 13 ++++++++++---
 people/9630.html  | 13 ++++++++++---
 people/9631.html  | 13 ++++++++++---
 people/9632.html  | 13 ++++++++++---
 people/9633.html  | 13 ++++++++++---
 people/9634.html  | 13 ++++++++++---
 people/9635.html  | 13 ++++++++++---
 people/9636.html  | 13 ++++++++++---
 people/9637.html  | 13 ++++++++++---
 people/9638.html  | 13 ++++++++++---
 people/9639.html  | 13 ++++++++++---
 people/964.html   | 13 ++++++++++---
 people/9640.html  | 13 ++++++++++---
 people/9641.html  | 13 ++++++++++---
 people/9642.html  | 13 ++++++++++---
 people/9643.html  | 13 ++++++++++---
 people/9644.html  | 13 ++++++++++---
 people/9645.html  | 13 ++++++++++---
 people/9646.html  | 13 ++++++++++---
 people/9647.html  | 13 ++++++++++---
 people/9648.html  | 13 ++++++++++---
 people/9649.html  | 13 ++++++++++---
 people/965.html   | 13 ++++++++++---
 people/9650.html  | 13 ++++++++++---
 people/9651.html  | 13 ++++++++++---
 people/9652.html  | 13 ++++++++++---
 people/9653.html  | 13 ++++++++++---
 people/9654.html  | 13 ++++++++++---
 people/9655.html  | 13 ++++++++++---
 people/9656.html  | 13 ++++++++++---
 people/9657.html  | 13 ++++++++++---
 people/9658.html  | 13 ++++++++++---
 people/9659.html  | 13 ++++++++++---
 people/966.html   | 13 ++++++++++---
 people/9660.html  | 13 ++++++++++---
 people/9661.html  | 13 ++++++++++---
 people/9662.html  | 13 ++++++++++---
 people/9663.html  | 13 ++++++++++---
 people/9664.html  | 13 ++++++++++---
 people/9665.html  | 13 ++++++++++---
 people/9666.html  | 13 ++++++++++---
 people/9667.html  | 13 ++++++++++---
 people/9668.html  | 13 ++++++++++---
 people/9669.html  | 13 ++++++++++---
 people/967.html   | 13 ++++++++++---
 people/9670.html  | 13 ++++++++++---
 people/9671.html  | 13 ++++++++++---
 people/9672.html  | 13 ++++++++++---
 people/9673.html  | 13 ++++++++++---
 people/9674.html  | 13 ++++++++++---
 people/9675.html  | 13 ++++++++++---
 people/9676.html  | 13 ++++++++++---
 people/9677.html  | 13 ++++++++++---
 people/9678.html  | 13 ++++++++++---
 people/9679.html  | 13 ++++++++++---
 people/968.html   | 13 ++++++++++---
 people/9680.html  | 13 ++++++++++---
 people/9681.html  | 13 ++++++++++---
 people/9682.html  | 13 ++++++++++---
 people/9683.html  | 13 ++++++++++---
 people/9684.html  | 13 ++++++++++---
 people/9685.html  | 13 ++++++++++---
 people/9686.html  | 13 ++++++++++---
 people/9687.html  | 13 ++++++++++---
 people/9688.html  | 13 ++++++++++---
 people/9689.html  | 13 ++++++++++---
 people/969.html   | 13 ++++++++++---
 people/9690.html  | 13 ++++++++++---
 people/9691.html  | 13 ++++++++++---
 people/9692.html  | 13 ++++++++++---
 people/9693.html  | 13 ++++++++++---
 people/9694.html  | 13 ++++++++++---
 people/9695.html  | 13 ++++++++++---
 people/9696.html  | 13 ++++++++++---
 people/9697.html  | 13 ++++++++++---
 people/9698.html  | 13 ++++++++++---
 people/9699.html  | 13 ++++++++++---
 people/97.html    | 13 ++++++++++---
 people/970.html   | 13 ++++++++++---
 people/9700.html  | 13 ++++++++++---
 people/9701.html  | 13 ++++++++++---
 people/9702.html  | 13 ++++++++++---
 people/9703.html  | 13 ++++++++++---
 people/9704.html  | 13 ++++++++++---
 people/9705.html  | 13 ++++++++++---
 people/9706.html  | 13 ++++++++++---
 people/9707.html  | 13 ++++++++++---
 people/9708.html  | 13 ++++++++++---
 people/9709.html  | 13 ++++++++++---
 people/971.html   | 13 ++++++++++---
 people/9710.html  | 13 ++++++++++---
 people/9711.html  | 13 ++++++++++---
 people/9712.html  | 13 ++++++++++---
 people/9713.html  | 13 ++++++++++---
 people/9714.html  | 13 ++++++++++---
 people/9715.html  | 13 ++++++++++---
 people/9716.html  | 13 ++++++++++---
 people/9717.html  | 13 ++++++++++---
 people/9718.html  | 13 ++++++++++---
 people/9719.html  | 13 ++++++++++---
 people/972.html   | 13 ++++++++++---
 people/9720.html  | 13 ++++++++++---
 people/9721.html  | 13 ++++++++++---
 people/9722.html  | 13 ++++++++++---
 people/9723.html  | 13 ++++++++++---
 people/9724.html  | 13 ++++++++++---
 people/9725.html  | 13 ++++++++++---
 people/9726.html  | 13 ++++++++++---
 people/9727.html  | 13 ++++++++++---
 people/9728.html  | 13 ++++++++++---
 people/9729.html  | 13 ++++++++++---
 people/973.html   | 13 ++++++++++---
 people/9730.html  | 13 ++++++++++---
 people/9731.html  | 13 ++++++++++---
 people/9732.html  | 13 ++++++++++---
 people/9733.html  | 13 ++++++++++---
 people/9734.html  | 13 ++++++++++---
 people/9735.html  | 13 ++++++++++---
 people/9736.html  | 13 ++++++++++---
 people/9737.html  | 13 ++++++++++---
 people/9738.html  | 13 ++++++++++---
 people/9739.html  | 13 ++++++++++---
 people/974.html   | 13 ++++++++++---
 people/9740.html  | 13 ++++++++++---
 people/9741.html  | 13 ++++++++++---
 people/9742.html  | 13 ++++++++++---
 people/9743.html  | 13 ++++++++++---
 people/9744.html  | 13 ++++++++++---
 people/9745.html  | 13 ++++++++++---
 people/9746.html  | 13 ++++++++++---
 people/9747.html  | 13 ++++++++++---
 people/9748.html  | 13 ++++++++++---
 people/9749.html  | 13 ++++++++++---
 people/975.html   | 13 ++++++++++---
 people/9750.html  | 13 ++++++++++---
 people/9751.html  | 13 ++++++++++---
 people/9752.html  | 13 ++++++++++---
 people/9753.html  | 13 ++++++++++---
 people/9754.html  | 13 ++++++++++---
 people/9755.html  | 13 ++++++++++---
 people/9756.html  | 13 ++++++++++---
 people/9757.html  | 13 ++++++++++---
 people/9758.html  | 13 ++++++++++---
 people/9759.html  | 13 ++++++++++---
 people/976.html   | 13 ++++++++++---
 people/9760.html  | 13 ++++++++++---
 people/9761.html  | 13 ++++++++++---
 people/9762.html  | 13 ++++++++++---
 people/9763.html  | 13 ++++++++++---
 people/9764.html  | 13 ++++++++++---
 people/9765.html  | 13 ++++++++++---
 people/9766.html  | 13 ++++++++++---
 people/9767.html  | 13 ++++++++++---
 people/9768.html  | 13 ++++++++++---
 people/9769.html  | 13 ++++++++++---
 people/977.html   | 13 ++++++++++---
 people/9770.html  | 13 ++++++++++---
 people/9771.html  | 13 ++++++++++---
 people/9772.html  | 13 ++++++++++---
 people/9773.html  | 13 ++++++++++---
 people/9774.html  | 13 ++++++++++---
 people/9775.html  | 13 ++++++++++---
 people/9776.html  | 13 ++++++++++---
 people/9777.html  | 13 ++++++++++---
 people/9778.html  | 13 ++++++++++---
 people/9779.html  | 13 ++++++++++---
 people/978.html   | 13 ++++++++++---
 people/9780.html  | 13 ++++++++++---
 people/9781.html  | 13 ++++++++++---
 people/9782.html  | 13 ++++++++++---
 people/9783.html  | 13 ++++++++++---
 people/9784.html  | 13 ++++++++++---
 people/9785.html  | 13 ++++++++++---
 people/9786.html  | 13 ++++++++++---
 people/9787.html  | 13 ++++++++++---
 people/9788.html  | 13 ++++++++++---
 people/9789.html  | 13 ++++++++++---
 people/979.html   | 13 ++++++++++---
 people/9790.html  | 13 ++++++++++---
 people/9791.html  | 13 ++++++++++---
 people/9792.html  | 13 ++++++++++---
 people/9793.html  | 13 ++++++++++---
 people/9794.html  | 13 ++++++++++---
 people/9795.html  | 13 ++++++++++---
 people/9796.html  | 13 ++++++++++---
 people/9797.html  | 13 ++++++++++---
 people/9798.html  | 13 ++++++++++---
 people/9799.html  | 13 ++++++++++---
 people/98.html    | 13 ++++++++++---
 people/980.html   | 13 ++++++++++---
 people/9800.html  | 13 ++++++++++---
 people/9801.html  | 13 ++++++++++---
 people/9802.html  | 13 ++++++++++---
 people/9803.html  | 13 ++++++++++---
 people/9804.html  | 13 ++++++++++---
 people/9805.html  | 13 ++++++++++---
 people/9806.html  | 13 ++++++++++---
 people/9807.html  | 13 ++++++++++---
 people/9808.html  | 13 ++++++++++---
 people/9809.html  | 13 ++++++++++---
 people/981.html   | 13 ++++++++++---
 people/9810.html  | 13 ++++++++++---
 people/9811.html  | 13 ++++++++++---
 people/9812.html  | 13 ++++++++++---
 people/9813.html  | 13 ++++++++++---
 people/9814.html  | 13 ++++++++++---
 people/9815.html  | 13 ++++++++++---
 people/9816.html  | 13 ++++++++++---
 people/9817.html  | 13 ++++++++++---
 people/9818.html  | 13 ++++++++++---
 people/9819.html  | 13 ++++++++++---
 people/982.html   | 13 ++++++++++---
 people/9820.html  | 13 ++++++++++---
 people/9821.html  | 13 ++++++++++---
 people/9822.html  | 13 ++++++++++---
 people/9823.html  | 13 ++++++++++---
 people/9824.html  | 13 ++++++++++---
 people/9825.html  | 13 ++++++++++---
 people/9826.html  | 13 ++++++++++---
 people/9827.html  | 13 ++++++++++---
 people/9828.html  | 13 ++++++++++---
 people/9829.html  | 13 ++++++++++---
 people/983.html   | 13 ++++++++++---
 people/9830.html  | 13 ++++++++++---
 people/9831.html  | 13 ++++++++++---
 people/9832.html  | 13 ++++++++++---
 people/9833.html  | 13 ++++++++++---
 people/9834.html  | 13 ++++++++++---
 people/9835.html  | 13 ++++++++++---
 people/9836.html  | 13 ++++++++++---
 people/9837.html  | 13 ++++++++++---
 people/9838.html  | 13 ++++++++++---
 people/9839.html  | 13 ++++++++++---
 people/984.html   | 13 ++++++++++---
 people/9840.html  | 13 ++++++++++---
 people/9841.html  | 13 ++++++++++---
 people/9842.html  | 13 ++++++++++---
 people/9843.html  | 13 ++++++++++---
 people/9844.html  | 13 ++++++++++---
 people/9845.html  | 13 ++++++++++---
 people/9846.html  | 13 ++++++++++---
 people/9847.html  | 13 ++++++++++---
 people/9848.html  | 13 ++++++++++---
 people/9849.html  | 13 ++++++++++---
 people/985.html   | 13 ++++++++++---
 people/9850.html  | 13 ++++++++++---
 people/9851.html  | 13 ++++++++++---
 people/9852.html  | 13 ++++++++++---
 people/9853.html  | 13 ++++++++++---
 people/9854.html  | 13 ++++++++++---
 people/9855.html  | 13 ++++++++++---
 people/9856.html  | 13 ++++++++++---
 people/9857.html  | 13 ++++++++++---
 people/9858.html  | 13 ++++++++++---
 people/9859.html  | 13 ++++++++++---
 people/986.html   | 13 ++++++++++---
 people/9860.html  | 13 ++++++++++---
 people/9861.html  | 13 ++++++++++---
 people/9862.html  | 13 ++++++++++---
 people/9863.html  | 13 ++++++++++---
 people/9864.html  | 13 ++++++++++---
 people/9865.html  | 13 ++++++++++---
 people/9866.html  | 13 ++++++++++---
 people/9867.html  | 13 ++++++++++---
 people/9868.html  | 13 ++++++++++---
 people/9869.html  | 13 ++++++++++---
 people/987.html   | 13 ++++++++++---
 people/9870.html  | 13 ++++++++++---
 people/9871.html  | 13 ++++++++++---
 people/9872.html  | 13 ++++++++++---
 people/9873.html  | 13 ++++++++++---
 people/9874.html  | 13 ++++++++++---
 people/9875.html  | 13 ++++++++++---
 people/9876.html  | 13 ++++++++++---
 people/9877.html  | 13 ++++++++++---
 people/9878.html  | 13 ++++++++++---
 people/9879.html  | 13 ++++++++++---
 people/988.html   | 13 ++++++++++---
 people/9880.html  | 13 ++++++++++---
 people/9881.html  | 13 ++++++++++---
 people/9882.html  | 13 ++++++++++---
 people/9883.html  | 13 ++++++++++---
 people/9884.html  | 13 ++++++++++---
 people/9885.html  | 13 ++++++++++---
 people/9886.html  | 13 ++++++++++---
 people/9887.html  | 13 ++++++++++---
 people/9888.html  | 13 ++++++++++---
 people/9889.html  | 13 ++++++++++---
 people/989.html   | 13 ++++++++++---
 people/9890.html  | 13 ++++++++++---
 people/9891.html  | 13 ++++++++++---
 people/9892.html  | 13 ++++++++++---
 people/9893.html  | 13 ++++++++++---
 people/9894.html  | 13 ++++++++++---
 people/9895.html  | 13 ++++++++++---
 people/9896.html  | 13 ++++++++++---
 people/9897.html  | 13 ++++++++++---
 people/9898.html  | 13 ++++++++++---
 people/9899.html  | 13 ++++++++++---
 people/99.html    | 13 ++++++++++---
 people/990.html   | 13 ++++++++++---
 people/9900.html  | 13 ++++++++++---
 people/9901.html  | 13 ++++++++++---
 people/9902.html  | 13 ++++++++++---
 people/9903.html  | 13 ++++++++++---
 people/9904.html  | 13 ++++++++++---
 people/9905.html  | 13 ++++++++++---
 people/9906.html  | 13 ++++++++++---
 people/9907.html  | 13 ++++++++++---
 people/9908.html  | 13 ++++++++++---
 people/9909.html  | 13 ++++++++++---
 people/991.html   | 13 ++++++++++---
 people/9910.html  | 13 ++++++++++---
 people/9911.html  | 13 ++++++++++---
 people/9912.html  | 13 ++++++++++---
 people/9913.html  | 13 ++++++++++---
 people/9914.html  | 13 ++++++++++---
 people/9915.html  | 13 ++++++++++---
 people/9916.html  | 13 ++++++++++---
 people/9917.html  | 13 ++++++++++---
 people/9918.html  | 13 ++++++++++---
 people/9919.html  | 13 ++++++++++---
 people/992.html   | 13 ++++++++++---
 people/9920.html  | 13 ++++++++++---
 people/9921.html  | 13 ++++++++++---
 people/9922.html  | 13 ++++++++++---
 people/9923.html  | 13 ++++++++++---
 people/9924.html  | 13 ++++++++++---
 people/9925.html  | 13 ++++++++++---
 people/9926.html  | 13 ++++++++++---
 people/9927.html  | 13 ++++++++++---
 people/9928.html  | 13 ++++++++++---
 people/9929.html  | 13 ++++++++++---
 people/993.html   | 13 ++++++++++---
 people/9930.html  | 13 ++++++++++---
 people/9931.html  | 13 ++++++++++---
 people/9932.html  | 13 ++++++++++---
 people/9933.html  | 13 ++++++++++---
 people/9934.html  | 13 ++++++++++---
 people/9935.html  | 13 ++++++++++---
 people/9936.html  | 13 ++++++++++---
 people/9937.html  | 13 ++++++++++---
 people/9938.html  | 13 ++++++++++---
 people/9939.html  | 13 ++++++++++---
 people/994.html   | 13 ++++++++++---
 people/9940.html  | 13 ++++++++++---
 people/9941.html  | 13 ++++++++++---
 people/9942.html  | 13 ++++++++++---
 people/9943.html  | 13 ++++++++++---
 people/9944.html  | 13 ++++++++++---
 people/9945.html  | 13 ++++++++++---
 people/9946.html  | 13 ++++++++++---
 people/9947.html  | 13 ++++++++++---
 people/9948.html  | 13 ++++++++++---
 people/9949.html  | 13 ++++++++++---
 people/995.html   | 13 ++++++++++---
 people/9950.html  | 13 ++++++++++---
 people/9951.html  | 13 ++++++++++---
 people/9952.html  | 13 ++++++++++---
 people/9953.html  | 13 ++++++++++---
 people/9954.html  | 13 ++++++++++---
 people/9955.html  | 13 ++++++++++---
 people/9956.html  | 13 ++++++++++---
 people/9957.html  | 13 ++++++++++---
 people/9958.html  | 13 ++++++++++---
 people/9959.html  | 13 ++++++++++---
 people/996.html   | 13 ++++++++++---
 people/9960.html  | 13 ++++++++++---
 people/9961.html  | 13 ++++++++++---
 people/9962.html  | 13 ++++++++++---
 people/9963.html  | 13 ++++++++++---
 people/9964.html  | 13 ++++++++++---
 people/9965.html  | 13 ++++++++++---
 people/9966.html  | 13 ++++++++++---
 people/9967.html  | 13 ++++++++++---
 people/9968.html  | 13 ++++++++++---
 people/9969.html  | 13 ++++++++++---
 people/997.html   | 13 ++++++++++---
 people/9970.html  | 13 ++++++++++---
 people/9971.html  | 13 ++++++++++---
 people/9972.html  | 13 ++++++++++---
 people/9973.html  | 13 ++++++++++---
 people/9974.html  | 13 ++++++++++---
 people/9975.html  | 13 ++++++++++---
 people/9976.html  | 13 ++++++++++---
 people/9977.html  | 13 ++++++++++---
 people/9978.html  | 13 ++++++++++---
 people/9979.html  | 13 ++++++++++---
 people/998.html   | 13 ++++++++++---
 people/9980.html  | 13 ++++++++++---
 people/9981.html  | 13 ++++++++++---
 people/9982.html  | 13 ++++++++++---
 people/9983.html  | 13 ++++++++++---
 people/9984.html  | 13 ++++++++++---
 people/9985.html  | 13 ++++++++++---
 people/9986.html  | 13 ++++++++++---
 people/9987.html  | 13 ++++++++++---
 people/9988.html  | 13 ++++++++++---
 people/9989.html  | 13 ++++++++++---
 people/999.html   | 13 ++++++++++---
 people/9990.html  | 13 ++++++++++---
 people/9991.html  | 13 ++++++++++---
 people/9992.html  | 13 ++++++++++---
 people/9993.html  | 13 ++++++++++---
 people/9994.html  | 13 ++++++++++---
 people/9995.html  | 13 ++++++++++---
 people/9996.html  | 13 ++++++++++---
 people/9997.html  | 13 ++++++++++---
 people/9998.html  | 13 ++++++++++---
 people/9999.html  | 13 ++++++++++---
 21542 files changed, 215420 insertions(+), 64626 deletions(-)

(limited to 'people')

diff --git a/people/1.html b/people/1.html
index 83aa391a..0852b5bf 100644
--- a/people/1.html
+++ b/people/1.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10.html b/people/10.html
index 4160ffb3..9fe70ae2 100644
--- a/people/10.html
+++ b/people/10.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/100.html b/people/100.html
index 912d4979..396a241c 100644
--- a/people/100.html
+++ b/people/100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1000.html b/people/1000.html
index d0afc9c2..20c1aa5a 100644
--- a/people/1000.html
+++ b/people/1000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10000.html b/people/10000.html
index 87f7abbe..6ca77c1b 100644
--- a/people/10000.html
+++ b/people/10000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10001.html b/people/10001.html
index 71e030df..ef4bdbca 100644
--- a/people/10001.html
+++ b/people/10001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10002.html b/people/10002.html
index ee406f0c..2bb19150 100644
--- a/people/10002.html
+++ b/people/10002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10003.html b/people/10003.html
index 6a208efe..f303ddb8 100644
--- a/people/10003.html
+++ b/people/10003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10004.html b/people/10004.html
index 197e3e92..44040b64 100644
--- a/people/10004.html
+++ b/people/10004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10005.html b/people/10005.html
index a6b5df7d..123bed71 100644
--- a/people/10005.html
+++ b/people/10005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10006.html b/people/10006.html
index f5c62879..95c974c0 100644
--- a/people/10006.html
+++ b/people/10006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10007.html b/people/10007.html
index f44823a6..f43c8964 100644
--- a/people/10007.html
+++ b/people/10007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10008.html b/people/10008.html
index 9a9b23e4..8ea60553 100644
--- a/people/10008.html
+++ b/people/10008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10009.html b/people/10009.html
index c90bf4b9..686aa3fc 100644
--- a/people/10009.html
+++ b/people/10009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1001.html b/people/1001.html
index ff6814bd..9de05c17 100644
--- a/people/1001.html
+++ b/people/1001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10010.html b/people/10010.html
index c2625922..d0ed529e 100644
--- a/people/10010.html
+++ b/people/10010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10011.html b/people/10011.html
index 570c7a33..1a30be0a 100644
--- a/people/10011.html
+++ b/people/10011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10012.html b/people/10012.html
index 76c009f4..a877a33f 100644
--- a/people/10012.html
+++ b/people/10012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10013.html b/people/10013.html
index d8c1a8e3..53ef484f 100644
--- a/people/10013.html
+++ b/people/10013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10014.html b/people/10014.html
index 0db0b2ec..f6a3a239 100644
--- a/people/10014.html
+++ b/people/10014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10015.html b/people/10015.html
index 35cc1dd6..ae30c280 100644
--- a/people/10015.html
+++ b/people/10015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10016.html b/people/10016.html
index fb51588b..cd736e4e 100644
--- a/people/10016.html
+++ b/people/10016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10017.html b/people/10017.html
index e42c60f1..99c78c21 100644
--- a/people/10017.html
+++ b/people/10017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10018.html b/people/10018.html
index ebac15ef..76612d2c 100644
--- a/people/10018.html
+++ b/people/10018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10019.html b/people/10019.html
index 57c8f51a..1419e599 100644
--- a/people/10019.html
+++ b/people/10019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1002.html b/people/1002.html
index 99ff89fd..90aeed02 100644
--- a/people/1002.html
+++ b/people/1002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10020.html b/people/10020.html
index 927ba3d6..1a6b6cde 100644
--- a/people/10020.html
+++ b/people/10020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10021.html b/people/10021.html
index 185b7d76..1af555d9 100644
--- a/people/10021.html
+++ b/people/10021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10022.html b/people/10022.html
index 535a0ab2..da21a5c6 100644
--- a/people/10022.html
+++ b/people/10022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10023.html b/people/10023.html
index 91c89af0..be56b982 100644
--- a/people/10023.html
+++ b/people/10023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10024.html b/people/10024.html
index 4f56d542..518dac10 100644
--- a/people/10024.html
+++ b/people/10024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10025.html b/people/10025.html
index 505305b8..388db417 100644
--- a/people/10025.html
+++ b/people/10025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10026.html b/people/10026.html
index c9c87487..bd7b4385 100644
--- a/people/10026.html
+++ b/people/10026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10027.html b/people/10027.html
index 719604f2..995432fb 100644
--- a/people/10027.html
+++ b/people/10027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10028.html b/people/10028.html
index 68b40503..2365af61 100644
--- a/people/10028.html
+++ b/people/10028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10029.html b/people/10029.html
index 8bd41d36..33b3ea73 100644
--- a/people/10029.html
+++ b/people/10029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1003.html b/people/1003.html
index 843d8cac..aeef1487 100644
--- a/people/1003.html
+++ b/people/1003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10030.html b/people/10030.html
index 35c33efd..18c73a7c 100644
--- a/people/10030.html
+++ b/people/10030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10031.html b/people/10031.html
index 23683721..f7c69c62 100644
--- a/people/10031.html
+++ b/people/10031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10032.html b/people/10032.html
index 14b345ab..c5110dd6 100644
--- a/people/10032.html
+++ b/people/10032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10033.html b/people/10033.html
index 3ff6ccc0..79644170 100644
--- a/people/10033.html
+++ b/people/10033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10034.html b/people/10034.html
index 176ff306..c25db263 100644
--- a/people/10034.html
+++ b/people/10034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10035.html b/people/10035.html
index 67feb5ab..ece62868 100644
--- a/people/10035.html
+++ b/people/10035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10036.html b/people/10036.html
index 4ff4b8dc..cd0c77e4 100644
--- a/people/10036.html
+++ b/people/10036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10037.html b/people/10037.html
index 447be6aa..8fca352a 100644
--- a/people/10037.html
+++ b/people/10037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10038.html b/people/10038.html
index 0c0234c6..10eace0d 100644
--- a/people/10038.html
+++ b/people/10038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10039.html b/people/10039.html
index 283ba1d4..384beda0 100644
--- a/people/10039.html
+++ b/people/10039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1004.html b/people/1004.html
index dd2c8045..ea5d139c 100644
--- a/people/1004.html
+++ b/people/1004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10040.html b/people/10040.html
index c0273a8d..8834dd33 100644
--- a/people/10040.html
+++ b/people/10040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10041.html b/people/10041.html
index 952e2194..3692d4aa 100644
--- a/people/10041.html
+++ b/people/10041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10042.html b/people/10042.html
index 99a6f498..35238761 100644
--- a/people/10042.html
+++ b/people/10042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10043.html b/people/10043.html
index b56f900c..b7773488 100644
--- a/people/10043.html
+++ b/people/10043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10044.html b/people/10044.html
index 699e2c55..d0135783 100644
--- a/people/10044.html
+++ b/people/10044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10045.html b/people/10045.html
index 40407acd..0a0bc9a9 100644
--- a/people/10045.html
+++ b/people/10045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10046.html b/people/10046.html
index 0d9247d8..cd0691ad 100644
--- a/people/10046.html
+++ b/people/10046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10047.html b/people/10047.html
index f03fbf9c..1748f0ab 100644
--- a/people/10047.html
+++ b/people/10047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10048.html b/people/10048.html
index 1962bcfb..a82ba562 100644
--- a/people/10048.html
+++ b/people/10048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1005.html b/people/1005.html
index c609d880..9509609e 100644
--- a/people/1005.html
+++ b/people/1005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10050.html b/people/10050.html
index a3b79d7a..5f18fc00 100644
--- a/people/10050.html
+++ b/people/10050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10051.html b/people/10051.html
index 44240e5b..97a5884e 100644
--- a/people/10051.html
+++ b/people/10051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10052.html b/people/10052.html
index bc880f2f..414e0af2 100644
--- a/people/10052.html
+++ b/people/10052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10053.html b/people/10053.html
index 6785de59..80919140 100644
--- a/people/10053.html
+++ b/people/10053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10054.html b/people/10054.html
index 8c21a716..247b31ef 100644
--- a/people/10054.html
+++ b/people/10054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10055.html b/people/10055.html
index 0e58eac7..26e5aa22 100644
--- a/people/10055.html
+++ b/people/10055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10056.html b/people/10056.html
index 854ff07b..0242c137 100644
--- a/people/10056.html
+++ b/people/10056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10057.html b/people/10057.html
index 5bd50480..ae13caf3 100644
--- a/people/10057.html
+++ b/people/10057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10058.html b/people/10058.html
index a5e7b05e..722d5010 100644
--- a/people/10058.html
+++ b/people/10058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10059.html b/people/10059.html
index f1179016..946df435 100644
--- a/people/10059.html
+++ b/people/10059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1006.html b/people/1006.html
index 6b0266b2..488afaa4 100644
--- a/people/1006.html
+++ b/people/1006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10060.html b/people/10060.html
index 9ed05f94..f5cf87e5 100644
--- a/people/10060.html
+++ b/people/10060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10061.html b/people/10061.html
index 1a3085a6..7890c720 100644
--- a/people/10061.html
+++ b/people/10061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10062.html b/people/10062.html
index 213474f5..5c701acc 100644
--- a/people/10062.html
+++ b/people/10062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10063.html b/people/10063.html
index 916578a4..cfe2a300 100644
--- a/people/10063.html
+++ b/people/10063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10064.html b/people/10064.html
index 3fdd06ee..05248a6b 100644
--- a/people/10064.html
+++ b/people/10064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10065.html b/people/10065.html
index 3d831dbe..fb79227b 100644
--- a/people/10065.html
+++ b/people/10065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10066.html b/people/10066.html
index 1bce0a6b..3d80c5ad 100644
--- a/people/10066.html
+++ b/people/10066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10067.html b/people/10067.html
index 4d1941ee..1cac608c 100644
--- a/people/10067.html
+++ b/people/10067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10068.html b/people/10068.html
index eb27b72f..893ee9e7 100644
--- a/people/10068.html
+++ b/people/10068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10069.html b/people/10069.html
index 0124bee5..de9a42ca 100644
--- a/people/10069.html
+++ b/people/10069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1007.html b/people/1007.html
index 41f9e8d1..0c2f0bc1 100644
--- a/people/1007.html
+++ b/people/1007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10070.html b/people/10070.html
index 168f1664..46f0a164 100644
--- a/people/10070.html
+++ b/people/10070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10071.html b/people/10071.html
index a7d37525..ecf78aca 100644
--- a/people/10071.html
+++ b/people/10071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10072.html b/people/10072.html
index 2f6c078b..f0698de1 100644
--- a/people/10072.html
+++ b/people/10072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10073.html b/people/10073.html
index 2c4717cb..be8bbf88 100644
--- a/people/10073.html
+++ b/people/10073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10074.html b/people/10074.html
index 1f4477af..5e7a37fd 100644
--- a/people/10074.html
+++ b/people/10074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10075.html b/people/10075.html
index 33726135..e4308414 100644
--- a/people/10075.html
+++ b/people/10075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10076.html b/people/10076.html
index 6fd121fe..7984f605 100644
--- a/people/10076.html
+++ b/people/10076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10077.html b/people/10077.html
index 7605c43d..8ca4b29c 100644
--- a/people/10077.html
+++ b/people/10077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10078.html b/people/10078.html
index 39e87ecf..0c351f17 100644
--- a/people/10078.html
+++ b/people/10078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10079.html b/people/10079.html
index aeb0cb77..a6ffaeee 100644
--- a/people/10079.html
+++ b/people/10079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1008.html b/people/1008.html
index 8f0bca72..d10e78b4 100644
--- a/people/1008.html
+++ b/people/1008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10080.html b/people/10080.html
index 73666e10..175156bf 100644
--- a/people/10080.html
+++ b/people/10080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10081.html b/people/10081.html
index 4ee62948..07cf67e5 100644
--- a/people/10081.html
+++ b/people/10081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10082.html b/people/10082.html
index 69cee689..71c7c9bf 100644
--- a/people/10082.html
+++ b/people/10082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10083.html b/people/10083.html
index c62ef2a8..39d91452 100644
--- a/people/10083.html
+++ b/people/10083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10084.html b/people/10084.html
index 25492d75..a119c191 100644
--- a/people/10084.html
+++ b/people/10084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10085.html b/people/10085.html
index 845a8e22..fc38210b 100644
--- a/people/10085.html
+++ b/people/10085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10086.html b/people/10086.html
index 4666443c..03ea426d 100644
--- a/people/10086.html
+++ b/people/10086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10087.html b/people/10087.html
index cb6bb2ac..2388a697 100644
--- a/people/10087.html
+++ b/people/10087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10088.html b/people/10088.html
index f7615966..eda47b58 100644
--- a/people/10088.html
+++ b/people/10088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10089.html b/people/10089.html
index 24b7cf1f..af10a7c1 100644
--- a/people/10089.html
+++ b/people/10089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1009.html b/people/1009.html
index 594a1d13..23648d23 100644
--- a/people/1009.html
+++ b/people/1009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10090.html b/people/10090.html
index 20be2c93..d5eac99d 100644
--- a/people/10090.html
+++ b/people/10090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10091.html b/people/10091.html
index e39fab14..9956a2d9 100644
--- a/people/10091.html
+++ b/people/10091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10092.html b/people/10092.html
index 7e08bdbc..985b956d 100644
--- a/people/10092.html
+++ b/people/10092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10093.html b/people/10093.html
index 3603bbee..19f55d5c 100644
--- a/people/10093.html
+++ b/people/10093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10094.html b/people/10094.html
index 6b1c686e..51b301b5 100644
--- a/people/10094.html
+++ b/people/10094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10095.html b/people/10095.html
index 2a0b05a9..ed1f17e7 100644
--- a/people/10095.html
+++ b/people/10095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10096.html b/people/10096.html
index a4da11f5..175bcf17 100644
--- a/people/10096.html
+++ b/people/10096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10097.html b/people/10097.html
index ea2ee427..edeb2832 100644
--- a/people/10097.html
+++ b/people/10097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10098.html b/people/10098.html
index 96027c5d..3257c57c 100644
--- a/people/10098.html
+++ b/people/10098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10099.html b/people/10099.html
index 4f38d5bb..d88d0986 100644
--- a/people/10099.html
+++ b/people/10099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/101.html b/people/101.html
index 438b9121..2447c0a5 100644
--- a/people/101.html
+++ b/people/101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1010.html b/people/1010.html
index fa3b8caf..14f21920 100644
--- a/people/1010.html
+++ b/people/1010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10100.html b/people/10100.html
index 3f4444cf..a93ac04e 100644
--- a/people/10100.html
+++ b/people/10100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10101.html b/people/10101.html
index 8ead4a2b..e83032b3 100644
--- a/people/10101.html
+++ b/people/10101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10102.html b/people/10102.html
index 70176c68..40809936 100644
--- a/people/10102.html
+++ b/people/10102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10103.html b/people/10103.html
index 851b7ea8..9db001e7 100644
--- a/people/10103.html
+++ b/people/10103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10104.html b/people/10104.html
index 37f96e43..365e896d 100644
--- a/people/10104.html
+++ b/people/10104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10105.html b/people/10105.html
index 1564bbdb..a33f0f97 100644
--- a/people/10105.html
+++ b/people/10105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10106.html b/people/10106.html
index 2edca770..1a61d032 100644
--- a/people/10106.html
+++ b/people/10106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10107.html b/people/10107.html
index 48d72a23..8ae97cf6 100644
--- a/people/10107.html
+++ b/people/10107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10108.html b/people/10108.html
index af4073c8..2002d898 100644
--- a/people/10108.html
+++ b/people/10108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10109.html b/people/10109.html
index ace52596..c6aa0004 100644
--- a/people/10109.html
+++ b/people/10109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1011.html b/people/1011.html
index f070df93..3e9f4096 100644
--- a/people/1011.html
+++ b/people/1011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10110.html b/people/10110.html
index a2f88b09..8d470e73 100644
--- a/people/10110.html
+++ b/people/10110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10111.html b/people/10111.html
index 364403e2..6f748415 100644
--- a/people/10111.html
+++ b/people/10111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10112.html b/people/10112.html
index 4911281e..05027a27 100644
--- a/people/10112.html
+++ b/people/10112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10113.html b/people/10113.html
index 12baef4e..f2841b6a 100644
--- a/people/10113.html
+++ b/people/10113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10114.html b/people/10114.html
index 251f71ea..c350a6b7 100644
--- a/people/10114.html
+++ b/people/10114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10115.html b/people/10115.html
index 8de029d5..9a0aabee 100644
--- a/people/10115.html
+++ b/people/10115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10116.html b/people/10116.html
index f2919e05..86541307 100644
--- a/people/10116.html
+++ b/people/10116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10117.html b/people/10117.html
index 5982c77c..aa69e881 100644
--- a/people/10117.html
+++ b/people/10117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10118.html b/people/10118.html
index 905db5ce..d65a1a5c 100644
--- a/people/10118.html
+++ b/people/10118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10119.html b/people/10119.html
index f2d94e53..d63bbb9a 100644
--- a/people/10119.html
+++ b/people/10119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1012.html b/people/1012.html
index 6f18f7b1..f54e7a68 100644
--- a/people/1012.html
+++ b/people/1012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10120.html b/people/10120.html
index 3d4c6f43..adc83a63 100644
--- a/people/10120.html
+++ b/people/10120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10121.html b/people/10121.html
index 10701619..0c9f1fe2 100644
--- a/people/10121.html
+++ b/people/10121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10122.html b/people/10122.html
index d9756e8d..62f3bd92 100644
--- a/people/10122.html
+++ b/people/10122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10123.html b/people/10123.html
index c36ea6b4..ec8441de 100644
--- a/people/10123.html
+++ b/people/10123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10124.html b/people/10124.html
index 0eb01749..c756d125 100644
--- a/people/10124.html
+++ b/people/10124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10125.html b/people/10125.html
index 99a41967..3eb20a62 100644
--- a/people/10125.html
+++ b/people/10125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10126.html b/people/10126.html
index 9dcf7bd7..891d18ec 100644
--- a/people/10126.html
+++ b/people/10126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10127.html b/people/10127.html
index 7ddeba0e..13da207f 100644
--- a/people/10127.html
+++ b/people/10127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10128.html b/people/10128.html
index c6f20ce7..74af5d85 100644
--- a/people/10128.html
+++ b/people/10128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10129.html b/people/10129.html
index 7f8807a7..3165e1ba 100644
--- a/people/10129.html
+++ b/people/10129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1013.html b/people/1013.html
index 690f9fe8..875768dc 100644
--- a/people/1013.html
+++ b/people/1013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10130.html b/people/10130.html
index be04ddec..f9aac28f 100644
--- a/people/10130.html
+++ b/people/10130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10131.html b/people/10131.html
index c9673d3d..a617a172 100644
--- a/people/10131.html
+++ b/people/10131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10132.html b/people/10132.html
index e95d1442..af6b8259 100644
--- a/people/10132.html
+++ b/people/10132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10133.html b/people/10133.html
index 3404e021..cba1c387 100644
--- a/people/10133.html
+++ b/people/10133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10134.html b/people/10134.html
index 9abbc3b6..17b93e85 100644
--- a/people/10134.html
+++ b/people/10134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10135.html b/people/10135.html
index afcda537..9497ff35 100644
--- a/people/10135.html
+++ b/people/10135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10136.html b/people/10136.html
index f3d103f4..3c273e0c 100644
--- a/people/10136.html
+++ b/people/10136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10137.html b/people/10137.html
index b9e5d65a..31166828 100644
--- a/people/10137.html
+++ b/people/10137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10138.html b/people/10138.html
index 2060cbeb..d645bd94 100644
--- a/people/10138.html
+++ b/people/10138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10139.html b/people/10139.html
index f319aa1f..6257eb53 100644
--- a/people/10139.html
+++ b/people/10139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1014.html b/people/1014.html
index a90adeea..c87f3439 100644
--- a/people/1014.html
+++ b/people/1014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10140.html b/people/10140.html
index 4a48a198..43a50ff4 100644
--- a/people/10140.html
+++ b/people/10140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10141.html b/people/10141.html
index b3bfe5f6..84025d72 100644
--- a/people/10141.html
+++ b/people/10141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10142.html b/people/10142.html
index 091af80d..ba7800ee 100644
--- a/people/10142.html
+++ b/people/10142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10143.html b/people/10143.html
index 8b20eac1..4879597a 100644
--- a/people/10143.html
+++ b/people/10143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10144.html b/people/10144.html
index 6a6ff01c..6ca56a3e 100644
--- a/people/10144.html
+++ b/people/10144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10145.html b/people/10145.html
index a5371a7b..39baf1a7 100644
--- a/people/10145.html
+++ b/people/10145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10146.html b/people/10146.html
index da626221..1bffe06f 100644
--- a/people/10146.html
+++ b/people/10146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10147.html b/people/10147.html
index 6f6eb68a..42abc985 100644
--- a/people/10147.html
+++ b/people/10147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10148.html b/people/10148.html
index 85681c2e..0577c539 100644
--- a/people/10148.html
+++ b/people/10148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10149.html b/people/10149.html
index f81852e8..fc95e789 100644
--- a/people/10149.html
+++ b/people/10149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1015.html b/people/1015.html
index e9c96220..1d6c4939 100644
--- a/people/1015.html
+++ b/people/1015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10150.html b/people/10150.html
index fec3353c..41d40020 100644
--- a/people/10150.html
+++ b/people/10150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10151.html b/people/10151.html
index ebd62b1b..6e25e115 100644
--- a/people/10151.html
+++ b/people/10151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10152.html b/people/10152.html
index 86b055f2..362d53aa 100644
--- a/people/10152.html
+++ b/people/10152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10153.html b/people/10153.html
index 73184054..c4ecf257 100644
--- a/people/10153.html
+++ b/people/10153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10154.html b/people/10154.html
index b3b61bfb..edd44e5e 100644
--- a/people/10154.html
+++ b/people/10154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10155.html b/people/10155.html
index a84d5b7b..3fb46660 100644
--- a/people/10155.html
+++ b/people/10155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10156.html b/people/10156.html
index e2bef66d..b4d07fc3 100644
--- a/people/10156.html
+++ b/people/10156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10157.html b/people/10157.html
index 42862a42..773ff1ab 100644
--- a/people/10157.html
+++ b/people/10157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10158.html b/people/10158.html
index 43a5d233..fdeabc47 100644
--- a/people/10158.html
+++ b/people/10158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10159.html b/people/10159.html
index 790a8711..4bb253dd 100644
--- a/people/10159.html
+++ b/people/10159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1016.html b/people/1016.html
index 14b52e9a..97c32136 100644
--- a/people/1016.html
+++ b/people/1016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10160.html b/people/10160.html
index ead94a86..14f78f73 100644
--- a/people/10160.html
+++ b/people/10160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10161.html b/people/10161.html
index 127a0385..1b1751ea 100644
--- a/people/10161.html
+++ b/people/10161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10162.html b/people/10162.html
index 55baf29c..e4c9200b 100644
--- a/people/10162.html
+++ b/people/10162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10163.html b/people/10163.html
index 8a72312e..9f10c289 100644
--- a/people/10163.html
+++ b/people/10163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10164.html b/people/10164.html
index 5d907f41..3331ba16 100644
--- a/people/10164.html
+++ b/people/10164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10165.html b/people/10165.html
index bf2cbf4a..4fd2dc5d 100644
--- a/people/10165.html
+++ b/people/10165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10166.html b/people/10166.html
index 78a23006..86cb78ba 100644
--- a/people/10166.html
+++ b/people/10166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10167.html b/people/10167.html
index 10f23994..b6647170 100644
--- a/people/10167.html
+++ b/people/10167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10168.html b/people/10168.html
index e998ea8a..a55c7d82 100644
--- a/people/10168.html
+++ b/people/10168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10169.html b/people/10169.html
index e4310b3d..8844d960 100644
--- a/people/10169.html
+++ b/people/10169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1017.html b/people/1017.html
index e3d6ca1e..304a7f37 100644
--- a/people/1017.html
+++ b/people/1017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10170.html b/people/10170.html
index 91e42652..161e4870 100644
--- a/people/10170.html
+++ b/people/10170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10171.html b/people/10171.html
index a369db39..3a9ad8c5 100644
--- a/people/10171.html
+++ b/people/10171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10172.html b/people/10172.html
index 148f08fe..dbcf7797 100644
--- a/people/10172.html
+++ b/people/10172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10173.html b/people/10173.html
index ea3df888..cee25441 100644
--- a/people/10173.html
+++ b/people/10173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10174.html b/people/10174.html
index 76ef6faf..49ab2774 100644
--- a/people/10174.html
+++ b/people/10174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10175.html b/people/10175.html
index ceec4c01..836f2826 100644
--- a/people/10175.html
+++ b/people/10175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10176.html b/people/10176.html
index a0cd5b02..32bc2168 100644
--- a/people/10176.html
+++ b/people/10176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10177.html b/people/10177.html
index f7d1110c..2ba0f916 100644
--- a/people/10177.html
+++ b/people/10177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10178.html b/people/10178.html
index 1e50e022..d39b8d15 100644
--- a/people/10178.html
+++ b/people/10178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10179.html b/people/10179.html
index 635a2946..ea9757d2 100644
--- a/people/10179.html
+++ b/people/10179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1018.html b/people/1018.html
index ad276519..72162b80 100644
--- a/people/1018.html
+++ b/people/1018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10180.html b/people/10180.html
index 19a4ce12..b8e17b3c 100644
--- a/people/10180.html
+++ b/people/10180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10181.html b/people/10181.html
index bbfc1827..7d5dd7b6 100644
--- a/people/10181.html
+++ b/people/10181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10182.html b/people/10182.html
index cbbadf3a..cbd1e3e4 100644
--- a/people/10182.html
+++ b/people/10182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10183.html b/people/10183.html
index 4da687ce..db620afa 100644
--- a/people/10183.html
+++ b/people/10183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10184.html b/people/10184.html
index 5444f14c..eb2a7ced 100644
--- a/people/10184.html
+++ b/people/10184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10185.html b/people/10185.html
index a1ff8f51..378665fa 100644
--- a/people/10185.html
+++ b/people/10185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10186.html b/people/10186.html
index 2979853d..37b4d334 100644
--- a/people/10186.html
+++ b/people/10186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10187.html b/people/10187.html
index d01caa08..3e2b59b2 100644
--- a/people/10187.html
+++ b/people/10187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10188.html b/people/10188.html
index 86b2423b..20b63df0 100644
--- a/people/10188.html
+++ b/people/10188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10189.html b/people/10189.html
index 4529e76f..ec58795b 100644
--- a/people/10189.html
+++ b/people/10189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1019.html b/people/1019.html
index 5f343697..57ec5e34 100644
--- a/people/1019.html
+++ b/people/1019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10190.html b/people/10190.html
index 4825a092..7b7f189a 100644
--- a/people/10190.html
+++ b/people/10190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10191.html b/people/10191.html
index 6aa43439..299d1dd8 100644
--- a/people/10191.html
+++ b/people/10191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10192.html b/people/10192.html
index 65744551..b6ca320b 100644
--- a/people/10192.html
+++ b/people/10192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10193.html b/people/10193.html
index 5e44187a..da1660cd 100644
--- a/people/10193.html
+++ b/people/10193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10194.html b/people/10194.html
index 262c1bf6..b28f1478 100644
--- a/people/10194.html
+++ b/people/10194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10195.html b/people/10195.html
index 530e38b0..83bd51f5 100644
--- a/people/10195.html
+++ b/people/10195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10196.html b/people/10196.html
index 258db64a..b18d5ab6 100644
--- a/people/10196.html
+++ b/people/10196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10197.html b/people/10197.html
index 5ddd27df..b4df2500 100644
--- a/people/10197.html
+++ b/people/10197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10198.html b/people/10198.html
index 888bb922..6bc40dc4 100644
--- a/people/10198.html
+++ b/people/10198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10199.html b/people/10199.html
index 3a4943d4..404bf727 100644
--- a/people/10199.html
+++ b/people/10199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/102.html b/people/102.html
index c085742e..ba8bcf06 100644
--- a/people/102.html
+++ b/people/102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1020.html b/people/1020.html
index 9022d8ab..25b58c3b 100644
--- a/people/1020.html
+++ b/people/1020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10200.html b/people/10200.html
index 956ecab9..79f5a287 100644
--- a/people/10200.html
+++ b/people/10200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10201.html b/people/10201.html
index 11c34af4..8688f7d0 100644
--- a/people/10201.html
+++ b/people/10201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10202.html b/people/10202.html
index 04edbf3b..70d8129b 100644
--- a/people/10202.html
+++ b/people/10202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10203.html b/people/10203.html
index 673cece7..0ad992d4 100644
--- a/people/10203.html
+++ b/people/10203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10204.html b/people/10204.html
index 15265a90..6418e202 100644
--- a/people/10204.html
+++ b/people/10204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10205.html b/people/10205.html
index 11d1078d..add3b679 100644
--- a/people/10205.html
+++ b/people/10205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10206.html b/people/10206.html
index aa210d98..3ce89d72 100644
--- a/people/10206.html
+++ b/people/10206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10207.html b/people/10207.html
index a62d8d9b..48895f97 100644
--- a/people/10207.html
+++ b/people/10207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10208.html b/people/10208.html
index 7aec8c11..38ee4721 100644
--- a/people/10208.html
+++ b/people/10208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10209.html b/people/10209.html
index 33846171..f8865516 100644
--- a/people/10209.html
+++ b/people/10209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1021.html b/people/1021.html
index 8c33337d..cf4f204c 100644
--- a/people/1021.html
+++ b/people/1021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10210.html b/people/10210.html
index 4ac78b87..640ae9eb 100644
--- a/people/10210.html
+++ b/people/10210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10211.html b/people/10211.html
index e1ab14a8..6ef260d2 100644
--- a/people/10211.html
+++ b/people/10211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10212.html b/people/10212.html
index eae7f492..d6c49aab 100644
--- a/people/10212.html
+++ b/people/10212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10213.html b/people/10213.html
index adef8545..67f7aedf 100644
--- a/people/10213.html
+++ b/people/10213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10214.html b/people/10214.html
index d2919e2d..ab8bd98b 100644
--- a/people/10214.html
+++ b/people/10214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10215.html b/people/10215.html
index f7c84bde..a1bee959 100644
--- a/people/10215.html
+++ b/people/10215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10216.html b/people/10216.html
index f93213a8..a2a94975 100644
--- a/people/10216.html
+++ b/people/10216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10217.html b/people/10217.html
index ba941c0b..b7dc6f4c 100644
--- a/people/10217.html
+++ b/people/10217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10218.html b/people/10218.html
index b9ba5cab..fa73d123 100644
--- a/people/10218.html
+++ b/people/10218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10219.html b/people/10219.html
index 14fd176e..f28e2a8b 100644
--- a/people/10219.html
+++ b/people/10219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1022.html b/people/1022.html
index 807122fe..378f6567 100644
--- a/people/1022.html
+++ b/people/1022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10220.html b/people/10220.html
index af433008..74258fc3 100644
--- a/people/10220.html
+++ b/people/10220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10221.html b/people/10221.html
index b899756b..3ed42f6c 100644
--- a/people/10221.html
+++ b/people/10221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10222.html b/people/10222.html
index 1c5ecc18..4beca4dd 100644
--- a/people/10222.html
+++ b/people/10222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10223.html b/people/10223.html
index 315469af..c49e3cd8 100644
--- a/people/10223.html
+++ b/people/10223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10224.html b/people/10224.html
index 02b64432..0df0acbf 100644
--- a/people/10224.html
+++ b/people/10224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10225.html b/people/10225.html
index 0ad60499..10202614 100644
--- a/people/10225.html
+++ b/people/10225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10226.html b/people/10226.html
index 46970f86..ab8165c8 100644
--- a/people/10226.html
+++ b/people/10226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10227.html b/people/10227.html
index 86e7888f..d03e6aab 100644
--- a/people/10227.html
+++ b/people/10227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10228.html b/people/10228.html
index baeee5b0..2f87d7eb 100644
--- a/people/10228.html
+++ b/people/10228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10229.html b/people/10229.html
index 4fa7e9e0..9ca7cc4e 100644
--- a/people/10229.html
+++ b/people/10229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1023.html b/people/1023.html
index dd304411..6fb6ddc1 100644
--- a/people/1023.html
+++ b/people/1023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10230.html b/people/10230.html
index 93454af4..8cafb13f 100644
--- a/people/10230.html
+++ b/people/10230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10231.html b/people/10231.html
index bf7eb057..f8dfeb17 100644
--- a/people/10231.html
+++ b/people/10231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10232.html b/people/10232.html
index ad82dc50..67e59f26 100644
--- a/people/10232.html
+++ b/people/10232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10233.html b/people/10233.html
index 7c1d3dbb..691bc452 100644
--- a/people/10233.html
+++ b/people/10233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10234.html b/people/10234.html
index 7744672a..2687b38d 100644
--- a/people/10234.html
+++ b/people/10234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10235.html b/people/10235.html
index 5d3efa0d..32210a49 100644
--- a/people/10235.html
+++ b/people/10235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10236.html b/people/10236.html
index 4e97b643..c6d647c9 100644
--- a/people/10236.html
+++ b/people/10236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10237.html b/people/10237.html
index 32145fea..7ead2a15 100644
--- a/people/10237.html
+++ b/people/10237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10238.html b/people/10238.html
index 8349c480..2b3ccffc 100644
--- a/people/10238.html
+++ b/people/10238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10239.html b/people/10239.html
index 0d416e85..c1049a62 100644
--- a/people/10239.html
+++ b/people/10239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1024.html b/people/1024.html
index 285742a8..3d4fd1be 100644
--- a/people/1024.html
+++ b/people/1024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10240.html b/people/10240.html
index 63511908..5815dfd2 100644
--- a/people/10240.html
+++ b/people/10240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10241.html b/people/10241.html
index ace9e5bc..8b8729a7 100644
--- a/people/10241.html
+++ b/people/10241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10242.html b/people/10242.html
index 0c654da3..761c2496 100644
--- a/people/10242.html
+++ b/people/10242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10243.html b/people/10243.html
index ca059da9..305e318a 100644
--- a/people/10243.html
+++ b/people/10243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10244.html b/people/10244.html
index 4b69a0cb..dd1ca8ca 100644
--- a/people/10244.html
+++ b/people/10244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10245.html b/people/10245.html
index 9857f847..9965f076 100644
--- a/people/10245.html
+++ b/people/10245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10246.html b/people/10246.html
index b4f3dcb1..4b45b2a3 100644
--- a/people/10246.html
+++ b/people/10246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10247.html b/people/10247.html
index 2fa1c289..a2b3a1de 100644
--- a/people/10247.html
+++ b/people/10247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10248.html b/people/10248.html
index 10ef8321..f7d260a0 100644
--- a/people/10248.html
+++ b/people/10248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10249.html b/people/10249.html
index 01fd1de8..fe22f78d 100644
--- a/people/10249.html
+++ b/people/10249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1025.html b/people/1025.html
index 83776b7b..bcb50bd6 100644
--- a/people/1025.html
+++ b/people/1025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10250.html b/people/10250.html
index 490f39c0..b81625f5 100644
--- a/people/10250.html
+++ b/people/10250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10251.html b/people/10251.html
index 85976f83..d2a279ab 100644
--- a/people/10251.html
+++ b/people/10251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10252.html b/people/10252.html
index 80a383fd..c90ca5ab 100644
--- a/people/10252.html
+++ b/people/10252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10253.html b/people/10253.html
index 8cc39ba9..bfb8a914 100644
--- a/people/10253.html
+++ b/people/10253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10254.html b/people/10254.html
index dad29396..c146e654 100644
--- a/people/10254.html
+++ b/people/10254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10255.html b/people/10255.html
index 3fb4f62c..f798de83 100644
--- a/people/10255.html
+++ b/people/10255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10256.html b/people/10256.html
index 27a95dce..013588e7 100644
--- a/people/10256.html
+++ b/people/10256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10257.html b/people/10257.html
index e5d8021c..55584822 100644
--- a/people/10257.html
+++ b/people/10257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10258.html b/people/10258.html
index d3c9f8e5..2402c713 100644
--- a/people/10258.html
+++ b/people/10258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10259.html b/people/10259.html
index 338f884e..d5c65439 100644
--- a/people/10259.html
+++ b/people/10259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1026.html b/people/1026.html
index bfd949f6..1c7f1a68 100644
--- a/people/1026.html
+++ b/people/1026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10260.html b/people/10260.html
index b875999b..93568ea8 100644
--- a/people/10260.html
+++ b/people/10260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10261.html b/people/10261.html
index 6d64ab08..c531d1a3 100644
--- a/people/10261.html
+++ b/people/10261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10262.html b/people/10262.html
index c84742b5..003f7ed1 100644
--- a/people/10262.html
+++ b/people/10262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10263.html b/people/10263.html
index a02ffa17..50340ac4 100644
--- a/people/10263.html
+++ b/people/10263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10264.html b/people/10264.html
index 916e61f8..b2a7b7fe 100644
--- a/people/10264.html
+++ b/people/10264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10265.html b/people/10265.html
index 7929f83f..86d380fb 100644
--- a/people/10265.html
+++ b/people/10265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10266.html b/people/10266.html
index afeb195b..30296b9a 100644
--- a/people/10266.html
+++ b/people/10266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10267.html b/people/10267.html
index 1679da6e..8decbe67 100644
--- a/people/10267.html
+++ b/people/10267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10268.html b/people/10268.html
index d3dee45e..343ea188 100644
--- a/people/10268.html
+++ b/people/10268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10269.html b/people/10269.html
index 4321016c..ebee0ce6 100644
--- a/people/10269.html
+++ b/people/10269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1027.html b/people/1027.html
index 3d61e01e..e0461374 100644
--- a/people/1027.html
+++ b/people/1027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10270.html b/people/10270.html
index 386c48d7..9f177e49 100644
--- a/people/10270.html
+++ b/people/10270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10271.html b/people/10271.html
index c6a9e2d8..3ee8bd58 100644
--- a/people/10271.html
+++ b/people/10271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10272.html b/people/10272.html
index 6cb7f722..5e3e666a 100644
--- a/people/10272.html
+++ b/people/10272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10273.html b/people/10273.html
index ff651add..e2b4b896 100644
--- a/people/10273.html
+++ b/people/10273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10274.html b/people/10274.html
index 92e0ea92..b7986d16 100644
--- a/people/10274.html
+++ b/people/10274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10275.html b/people/10275.html
index 06d89785..6dc55e7d 100644
--- a/people/10275.html
+++ b/people/10275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10276.html b/people/10276.html
index d765ec20..6ac8f241 100644
--- a/people/10276.html
+++ b/people/10276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10277.html b/people/10277.html
index 8fa96563..201a221a 100644
--- a/people/10277.html
+++ b/people/10277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10278.html b/people/10278.html
index ef74c643..e282b0c5 100644
--- a/people/10278.html
+++ b/people/10278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10279.html b/people/10279.html
index 1a2afbe5..6d85f087 100644
--- a/people/10279.html
+++ b/people/10279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1028.html b/people/1028.html
index 002b5e46..d4f93217 100644
--- a/people/1028.html
+++ b/people/1028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10280.html b/people/10280.html
index 419c43cf..0c6dab45 100644
--- a/people/10280.html
+++ b/people/10280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10281.html b/people/10281.html
index 70f31ec9..4d39db95 100644
--- a/people/10281.html
+++ b/people/10281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10282.html b/people/10282.html
index fb800de6..26ad122e 100644
--- a/people/10282.html
+++ b/people/10282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10283.html b/people/10283.html
index cd1d9e9d..adfcf468 100644
--- a/people/10283.html
+++ b/people/10283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10284.html b/people/10284.html
index 9cfd9377..dae4848f 100644
--- a/people/10284.html
+++ b/people/10284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10285.html b/people/10285.html
index 41d7c33f..df321601 100644
--- a/people/10285.html
+++ b/people/10285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10286.html b/people/10286.html
index b51b1e4b..5a1dfe95 100644
--- a/people/10286.html
+++ b/people/10286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10287.html b/people/10287.html
index 3767b0e7..3d4b21bd 100644
--- a/people/10287.html
+++ b/people/10287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10288.html b/people/10288.html
index 135cf253..9b200755 100644
--- a/people/10288.html
+++ b/people/10288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10289.html b/people/10289.html
index b02a99dd..a9207459 100644
--- a/people/10289.html
+++ b/people/10289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1029.html b/people/1029.html
index 0647b353..820e0ff0 100644
--- a/people/1029.html
+++ b/people/1029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10290.html b/people/10290.html
index 6c79260c..4518530a 100644
--- a/people/10290.html
+++ b/people/10290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10291.html b/people/10291.html
index efc3d5ef..6123d9cf 100644
--- a/people/10291.html
+++ b/people/10291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10292.html b/people/10292.html
index 850f9b94..92678e70 100644
--- a/people/10292.html
+++ b/people/10292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10293.html b/people/10293.html
index 1642c6b9..8ee76bbd 100644
--- a/people/10293.html
+++ b/people/10293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10294.html b/people/10294.html
index 72538b9e..ae529d3c 100644
--- a/people/10294.html
+++ b/people/10294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10295.html b/people/10295.html
index 6ebbd972..1f4eba82 100644
--- a/people/10295.html
+++ b/people/10295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10296.html b/people/10296.html
index f088a542..ada3824d 100644
--- a/people/10296.html
+++ b/people/10296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10297.html b/people/10297.html
index adc2eef4..f450ae83 100644
--- a/people/10297.html
+++ b/people/10297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10298.html b/people/10298.html
index 0b1ba994..7a0d38b3 100644
--- a/people/10298.html
+++ b/people/10298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10299.html b/people/10299.html
index a3ff64e6..53252f26 100644
--- a/people/10299.html
+++ b/people/10299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/103.html b/people/103.html
index 68ee3376..303a47b1 100644
--- a/people/103.html
+++ b/people/103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1030.html b/people/1030.html
index 29ac233e..7b3dd216 100644
--- a/people/1030.html
+++ b/people/1030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10300.html b/people/10300.html
index f0ea4239..b318565d 100644
--- a/people/10300.html
+++ b/people/10300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10301.html b/people/10301.html
index db54bb34..880e6b72 100644
--- a/people/10301.html
+++ b/people/10301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10302.html b/people/10302.html
index 63460c34..710d693f 100644
--- a/people/10302.html
+++ b/people/10302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10303.html b/people/10303.html
index b5233ddd..bd326d1d 100644
--- a/people/10303.html
+++ b/people/10303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10304.html b/people/10304.html
index 9a0f2327..870d848d 100644
--- a/people/10304.html
+++ b/people/10304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10305.html b/people/10305.html
index 3470bcbc..1283b71e 100644
--- a/people/10305.html
+++ b/people/10305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10306.html b/people/10306.html
index 0d01c2ca..f88522cd 100644
--- a/people/10306.html
+++ b/people/10306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10307.html b/people/10307.html
index 1751c571..599a5c24 100644
--- a/people/10307.html
+++ b/people/10307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10308.html b/people/10308.html
index 1f6ab443..5f54d021 100644
--- a/people/10308.html
+++ b/people/10308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10309.html b/people/10309.html
index d20b2a6b..c868d46d 100644
--- a/people/10309.html
+++ b/people/10309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1031.html b/people/1031.html
index 7fdab9b0..060dc689 100644
--- a/people/1031.html
+++ b/people/1031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10310.html b/people/10310.html
index 02e6317a..f5af8281 100644
--- a/people/10310.html
+++ b/people/10310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10311.html b/people/10311.html
index bbdee2e3..533c9f64 100644
--- a/people/10311.html
+++ b/people/10311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10312.html b/people/10312.html
index 1c239028..38717060 100644
--- a/people/10312.html
+++ b/people/10312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10313.html b/people/10313.html
index cc2fe3f9..11f1a3d7 100644
--- a/people/10313.html
+++ b/people/10313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10314.html b/people/10314.html
index f0625ce6..bdef63e3 100644
--- a/people/10314.html
+++ b/people/10314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10315.html b/people/10315.html
index 257dad27..25fde73e 100644
--- a/people/10315.html
+++ b/people/10315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10316.html b/people/10316.html
index af34bf31..d8fc465c 100644
--- a/people/10316.html
+++ b/people/10316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10317.html b/people/10317.html
index 006424e3..34623a34 100644
--- a/people/10317.html
+++ b/people/10317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10318.html b/people/10318.html
index 458b0c10..e38356e3 100644
--- a/people/10318.html
+++ b/people/10318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10319.html b/people/10319.html
index 9acba491..2406e28c 100644
--- a/people/10319.html
+++ b/people/10319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1032.html b/people/1032.html
index a91984fd..40bf1e42 100644
--- a/people/1032.html
+++ b/people/1032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10320.html b/people/10320.html
index 4558c77c..b69c87c3 100644
--- a/people/10320.html
+++ b/people/10320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10321.html b/people/10321.html
index e1a9dd14..87a996d1 100644
--- a/people/10321.html
+++ b/people/10321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10322.html b/people/10322.html
index 4eecc592..050eed0f 100644
--- a/people/10322.html
+++ b/people/10322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10323.html b/people/10323.html
index e45afcd7..c2723f33 100644
--- a/people/10323.html
+++ b/people/10323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10324.html b/people/10324.html
index 8e78aa37..4ace2039 100644
--- a/people/10324.html
+++ b/people/10324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10325.html b/people/10325.html
index b7e26d18..195274b7 100644
--- a/people/10325.html
+++ b/people/10325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10326.html b/people/10326.html
index 70b954ee..98299e7a 100644
--- a/people/10326.html
+++ b/people/10326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10327.html b/people/10327.html
index 5db50a52..c4b1eac9 100644
--- a/people/10327.html
+++ b/people/10327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10328.html b/people/10328.html
index 8a4f45fe..08efced0 100644
--- a/people/10328.html
+++ b/people/10328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10329.html b/people/10329.html
index a47fffae..4045ccd9 100644
--- a/people/10329.html
+++ b/people/10329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1033.html b/people/1033.html
index 9135f75c..a30b2769 100644
--- a/people/1033.html
+++ b/people/1033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10330.html b/people/10330.html
index ecf88714..50a94e19 100644
--- a/people/10330.html
+++ b/people/10330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10331.html b/people/10331.html
index 390643cb..dd95f013 100644
--- a/people/10331.html
+++ b/people/10331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10332.html b/people/10332.html
index 40b9edff..219c27b0 100644
--- a/people/10332.html
+++ b/people/10332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10333.html b/people/10333.html
index 7c325983..07c10ffc 100644
--- a/people/10333.html
+++ b/people/10333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10334.html b/people/10334.html
index 851b54dd..39337581 100644
--- a/people/10334.html
+++ b/people/10334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10335.html b/people/10335.html
index cf0eca31..30e0f619 100644
--- a/people/10335.html
+++ b/people/10335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10336.html b/people/10336.html
index e2fd4d33..23c1d636 100644
--- a/people/10336.html
+++ b/people/10336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10337.html b/people/10337.html
index 74bcf70a..bd98fbe2 100644
--- a/people/10337.html
+++ b/people/10337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10338.html b/people/10338.html
index 3de970bb..8a8d42d6 100644
--- a/people/10338.html
+++ b/people/10338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10339.html b/people/10339.html
index d4fd50c3..2c94b6af 100644
--- a/people/10339.html
+++ b/people/10339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1034.html b/people/1034.html
index 655acb2a..9106689b 100644
--- a/people/1034.html
+++ b/people/1034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10340.html b/people/10340.html
index 60bb36ae..2e2bfe00 100644
--- a/people/10340.html
+++ b/people/10340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10341.html b/people/10341.html
index 4c2ccaf9..100143d8 100644
--- a/people/10341.html
+++ b/people/10341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10342.html b/people/10342.html
index 74f370e5..371791b1 100644
--- a/people/10342.html
+++ b/people/10342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10343.html b/people/10343.html
index c2a04039..8cd04566 100644
--- a/people/10343.html
+++ b/people/10343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10344.html b/people/10344.html
index 7ef815c1..e504fa08 100644
--- a/people/10344.html
+++ b/people/10344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10345.html b/people/10345.html
index 560179e8..9f3c7b91 100644
--- a/people/10345.html
+++ b/people/10345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10346.html b/people/10346.html
index 9750f677..1fe42b80 100644
--- a/people/10346.html
+++ b/people/10346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10347.html b/people/10347.html
index 54273138..85c2867e 100644
--- a/people/10347.html
+++ b/people/10347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10348.html b/people/10348.html
index 8cafa06d..a638e4fd 100644
--- a/people/10348.html
+++ b/people/10348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10349.html b/people/10349.html
index b29c6fa3..3bc2c37c 100644
--- a/people/10349.html
+++ b/people/10349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1035.html b/people/1035.html
index cdc193f4..ba0a4ac7 100644
--- a/people/1035.html
+++ b/people/1035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10350.html b/people/10350.html
index 2c27de47..77f684e3 100644
--- a/people/10350.html
+++ b/people/10350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10351.html b/people/10351.html
index a1621f38..9d114d9d 100644
--- a/people/10351.html
+++ b/people/10351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10352.html b/people/10352.html
index 80141492..5b522856 100644
--- a/people/10352.html
+++ b/people/10352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10353.html b/people/10353.html
index af850d2c..50c73760 100644
--- a/people/10353.html
+++ b/people/10353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10354.html b/people/10354.html
index 1230e576..c4c090ef 100644
--- a/people/10354.html
+++ b/people/10354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10355.html b/people/10355.html
index f6b999b6..b95c160d 100644
--- a/people/10355.html
+++ b/people/10355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10356.html b/people/10356.html
index 838f2fbb..e610bf76 100644
--- a/people/10356.html
+++ b/people/10356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10357.html b/people/10357.html
index 944c4e36..8ef5a78b 100644
--- a/people/10357.html
+++ b/people/10357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10358.html b/people/10358.html
index f88403f3..412d250b 100644
--- a/people/10358.html
+++ b/people/10358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10359.html b/people/10359.html
index 7fd24030..19a3fa09 100644
--- a/people/10359.html
+++ b/people/10359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1036.html b/people/1036.html
index 9e0d9e1b..5f48ef6a 100644
--- a/people/1036.html
+++ b/people/1036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10360.html b/people/10360.html
index 0d7d0b95..7a84634c 100644
--- a/people/10360.html
+++ b/people/10360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10361.html b/people/10361.html
index 83a8dd84..f2412af2 100644
--- a/people/10361.html
+++ b/people/10361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10362.html b/people/10362.html
index 271f0f5f..af2ed6b5 100644
--- a/people/10362.html
+++ b/people/10362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10363.html b/people/10363.html
index 455989a0..3652590d 100644
--- a/people/10363.html
+++ b/people/10363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10364.html b/people/10364.html
index 23941673..2fe9d8f8 100644
--- a/people/10364.html
+++ b/people/10364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10365.html b/people/10365.html
index f144435f..48e63022 100644
--- a/people/10365.html
+++ b/people/10365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10366.html b/people/10366.html
index f64f7857..a562a0e8 100644
--- a/people/10366.html
+++ b/people/10366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10367.html b/people/10367.html
index 2b5ecf52..adab165a 100644
--- a/people/10367.html
+++ b/people/10367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10368.html b/people/10368.html
index e626b332..ebafee95 100644
--- a/people/10368.html
+++ b/people/10368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10369.html b/people/10369.html
index 37e22833..af232374 100644
--- a/people/10369.html
+++ b/people/10369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1037.html b/people/1037.html
index eaa0170e..1159660e 100644
--- a/people/1037.html
+++ b/people/1037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10370.html b/people/10370.html
index 5f86a95f..7c3e4553 100644
--- a/people/10370.html
+++ b/people/10370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10371.html b/people/10371.html
index 762142e5..32973989 100644
--- a/people/10371.html
+++ b/people/10371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10372.html b/people/10372.html
index 5220f781..db8f9438 100644
--- a/people/10372.html
+++ b/people/10372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10373.html b/people/10373.html
index afb36428..4291696f 100644
--- a/people/10373.html
+++ b/people/10373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10374.html b/people/10374.html
index bd487c5e..fe1a6dfd 100644
--- a/people/10374.html
+++ b/people/10374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10375.html b/people/10375.html
index e8204d2f..9c1bfe7c 100644
--- a/people/10375.html
+++ b/people/10375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10376.html b/people/10376.html
index 87f73aa4..be2d86ed 100644
--- a/people/10376.html
+++ b/people/10376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10377.html b/people/10377.html
index 927b832b..b34d27ee 100644
--- a/people/10377.html
+++ b/people/10377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10378.html b/people/10378.html
index 0a383003..7611ba6e 100644
--- a/people/10378.html
+++ b/people/10378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10379.html b/people/10379.html
index c5d37524..df36748c 100644
--- a/people/10379.html
+++ b/people/10379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1038.html b/people/1038.html
index 989260d1..b4fd2bff 100644
--- a/people/1038.html
+++ b/people/1038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10380.html b/people/10380.html
index 11d4b8e9..ea3d529f 100644
--- a/people/10380.html
+++ b/people/10380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10381.html b/people/10381.html
index 8a14fcc1..8c83c1b8 100644
--- a/people/10381.html
+++ b/people/10381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10382.html b/people/10382.html
index 7f6d75a9..3805a869 100644
--- a/people/10382.html
+++ b/people/10382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10383.html b/people/10383.html
index a044a685..c8ce0cf6 100644
--- a/people/10383.html
+++ b/people/10383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10384.html b/people/10384.html
index d9a51bab..74626759 100644
--- a/people/10384.html
+++ b/people/10384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10385.html b/people/10385.html
index 2e85f51c..723fd916 100644
--- a/people/10385.html
+++ b/people/10385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10386.html b/people/10386.html
index 8e68a507..91c8f043 100644
--- a/people/10386.html
+++ b/people/10386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10387.html b/people/10387.html
index 11f965a8..9b45ad93 100644
--- a/people/10387.html
+++ b/people/10387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10388.html b/people/10388.html
index b118183c..dba13ffa 100644
--- a/people/10388.html
+++ b/people/10388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10389.html b/people/10389.html
index 0671da6f..c2afc8cf 100644
--- a/people/10389.html
+++ b/people/10389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1039.html b/people/1039.html
index 9affd95a..13e025d5 100644
--- a/people/1039.html
+++ b/people/1039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10390.html b/people/10390.html
index ce5eef56..68e59fbc 100644
--- a/people/10390.html
+++ b/people/10390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10391.html b/people/10391.html
index 37cd6254..bee99480 100644
--- a/people/10391.html
+++ b/people/10391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10392.html b/people/10392.html
index b28d1c8b..3dbaab53 100644
--- a/people/10392.html
+++ b/people/10392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10393.html b/people/10393.html
index 821695f3..75732427 100644
--- a/people/10393.html
+++ b/people/10393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10394.html b/people/10394.html
index ea483c70..f99d5cb6 100644
--- a/people/10394.html
+++ b/people/10394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10395.html b/people/10395.html
index c0211249..a04f19c4 100644
--- a/people/10395.html
+++ b/people/10395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10396.html b/people/10396.html
index 95fd7e98..6aacc376 100644
--- a/people/10396.html
+++ b/people/10396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10397.html b/people/10397.html
index 6d2b953a..c18f39cf 100644
--- a/people/10397.html
+++ b/people/10397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10398.html b/people/10398.html
index 8e90c098..70eca7a6 100644
--- a/people/10398.html
+++ b/people/10398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10399.html b/people/10399.html
index 1f840c7e..98343d49 100644
--- a/people/10399.html
+++ b/people/10399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/104.html b/people/104.html
index 79241251..bd0f3b3d 100644
--- a/people/104.html
+++ b/people/104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1040.html b/people/1040.html
index fdf56049..17c9d812 100644
--- a/people/1040.html
+++ b/people/1040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10400.html b/people/10400.html
index 74ead8ab..541f1f8e 100644
--- a/people/10400.html
+++ b/people/10400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10401.html b/people/10401.html
index 611cad74..d17e6bf8 100644
--- a/people/10401.html
+++ b/people/10401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10402.html b/people/10402.html
index 11324b00..954550e2 100644
--- a/people/10402.html
+++ b/people/10402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10403.html b/people/10403.html
index a52a541d..44fa3206 100644
--- a/people/10403.html
+++ b/people/10403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10404.html b/people/10404.html
index 2150be17..2c5ee941 100644
--- a/people/10404.html
+++ b/people/10404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10405.html b/people/10405.html
index c4d24f03..d9d8545c 100644
--- a/people/10405.html
+++ b/people/10405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10406.html b/people/10406.html
index 93f8d3bc..3779bc97 100644
--- a/people/10406.html
+++ b/people/10406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10407.html b/people/10407.html
index b38d1506..b5917292 100644
--- a/people/10407.html
+++ b/people/10407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10408.html b/people/10408.html
index e8fbec96..6f9e05f1 100644
--- a/people/10408.html
+++ b/people/10408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10409.html b/people/10409.html
index 49cc668b..a6ff25e2 100644
--- a/people/10409.html
+++ b/people/10409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1041.html b/people/1041.html
index ee6f11c3..5b894889 100644
--- a/people/1041.html
+++ b/people/1041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10410.html b/people/10410.html
index e0f6a3bc..7aa2a3a9 100644
--- a/people/10410.html
+++ b/people/10410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10411.html b/people/10411.html
index 5b324f9b..505fbc70 100644
--- a/people/10411.html
+++ b/people/10411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10412.html b/people/10412.html
index e466faaa..2da39169 100644
--- a/people/10412.html
+++ b/people/10412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10413.html b/people/10413.html
index 245c0416..23811d73 100644
--- a/people/10413.html
+++ b/people/10413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10414.html b/people/10414.html
index dc686d00..83cf2e7c 100644
--- a/people/10414.html
+++ b/people/10414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10415.html b/people/10415.html
index 62ddb033..bfee3303 100644
--- a/people/10415.html
+++ b/people/10415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10416.html b/people/10416.html
index 701353ef..e8d506a2 100644
--- a/people/10416.html
+++ b/people/10416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10417.html b/people/10417.html
index 4f2b76d6..aebc42e6 100644
--- a/people/10417.html
+++ b/people/10417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10418.html b/people/10418.html
index c74ea964..0ca8cc4c 100644
--- a/people/10418.html
+++ b/people/10418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10419.html b/people/10419.html
index e1e3a9ba..4a8a8bb0 100644
--- a/people/10419.html
+++ b/people/10419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1042.html b/people/1042.html
index c1691996..ee6316dd 100644
--- a/people/1042.html
+++ b/people/1042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10420.html b/people/10420.html
index b13ac9de..23fb2019 100644
--- a/people/10420.html
+++ b/people/10420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10421.html b/people/10421.html
index dedad17e..6ebf8313 100644
--- a/people/10421.html
+++ b/people/10421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10422.html b/people/10422.html
index 4945fab8..12d4f995 100644
--- a/people/10422.html
+++ b/people/10422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10423.html b/people/10423.html
index 4051380e..ad4d4e71 100644
--- a/people/10423.html
+++ b/people/10423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10424.html b/people/10424.html
index a16a9316..552c2c69 100644
--- a/people/10424.html
+++ b/people/10424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10425.html b/people/10425.html
index b1df62bc..15860f0e 100644
--- a/people/10425.html
+++ b/people/10425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10426.html b/people/10426.html
index 6864eebe..eead7627 100644
--- a/people/10426.html
+++ b/people/10426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10427.html b/people/10427.html
index 0f992a80..539e6f63 100644
--- a/people/10427.html
+++ b/people/10427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10428.html b/people/10428.html
index 0a6d7b82..154ae98d 100644
--- a/people/10428.html
+++ b/people/10428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10429.html b/people/10429.html
index c188fa64..6a452140 100644
--- a/people/10429.html
+++ b/people/10429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1043.html b/people/1043.html
index 822d947f..cb1c3b34 100644
--- a/people/1043.html
+++ b/people/1043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10430.html b/people/10430.html
index 88922a22..fa3046ff 100644
--- a/people/10430.html
+++ b/people/10430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10431.html b/people/10431.html
index fcfaad34..72758ea7 100644
--- a/people/10431.html
+++ b/people/10431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10432.html b/people/10432.html
index cd6ba25c..bc90ee03 100644
--- a/people/10432.html
+++ b/people/10432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10433.html b/people/10433.html
index 41cf621d..15322290 100644
--- a/people/10433.html
+++ b/people/10433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10434.html b/people/10434.html
index 93b9ec46..7588c866 100644
--- a/people/10434.html
+++ b/people/10434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10435.html b/people/10435.html
index 30156f30..35b0602b 100644
--- a/people/10435.html
+++ b/people/10435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10436.html b/people/10436.html
index 8da488d0..ff3a3017 100644
--- a/people/10436.html
+++ b/people/10436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10437.html b/people/10437.html
index 492f15cb..e56ff96c 100644
--- a/people/10437.html
+++ b/people/10437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10438.html b/people/10438.html
index ad9dc7a4..eecc08bd 100644
--- a/people/10438.html
+++ b/people/10438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10439.html b/people/10439.html
index 87ad1b6f..ebcc95b7 100644
--- a/people/10439.html
+++ b/people/10439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1044.html b/people/1044.html
index 18ae6e92..db762d60 100644
--- a/people/1044.html
+++ b/people/1044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10440.html b/people/10440.html
index 75dbbf5b..2cdea336 100644
--- a/people/10440.html
+++ b/people/10440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10441.html b/people/10441.html
index 74fe15ad..5f221841 100644
--- a/people/10441.html
+++ b/people/10441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10442.html b/people/10442.html
index b44f3c9a..b03f1ef0 100644
--- a/people/10442.html
+++ b/people/10442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10443.html b/people/10443.html
index 0ed0b96c..8d2f681e 100644
--- a/people/10443.html
+++ b/people/10443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10444.html b/people/10444.html
index c4904639..3c8f4c5a 100644
--- a/people/10444.html
+++ b/people/10444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10445.html b/people/10445.html
index 7f1abc47..82d64cbc 100644
--- a/people/10445.html
+++ b/people/10445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10446.html b/people/10446.html
index fe58e7e0..65aea7ae 100644
--- a/people/10446.html
+++ b/people/10446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10447.html b/people/10447.html
index 40faba43..769196ca 100644
--- a/people/10447.html
+++ b/people/10447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10448.html b/people/10448.html
index 9aedf034..efffe700 100644
--- a/people/10448.html
+++ b/people/10448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10449.html b/people/10449.html
index 6da26ad4..74871fae 100644
--- a/people/10449.html
+++ b/people/10449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1045.html b/people/1045.html
index 54750a05..0536847e 100644
--- a/people/1045.html
+++ b/people/1045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10450.html b/people/10450.html
index 096a8e82..9ec8a01d 100644
--- a/people/10450.html
+++ b/people/10450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10451.html b/people/10451.html
index a2036357..cea90e44 100644
--- a/people/10451.html
+++ b/people/10451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10452.html b/people/10452.html
index c3cbea9b..85ce4161 100644
--- a/people/10452.html
+++ b/people/10452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10453.html b/people/10453.html
index 57023e40..63605450 100644
--- a/people/10453.html
+++ b/people/10453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10454.html b/people/10454.html
index e717efd8..ce398703 100644
--- a/people/10454.html
+++ b/people/10454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10455.html b/people/10455.html
index 4a947252..bed94568 100644
--- a/people/10455.html
+++ b/people/10455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10456.html b/people/10456.html
index 04d63243..e917d0a5 100644
--- a/people/10456.html
+++ b/people/10456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10457.html b/people/10457.html
index 4646b519..d0c2cb58 100644
--- a/people/10457.html
+++ b/people/10457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10458.html b/people/10458.html
index 393458d3..a9c0221d 100644
--- a/people/10458.html
+++ b/people/10458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10459.html b/people/10459.html
index 3380d2bd..ab013cbf 100644
--- a/people/10459.html
+++ b/people/10459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1046.html b/people/1046.html
index 0594d4fb..2c19de3a 100644
--- a/people/1046.html
+++ b/people/1046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10460.html b/people/10460.html
index 1c1b43b3..97c7912c 100644
--- a/people/10460.html
+++ b/people/10460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10461.html b/people/10461.html
index 0959b4b8..5bc1abe8 100644
--- a/people/10461.html
+++ b/people/10461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10462.html b/people/10462.html
index 25363596..a994c8eb 100644
--- a/people/10462.html
+++ b/people/10462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10463.html b/people/10463.html
index 4105a677..21f81483 100644
--- a/people/10463.html
+++ b/people/10463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10464.html b/people/10464.html
index a0405c69..137aa3ac 100644
--- a/people/10464.html
+++ b/people/10464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10465.html b/people/10465.html
index 4fb27b59..4834542e 100644
--- a/people/10465.html
+++ b/people/10465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10466.html b/people/10466.html
index 006fc4e0..e3a37f65 100644
--- a/people/10466.html
+++ b/people/10466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10467.html b/people/10467.html
index a94ec434..83748f7b 100644
--- a/people/10467.html
+++ b/people/10467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10468.html b/people/10468.html
index eb019cbc..be745079 100644
--- a/people/10468.html
+++ b/people/10468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10469.html b/people/10469.html
index baa58ae8..b8149ec4 100644
--- a/people/10469.html
+++ b/people/10469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1047.html b/people/1047.html
index 9e0f093e..d136500f 100644
--- a/people/1047.html
+++ b/people/1047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10470.html b/people/10470.html
index 6745ffe2..2fce7734 100644
--- a/people/10470.html
+++ b/people/10470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10471.html b/people/10471.html
index e08e8c5a..202f6555 100644
--- a/people/10471.html
+++ b/people/10471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10472.html b/people/10472.html
index 233992fe..ad56031a 100644
--- a/people/10472.html
+++ b/people/10472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10473.html b/people/10473.html
index 291a0d29..cddcc96e 100644
--- a/people/10473.html
+++ b/people/10473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10474.html b/people/10474.html
index 93071515..0722c255 100644
--- a/people/10474.html
+++ b/people/10474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10475.html b/people/10475.html
index 372e24bc..b22f1528 100644
--- a/people/10475.html
+++ b/people/10475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10476.html b/people/10476.html
index 21ac0439..cf2c7923 100644
--- a/people/10476.html
+++ b/people/10476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10477.html b/people/10477.html
index 21e0676c..ab564b29 100644
--- a/people/10477.html
+++ b/people/10477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10478.html b/people/10478.html
index 54fa88eb..ca501bed 100644
--- a/people/10478.html
+++ b/people/10478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10479.html b/people/10479.html
index e8947706..48f2705b 100644
--- a/people/10479.html
+++ b/people/10479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1048.html b/people/1048.html
index 07ea35b3..5b3120ed 100644
--- a/people/1048.html
+++ b/people/1048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10480.html b/people/10480.html
index a4b9ad57..b93758c4 100644
--- a/people/10480.html
+++ b/people/10480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10481.html b/people/10481.html
index c5418355..faecccea 100644
--- a/people/10481.html
+++ b/people/10481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10482.html b/people/10482.html
index 146b799d..fce7c4fd 100644
--- a/people/10482.html
+++ b/people/10482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10483.html b/people/10483.html
index cf7789c5..76cf505e 100644
--- a/people/10483.html
+++ b/people/10483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10484.html b/people/10484.html
index cf45c8ec..ab05893a 100644
--- a/people/10484.html
+++ b/people/10484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10485.html b/people/10485.html
index d4fd668c..c95dbcd2 100644
--- a/people/10485.html
+++ b/people/10485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10486.html b/people/10486.html
index a0999701..b57e715f 100644
--- a/people/10486.html
+++ b/people/10486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10487.html b/people/10487.html
index 6825805b..ea8ccb43 100644
--- a/people/10487.html
+++ b/people/10487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10488.html b/people/10488.html
index 90eb291f..be996a44 100644
--- a/people/10488.html
+++ b/people/10488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10489.html b/people/10489.html
index b3ccf895..5f096f17 100644
--- a/people/10489.html
+++ b/people/10489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1049.html b/people/1049.html
index 95beae9b..46fcb95e 100644
--- a/people/1049.html
+++ b/people/1049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10490.html b/people/10490.html
index 74030eb1..e4bf215a 100644
--- a/people/10490.html
+++ b/people/10490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10491.html b/people/10491.html
index e4a414c1..6856ccf7 100644
--- a/people/10491.html
+++ b/people/10491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10492.html b/people/10492.html
index 2e8a23ee..12dc73b8 100644
--- a/people/10492.html
+++ b/people/10492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10493.html b/people/10493.html
index 889d375b..12a96347 100644
--- a/people/10493.html
+++ b/people/10493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10494.html b/people/10494.html
index 777ddc18..6f008004 100644
--- a/people/10494.html
+++ b/people/10494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10495.html b/people/10495.html
index 10a55af5..a79ea287 100644
--- a/people/10495.html
+++ b/people/10495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10496.html b/people/10496.html
index c77a4119..721f068c 100644
--- a/people/10496.html
+++ b/people/10496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10497.html b/people/10497.html
index 2a22390e..85941358 100644
--- a/people/10497.html
+++ b/people/10497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10498.html b/people/10498.html
index ec816376..655c7197 100644
--- a/people/10498.html
+++ b/people/10498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10499.html b/people/10499.html
index 34340973..c257c283 100644
--- a/people/10499.html
+++ b/people/10499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/105.html b/people/105.html
index c8603ac0..acc078d4 100644
--- a/people/105.html
+++ b/people/105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1050.html b/people/1050.html
index 99f173c0..a615e3a3 100644
--- a/people/1050.html
+++ b/people/1050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10500.html b/people/10500.html
index 0db968c0..908de754 100644
--- a/people/10500.html
+++ b/people/10500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10501.html b/people/10501.html
index 9d1b953a..314fbf1b 100644
--- a/people/10501.html
+++ b/people/10501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10502.html b/people/10502.html
index e612a481..4877dc3b 100644
--- a/people/10502.html
+++ b/people/10502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10503.html b/people/10503.html
index f72d5ca8..634dcecf 100644
--- a/people/10503.html
+++ b/people/10503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10504.html b/people/10504.html
index 2c435049..9e2eb828 100644
--- a/people/10504.html
+++ b/people/10504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10505.html b/people/10505.html
index 605ad6f0..2a9de4a1 100644
--- a/people/10505.html
+++ b/people/10505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10506.html b/people/10506.html
index 855afa06..f3295207 100644
--- a/people/10506.html
+++ b/people/10506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10507.html b/people/10507.html
index a63d9518..53138eac 100644
--- a/people/10507.html
+++ b/people/10507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10508.html b/people/10508.html
index c21d9d4f..fad548ae 100644
--- a/people/10508.html
+++ b/people/10508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10509.html b/people/10509.html
index 97467b63..9f34bf43 100644
--- a/people/10509.html
+++ b/people/10509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1051.html b/people/1051.html
index 6787380a..fc6160ee 100644
--- a/people/1051.html
+++ b/people/1051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10510.html b/people/10510.html
index b8c06627..989bcd2a 100644
--- a/people/10510.html
+++ b/people/10510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10511.html b/people/10511.html
index d65c5742..1ce94a24 100644
--- a/people/10511.html
+++ b/people/10511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10512.html b/people/10512.html
index 72a118a1..a02944dd 100644
--- a/people/10512.html
+++ b/people/10512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10513.html b/people/10513.html
index 708f3590..885ccabb 100644
--- a/people/10513.html
+++ b/people/10513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10514.html b/people/10514.html
index 72627cf8..03994623 100644
--- a/people/10514.html
+++ b/people/10514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10515.html b/people/10515.html
index d7bd757c..377ac08b 100644
--- a/people/10515.html
+++ b/people/10515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10516.html b/people/10516.html
index 1b338d6d..560091c4 100644
--- a/people/10516.html
+++ b/people/10516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10517.html b/people/10517.html
index 68ec093e..5f407e65 100644
--- a/people/10517.html
+++ b/people/10517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10518.html b/people/10518.html
index 0d80fcec..94424a16 100644
--- a/people/10518.html
+++ b/people/10518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10519.html b/people/10519.html
index 60f60fac..8c38764e 100644
--- a/people/10519.html
+++ b/people/10519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1052.html b/people/1052.html
index cfaadaa6..60f261c7 100644
--- a/people/1052.html
+++ b/people/1052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10520.html b/people/10520.html
index 14d1ba7f..4feefe1d 100644
--- a/people/10520.html
+++ b/people/10520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10521.html b/people/10521.html
index 6b18f2a8..bb0d9aa6 100644
--- a/people/10521.html
+++ b/people/10521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10522.html b/people/10522.html
index 04293e7c..0e069b19 100644
--- a/people/10522.html
+++ b/people/10522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10523.html b/people/10523.html
index ef6b4fd1..51a3034f 100644
--- a/people/10523.html
+++ b/people/10523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10524.html b/people/10524.html
index faeb680a..c24889d6 100644
--- a/people/10524.html
+++ b/people/10524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10525.html b/people/10525.html
index fcf191c4..76e373d3 100644
--- a/people/10525.html
+++ b/people/10525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10526.html b/people/10526.html
index d7a93356..b421f0fb 100644
--- a/people/10526.html
+++ b/people/10526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10527.html b/people/10527.html
index e131747f..78313328 100644
--- a/people/10527.html
+++ b/people/10527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10528.html b/people/10528.html
index 0207a5b6..905bc74c 100644
--- a/people/10528.html
+++ b/people/10528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10529.html b/people/10529.html
index 04c11bb3..cea46e1d 100644
--- a/people/10529.html
+++ b/people/10529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1053.html b/people/1053.html
index fe32d86f..88d45075 100644
--- a/people/1053.html
+++ b/people/1053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10530.html b/people/10530.html
index 7511f672..b926464f 100644
--- a/people/10530.html
+++ b/people/10530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10531.html b/people/10531.html
index 550cd99b..3636cbea 100644
--- a/people/10531.html
+++ b/people/10531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10532.html b/people/10532.html
index cb606a09..735cfc4d 100644
--- a/people/10532.html
+++ b/people/10532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10533.html b/people/10533.html
index 6de70c8f..32dddc4e 100644
--- a/people/10533.html
+++ b/people/10533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10534.html b/people/10534.html
index bb670a42..1a5341a6 100644
--- a/people/10534.html
+++ b/people/10534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10535.html b/people/10535.html
index f05d9249..3318620b 100644
--- a/people/10535.html
+++ b/people/10535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10536.html b/people/10536.html
index b2449761..bebbcf70 100644
--- a/people/10536.html
+++ b/people/10536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10537.html b/people/10537.html
index 9ded7edf..76128960 100644
--- a/people/10537.html
+++ b/people/10537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10538.html b/people/10538.html
index f59d3230..ec9164ec 100644
--- a/people/10538.html
+++ b/people/10538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10539.html b/people/10539.html
index 1dd58d41..1b21a12e 100644
--- a/people/10539.html
+++ b/people/10539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1054.html b/people/1054.html
index 39039b56..d36eff69 100644
--- a/people/1054.html
+++ b/people/1054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10540.html b/people/10540.html
index 95e77a49..4ec320e2 100644
--- a/people/10540.html
+++ b/people/10540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10541.html b/people/10541.html
index c30e9753..5c743ee9 100644
--- a/people/10541.html
+++ b/people/10541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10542.html b/people/10542.html
index e6f6a883..627a6e6d 100644
--- a/people/10542.html
+++ b/people/10542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10543.html b/people/10543.html
index 71c6c452..aec89498 100644
--- a/people/10543.html
+++ b/people/10543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10544.html b/people/10544.html
index ebf7b5dc..4f69c8b6 100644
--- a/people/10544.html
+++ b/people/10544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10545.html b/people/10545.html
index 16890773..678bb567 100644
--- a/people/10545.html
+++ b/people/10545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10546.html b/people/10546.html
index a57bb987..96f41195 100644
--- a/people/10546.html
+++ b/people/10546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10547.html b/people/10547.html
index c50422fd..6c904c50 100644
--- a/people/10547.html
+++ b/people/10547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10548.html b/people/10548.html
index 819c3755..f8915524 100644
--- a/people/10548.html
+++ b/people/10548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10549.html b/people/10549.html
index e809c261..85c9c563 100644
--- a/people/10549.html
+++ b/people/10549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1055.html b/people/1055.html
index 147896b0..f60a1865 100644
--- a/people/1055.html
+++ b/people/1055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10550.html b/people/10550.html
index b50839c4..d7bbfd0e 100644
--- a/people/10550.html
+++ b/people/10550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10551.html b/people/10551.html
index 718c2c4d..81f7919e 100644
--- a/people/10551.html
+++ b/people/10551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10552.html b/people/10552.html
index a2909990..62f13ffe 100644
--- a/people/10552.html
+++ b/people/10552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10553.html b/people/10553.html
index bd6df1a0..86d98285 100644
--- a/people/10553.html
+++ b/people/10553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10554.html b/people/10554.html
index 4bb79d59..c5c9012e 100644
--- a/people/10554.html
+++ b/people/10554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10555.html b/people/10555.html
index cab8a423..2327eb1e 100644
--- a/people/10555.html
+++ b/people/10555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10556.html b/people/10556.html
index a1f580af..54967993 100644
--- a/people/10556.html
+++ b/people/10556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10557.html b/people/10557.html
index 53c774cf..1e7d22cd 100644
--- a/people/10557.html
+++ b/people/10557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10558.html b/people/10558.html
index 12e050ab..8b12a977 100644
--- a/people/10558.html
+++ b/people/10558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10559.html b/people/10559.html
index c427625d..b67a7ea0 100644
--- a/people/10559.html
+++ b/people/10559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1056.html b/people/1056.html
index f1f5320b..57444f6e 100644
--- a/people/1056.html
+++ b/people/1056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10560.html b/people/10560.html
index 800b80d8..41dbf49d 100644
--- a/people/10560.html
+++ b/people/10560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10561.html b/people/10561.html
index 3da7a6fd..dcbe4df3 100644
--- a/people/10561.html
+++ b/people/10561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10562.html b/people/10562.html
index df87fa28..1b36439d 100644
--- a/people/10562.html
+++ b/people/10562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10563.html b/people/10563.html
index 9b9d0621..260e0462 100644
--- a/people/10563.html
+++ b/people/10563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10564.html b/people/10564.html
index 7494e016..9e0dcd3d 100644
--- a/people/10564.html
+++ b/people/10564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10565.html b/people/10565.html
index 55b6d151..d4db012c 100644
--- a/people/10565.html
+++ b/people/10565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10566.html b/people/10566.html
index fef4594b..17875c75 100644
--- a/people/10566.html
+++ b/people/10566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10567.html b/people/10567.html
index 3ff5630e..1ac1dc22 100644
--- a/people/10567.html
+++ b/people/10567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10568.html b/people/10568.html
index 6b353629..f2e62411 100644
--- a/people/10568.html
+++ b/people/10568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10569.html b/people/10569.html
index 8a2c659a..f182ec7a 100644
--- a/people/10569.html
+++ b/people/10569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1057.html b/people/1057.html
index 0ee7f22f..ddfdecc8 100644
--- a/people/1057.html
+++ b/people/1057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10570.html b/people/10570.html
index 0075fea5..99a3543e 100644
--- a/people/10570.html
+++ b/people/10570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10571.html b/people/10571.html
index bd55ac28..d3f7aae7 100644
--- a/people/10571.html
+++ b/people/10571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10572.html b/people/10572.html
index e479398d..ca32a519 100644
--- a/people/10572.html
+++ b/people/10572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10573.html b/people/10573.html
index 088f7509..7b84a6d0 100644
--- a/people/10573.html
+++ b/people/10573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10574.html b/people/10574.html
index 9dbdcfe6..ae18131e 100644
--- a/people/10574.html
+++ b/people/10574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10575.html b/people/10575.html
index fc7fc1a3..06750972 100644
--- a/people/10575.html
+++ b/people/10575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10576.html b/people/10576.html
index acffe22d..5f0cfb90 100644
--- a/people/10576.html
+++ b/people/10576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10577.html b/people/10577.html
index 60a931e5..e88c35b3 100644
--- a/people/10577.html
+++ b/people/10577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10578.html b/people/10578.html
index 5662e601..d9ab0d48 100644
--- a/people/10578.html
+++ b/people/10578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10579.html b/people/10579.html
index ab74579e..c24ee299 100644
--- a/people/10579.html
+++ b/people/10579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1058.html b/people/1058.html
index 9de52a12..a68af6c8 100644
--- a/people/1058.html
+++ b/people/1058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10580.html b/people/10580.html
index 562621ad..650841c3 100644
--- a/people/10580.html
+++ b/people/10580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10581.html b/people/10581.html
index 2ee6f9b4..87e27880 100644
--- a/people/10581.html
+++ b/people/10581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10582.html b/people/10582.html
index 62bece48..6bab7fbe 100644
--- a/people/10582.html
+++ b/people/10582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10583.html b/people/10583.html
index aac27f95..552a0bab 100644
--- a/people/10583.html
+++ b/people/10583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10584.html b/people/10584.html
index 8e61d8fb..2c0960a5 100644
--- a/people/10584.html
+++ b/people/10584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10585.html b/people/10585.html
index 60238c8b..7794023b 100644
--- a/people/10585.html
+++ b/people/10585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10586.html b/people/10586.html
index 58683944..9a5d2204 100644
--- a/people/10586.html
+++ b/people/10586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10587.html b/people/10587.html
index 7d602e2e..000b2c2e 100644
--- a/people/10587.html
+++ b/people/10587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10588.html b/people/10588.html
index 17aa449a..47c423a4 100644
--- a/people/10588.html
+++ b/people/10588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10589.html b/people/10589.html
index 39fd16ff..07b9246a 100644
--- a/people/10589.html
+++ b/people/10589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1059.html b/people/1059.html
index 2a07633b..0512d72c 100644
--- a/people/1059.html
+++ b/people/1059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10590.html b/people/10590.html
index cfe47d09..38f259c7 100644
--- a/people/10590.html
+++ b/people/10590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10591.html b/people/10591.html
index d0c6390d..fbea2956 100644
--- a/people/10591.html
+++ b/people/10591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10592.html b/people/10592.html
index de93a074..3d6645df 100644
--- a/people/10592.html
+++ b/people/10592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10593.html b/people/10593.html
index 39a7b298..62b748e4 100644
--- a/people/10593.html
+++ b/people/10593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10594.html b/people/10594.html
index a998de42..5fd36a0e 100644
--- a/people/10594.html
+++ b/people/10594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10595.html b/people/10595.html
index 7d6f0d8a..8a48a5db 100644
--- a/people/10595.html
+++ b/people/10595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10596.html b/people/10596.html
index b007135c..b8950204 100644
--- a/people/10596.html
+++ b/people/10596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10597.html b/people/10597.html
index 3e5028e4..0135d661 100644
--- a/people/10597.html
+++ b/people/10597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10598.html b/people/10598.html
index 4fdc618b..5a1d6cad 100644
--- a/people/10598.html
+++ b/people/10598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10599.html b/people/10599.html
index 074801b2..ea687aa1 100644
--- a/people/10599.html
+++ b/people/10599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/106.html b/people/106.html
index ea806ed6..a6428f4a 100644
--- a/people/106.html
+++ b/people/106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1060.html b/people/1060.html
index 83657f16..66770c40 100644
--- a/people/1060.html
+++ b/people/1060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10600.html b/people/10600.html
index bd444e2b..ea5976f4 100644
--- a/people/10600.html
+++ b/people/10600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10601.html b/people/10601.html
index 5376eb47..c1fbceb8 100644
--- a/people/10601.html
+++ b/people/10601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10602.html b/people/10602.html
index 57b14e40..c683c593 100644
--- a/people/10602.html
+++ b/people/10602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10603.html b/people/10603.html
index 401ac0a2..d08d035c 100644
--- a/people/10603.html
+++ b/people/10603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10604.html b/people/10604.html
index 3f18b743..830b4f90 100644
--- a/people/10604.html
+++ b/people/10604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10605.html b/people/10605.html
index cf500b15..c0787ad1 100644
--- a/people/10605.html
+++ b/people/10605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10606.html b/people/10606.html
index 2579658b..f4e307b6 100644
--- a/people/10606.html
+++ b/people/10606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10607.html b/people/10607.html
index e527b66a..d4508b73 100644
--- a/people/10607.html
+++ b/people/10607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10608.html b/people/10608.html
index f5d25e3f..0b278d4b 100644
--- a/people/10608.html
+++ b/people/10608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10609.html b/people/10609.html
index 39d02c57..17ff2086 100644
--- a/people/10609.html
+++ b/people/10609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1061.html b/people/1061.html
index 343a022f..0a5f08a1 100644
--- a/people/1061.html
+++ b/people/1061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10610.html b/people/10610.html
index 3b991db7..7777b8f9 100644
--- a/people/10610.html
+++ b/people/10610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10611.html b/people/10611.html
index 8341184c..b76c8182 100644
--- a/people/10611.html
+++ b/people/10611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10612.html b/people/10612.html
index bd370bc9..a4b36b43 100644
--- a/people/10612.html
+++ b/people/10612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10613.html b/people/10613.html
index 50910f9b..247f0edd 100644
--- a/people/10613.html
+++ b/people/10613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10614.html b/people/10614.html
index c6bbc14f..6ecfe9a9 100644
--- a/people/10614.html
+++ b/people/10614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10615.html b/people/10615.html
index 56eecf25..d7d4e5fd 100644
--- a/people/10615.html
+++ b/people/10615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10616.html b/people/10616.html
index cca281af..90672920 100644
--- a/people/10616.html
+++ b/people/10616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10617.html b/people/10617.html
index a23f22b0..bdd2a6c3 100644
--- a/people/10617.html
+++ b/people/10617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10618.html b/people/10618.html
index 0b20b77f..1ab8fda4 100644
--- a/people/10618.html
+++ b/people/10618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10619.html b/people/10619.html
index c7acee06..593d20fd 100644
--- a/people/10619.html
+++ b/people/10619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1062.html b/people/1062.html
index 91996dc9..0e0d60d8 100644
--- a/people/1062.html
+++ b/people/1062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10620.html b/people/10620.html
index f300ff1c..ddae780b 100644
--- a/people/10620.html
+++ b/people/10620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10621.html b/people/10621.html
index 052b6ee8..342c69cc 100644
--- a/people/10621.html
+++ b/people/10621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10622.html b/people/10622.html
index b5b275fd..a0ab91d1 100644
--- a/people/10622.html
+++ b/people/10622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10623.html b/people/10623.html
index cddbdfdf..3d8f3a33 100644
--- a/people/10623.html
+++ b/people/10623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10624.html b/people/10624.html
index ec2c40a4..e9c8611b 100644
--- a/people/10624.html
+++ b/people/10624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10625.html b/people/10625.html
index 7c73d5b3..467a617e 100644
--- a/people/10625.html
+++ b/people/10625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10626.html b/people/10626.html
index 8913a5fa..efbd2536 100644
--- a/people/10626.html
+++ b/people/10626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10627.html b/people/10627.html
index 6a67dc4c..7bf88eaa 100644
--- a/people/10627.html
+++ b/people/10627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10628.html b/people/10628.html
index 1107799d..ff8d2d37 100644
--- a/people/10628.html
+++ b/people/10628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10629.html b/people/10629.html
index 74476a87..e352fd88 100644
--- a/people/10629.html
+++ b/people/10629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1063.html b/people/1063.html
index 014ff17f..9b28f5fe 100644
--- a/people/1063.html
+++ b/people/1063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10630.html b/people/10630.html
index 5e4f4035..f181e679 100644
--- a/people/10630.html
+++ b/people/10630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10631.html b/people/10631.html
index 1630525d..e59c5852 100644
--- a/people/10631.html
+++ b/people/10631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10632.html b/people/10632.html
index 8cba00d9..336ca0e0 100644
--- a/people/10632.html
+++ b/people/10632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10633.html b/people/10633.html
index d35f8848..3036a472 100644
--- a/people/10633.html
+++ b/people/10633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10634.html b/people/10634.html
index 67abd9cb..78704fd9 100644
--- a/people/10634.html
+++ b/people/10634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10635.html b/people/10635.html
index dc218368..7b5a3b41 100644
--- a/people/10635.html
+++ b/people/10635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10636.html b/people/10636.html
index 3c95a388..4fe04a36 100644
--- a/people/10636.html
+++ b/people/10636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10637.html b/people/10637.html
index 13972501..3c4d53ef 100644
--- a/people/10637.html
+++ b/people/10637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10638.html b/people/10638.html
index 913dcc21..ee9c5206 100644
--- a/people/10638.html
+++ b/people/10638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10639.html b/people/10639.html
index 85b2fd70..854d65fd 100644
--- a/people/10639.html
+++ b/people/10639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1064.html b/people/1064.html
index 201f29a2..1f289782 100644
--- a/people/1064.html
+++ b/people/1064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10640.html b/people/10640.html
index fd325d7f..d11d79bf 100644
--- a/people/10640.html
+++ b/people/10640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10641.html b/people/10641.html
index c0ba1e1f..1616c273 100644
--- a/people/10641.html
+++ b/people/10641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10642.html b/people/10642.html
index 07cf57fb..ecdf0d5c 100644
--- a/people/10642.html
+++ b/people/10642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10643.html b/people/10643.html
index 7667528e..34fe2563 100644
--- a/people/10643.html
+++ b/people/10643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10644.html b/people/10644.html
index 3111de77..8bbc8e16 100644
--- a/people/10644.html
+++ b/people/10644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10645.html b/people/10645.html
index 5a239ad1..d2e2c5bb 100644
--- a/people/10645.html
+++ b/people/10645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10646.html b/people/10646.html
index 12116de3..d3b4b52b 100644
--- a/people/10646.html
+++ b/people/10646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10647.html b/people/10647.html
index 255887bf..284b859f 100644
--- a/people/10647.html
+++ b/people/10647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10648.html b/people/10648.html
index bfcee531..e33ddf24 100644
--- a/people/10648.html
+++ b/people/10648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10649.html b/people/10649.html
index 03fa2815..dd435b70 100644
--- a/people/10649.html
+++ b/people/10649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1065.html b/people/1065.html
index 143e5f7d..9f6191cd 100644
--- a/people/1065.html
+++ b/people/1065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10650.html b/people/10650.html
index 3c33f446..392395ca 100644
--- a/people/10650.html
+++ b/people/10650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10651.html b/people/10651.html
index 11ccd335..cc6f703b 100644
--- a/people/10651.html
+++ b/people/10651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10652.html b/people/10652.html
index 38a70885..e8747993 100644
--- a/people/10652.html
+++ b/people/10652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10653.html b/people/10653.html
index d1aaf18a..23bdbea5 100644
--- a/people/10653.html
+++ b/people/10653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10654.html b/people/10654.html
index 592bea12..548197a1 100644
--- a/people/10654.html
+++ b/people/10654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10655.html b/people/10655.html
index 808e8ac2..6bf1803d 100644
--- a/people/10655.html
+++ b/people/10655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10656.html b/people/10656.html
index 6056ded9..dbcfe33a 100644
--- a/people/10656.html
+++ b/people/10656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10657.html b/people/10657.html
index 2e752684..63e025e0 100644
--- a/people/10657.html
+++ b/people/10657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10658.html b/people/10658.html
index 894cd569..29071a11 100644
--- a/people/10658.html
+++ b/people/10658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10659.html b/people/10659.html
index cf2dc209..7c495a02 100644
--- a/people/10659.html
+++ b/people/10659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1066.html b/people/1066.html
index a993abc1..0cc44b67 100644
--- a/people/1066.html
+++ b/people/1066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10660.html b/people/10660.html
index f5b7d7bb..bf748898 100644
--- a/people/10660.html
+++ b/people/10660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10661.html b/people/10661.html
index e1e3a45f..e00556e3 100644
--- a/people/10661.html
+++ b/people/10661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10662.html b/people/10662.html
index f2a2cf90..203c131d 100644
--- a/people/10662.html
+++ b/people/10662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10663.html b/people/10663.html
index c6e66cd1..86b5754d 100644
--- a/people/10663.html
+++ b/people/10663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10664.html b/people/10664.html
index b1c4dbf4..0927ed2b 100644
--- a/people/10664.html
+++ b/people/10664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10665.html b/people/10665.html
index 68a9572a..cc911b49 100644
--- a/people/10665.html
+++ b/people/10665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10666.html b/people/10666.html
index 74904453..405bbd2a 100644
--- a/people/10666.html
+++ b/people/10666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10667.html b/people/10667.html
index d8a4a4ba..51174601 100644
--- a/people/10667.html
+++ b/people/10667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10668.html b/people/10668.html
index 4ae8662e..d3de7090 100644
--- a/people/10668.html
+++ b/people/10668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10669.html b/people/10669.html
index 6dfb52f9..ff99f62a 100644
--- a/people/10669.html
+++ b/people/10669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1067.html b/people/1067.html
index 52c92766..ee1184b6 100644
--- a/people/1067.html
+++ b/people/1067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10670.html b/people/10670.html
index d4d8d020..89e5730c 100644
--- a/people/10670.html
+++ b/people/10670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10671.html b/people/10671.html
index 00b2f20a..075c75b8 100644
--- a/people/10671.html
+++ b/people/10671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10672.html b/people/10672.html
index f72b7d4d..4e25358f 100644
--- a/people/10672.html
+++ b/people/10672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10673.html b/people/10673.html
index 35e4423c..69cbf3ba 100644
--- a/people/10673.html
+++ b/people/10673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10674.html b/people/10674.html
index 3612758d..2612b632 100644
--- a/people/10674.html
+++ b/people/10674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10675.html b/people/10675.html
index aff1af9c..2878e4ec 100644
--- a/people/10675.html
+++ b/people/10675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10676.html b/people/10676.html
index 68254b97..3a0dd051 100644
--- a/people/10676.html
+++ b/people/10676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10677.html b/people/10677.html
index f1e69fcc..157600ce 100644
--- a/people/10677.html
+++ b/people/10677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10678.html b/people/10678.html
index f4d383b3..7acb00c5 100644
--- a/people/10678.html
+++ b/people/10678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10679.html b/people/10679.html
index a608a48f..1de931e6 100644
--- a/people/10679.html
+++ b/people/10679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1068.html b/people/1068.html
index 67a5e554..5688b1eb 100644
--- a/people/1068.html
+++ b/people/1068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10680.html b/people/10680.html
index 8d1ddd90..f54b2de5 100644
--- a/people/10680.html
+++ b/people/10680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10681.html b/people/10681.html
index 58b8f747..4b5e432f 100644
--- a/people/10681.html
+++ b/people/10681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10682.html b/people/10682.html
index 506658e8..8e86f2a6 100644
--- a/people/10682.html
+++ b/people/10682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10683.html b/people/10683.html
index 0763baec..4496ba79 100644
--- a/people/10683.html
+++ b/people/10683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10684.html b/people/10684.html
index 4b761146..c88ecb6c 100644
--- a/people/10684.html
+++ b/people/10684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10685.html b/people/10685.html
index 579c7a0c..a214ef57 100644
--- a/people/10685.html
+++ b/people/10685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10686.html b/people/10686.html
index b7247073..ad542176 100644
--- a/people/10686.html
+++ b/people/10686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10687.html b/people/10687.html
index 60eb48fe..04485978 100644
--- a/people/10687.html
+++ b/people/10687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10688.html b/people/10688.html
index dbfb1f88..f05435f1 100644
--- a/people/10688.html
+++ b/people/10688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10689.html b/people/10689.html
index 5326198f..387cedb9 100644
--- a/people/10689.html
+++ b/people/10689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1069.html b/people/1069.html
index 143c74b4..72adab00 100644
--- a/people/1069.html
+++ b/people/1069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10690.html b/people/10690.html
index 9d6b8b48..373e05c0 100644
--- a/people/10690.html
+++ b/people/10690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10691.html b/people/10691.html
index 70a07d36..6b7d0920 100644
--- a/people/10691.html
+++ b/people/10691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10692.html b/people/10692.html
index 60d5f813..378bbede 100644
--- a/people/10692.html
+++ b/people/10692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10693.html b/people/10693.html
index 46ff7868..6deb8b3e 100644
--- a/people/10693.html
+++ b/people/10693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10694.html b/people/10694.html
index ffeee71f..b675483b 100644
--- a/people/10694.html
+++ b/people/10694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10695.html b/people/10695.html
index 34e33716..0ad9f74e 100644
--- a/people/10695.html
+++ b/people/10695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10696.html b/people/10696.html
index 515ddf5a..2ba82802 100644
--- a/people/10696.html
+++ b/people/10696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10697.html b/people/10697.html
index a979b7ec..495b004e 100644
--- a/people/10697.html
+++ b/people/10697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10698.html b/people/10698.html
index be4a56da..d1bf8b55 100644
--- a/people/10698.html
+++ b/people/10698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10699.html b/people/10699.html
index e76469c2..1ccc67aa 100644
--- a/people/10699.html
+++ b/people/10699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/107.html b/people/107.html
index 3e16ea36..188c3767 100644
--- a/people/107.html
+++ b/people/107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1070.html b/people/1070.html
index 6fdb0ab5..ddbb9746 100644
--- a/people/1070.html
+++ b/people/1070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10700.html b/people/10700.html
index 7b1d771c..f4b8b3b1 100644
--- a/people/10700.html
+++ b/people/10700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10701.html b/people/10701.html
index 2cf54828..d3e19902 100644
--- a/people/10701.html
+++ b/people/10701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10702.html b/people/10702.html
index e2933313..e19f1b52 100644
--- a/people/10702.html
+++ b/people/10702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10703.html b/people/10703.html
index aa3402df..38af2764 100644
--- a/people/10703.html
+++ b/people/10703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10704.html b/people/10704.html
index d4bfaa54..fdae0225 100644
--- a/people/10704.html
+++ b/people/10704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10705.html b/people/10705.html
index 531860af..971b134f 100644
--- a/people/10705.html
+++ b/people/10705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10706.html b/people/10706.html
index 64ebb844..02d3db24 100644
--- a/people/10706.html
+++ b/people/10706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10707.html b/people/10707.html
index 3190ea93..0fcdcbfb 100644
--- a/people/10707.html
+++ b/people/10707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10708.html b/people/10708.html
index 2cefd0c7..94950193 100644
--- a/people/10708.html
+++ b/people/10708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10709.html b/people/10709.html
index 90cde675..94ed655b 100644
--- a/people/10709.html
+++ b/people/10709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1071.html b/people/1071.html
index a06e18ff..3387b72b 100644
--- a/people/1071.html
+++ b/people/1071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10710.html b/people/10710.html
index ee84bc61..481d25a2 100644
--- a/people/10710.html
+++ b/people/10710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10711.html b/people/10711.html
index e53ea3bc..6ada7662 100644
--- a/people/10711.html
+++ b/people/10711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10712.html b/people/10712.html
index 9f0fda73..7b2faaf2 100644
--- a/people/10712.html
+++ b/people/10712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10713.html b/people/10713.html
index 94d906df..21fac005 100644
--- a/people/10713.html
+++ b/people/10713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10714.html b/people/10714.html
index 5c72dca7..b940432d 100644
--- a/people/10714.html
+++ b/people/10714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10715.html b/people/10715.html
index a502979a..6e8c775c 100644
--- a/people/10715.html
+++ b/people/10715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10716.html b/people/10716.html
index 12ec7aa3..a49cf39a 100644
--- a/people/10716.html
+++ b/people/10716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10717.html b/people/10717.html
index f081410a..372b8dc3 100644
--- a/people/10717.html
+++ b/people/10717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10718.html b/people/10718.html
index 8caa57cd..4b7cc809 100644
--- a/people/10718.html
+++ b/people/10718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10719.html b/people/10719.html
index 1f1382aa..f0df59c1 100644
--- a/people/10719.html
+++ b/people/10719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1072.html b/people/1072.html
index 6ace8aa5..275a80cd 100644
--- a/people/1072.html
+++ b/people/1072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10720.html b/people/10720.html
index b395a09f..41320661 100644
--- a/people/10720.html
+++ b/people/10720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10721.html b/people/10721.html
index 9c595c6e..bda8b7d2 100644
--- a/people/10721.html
+++ b/people/10721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10722.html b/people/10722.html
index 33c1c7f2..db243223 100644
--- a/people/10722.html
+++ b/people/10722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10723.html b/people/10723.html
index 74fe3a84..0191b39c 100644
--- a/people/10723.html
+++ b/people/10723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10724.html b/people/10724.html
index 25b0ae82..d3934a73 100644
--- a/people/10724.html
+++ b/people/10724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10725.html b/people/10725.html
index 17b00fcb..42790886 100644
--- a/people/10725.html
+++ b/people/10725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10726.html b/people/10726.html
index 51856ee6..13887484 100644
--- a/people/10726.html
+++ b/people/10726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10727.html b/people/10727.html
index 6886971c..f10efbdb 100644
--- a/people/10727.html
+++ b/people/10727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10728.html b/people/10728.html
index de2419b6..5d4b518f 100644
--- a/people/10728.html
+++ b/people/10728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10729.html b/people/10729.html
index 401e8e99..c28231f8 100644
--- a/people/10729.html
+++ b/people/10729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1073.html b/people/1073.html
index 9ab6d7c3..19a6f1f3 100644
--- a/people/1073.html
+++ b/people/1073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10730.html b/people/10730.html
index 60a34031..3bbb5fe2 100644
--- a/people/10730.html
+++ b/people/10730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10731.html b/people/10731.html
index dcc40dc6..e194f518 100644
--- a/people/10731.html
+++ b/people/10731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10732.html b/people/10732.html
index 2de7ba04..18c17dd9 100644
--- a/people/10732.html
+++ b/people/10732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10733.html b/people/10733.html
index beffaeb2..1c5f1c36 100644
--- a/people/10733.html
+++ b/people/10733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10734.html b/people/10734.html
index eaccb424..12c17534 100644
--- a/people/10734.html
+++ b/people/10734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10735.html b/people/10735.html
index e2f94276..ecb2919a 100644
--- a/people/10735.html
+++ b/people/10735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10736.html b/people/10736.html
index 0a70d9d1..3754e371 100644
--- a/people/10736.html
+++ b/people/10736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10737.html b/people/10737.html
index e9ca1f53..313fe613 100644
--- a/people/10737.html
+++ b/people/10737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10738.html b/people/10738.html
index 6afd22fb..4727bf5f 100644
--- a/people/10738.html
+++ b/people/10738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10739.html b/people/10739.html
index dec7062f..d484c125 100644
--- a/people/10739.html
+++ b/people/10739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1074.html b/people/1074.html
index 1053dc86..e639c371 100644
--- a/people/1074.html
+++ b/people/1074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10740.html b/people/10740.html
index c835b060..cddb770f 100644
--- a/people/10740.html
+++ b/people/10740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10741.html b/people/10741.html
index e3739fb1..c0ca456b 100644
--- a/people/10741.html
+++ b/people/10741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10742.html b/people/10742.html
index 738a39ec..198eca90 100644
--- a/people/10742.html
+++ b/people/10742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10743.html b/people/10743.html
index 4fbe3cb7..82cb8a78 100644
--- a/people/10743.html
+++ b/people/10743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10744.html b/people/10744.html
index 50a97500..d61507cb 100644
--- a/people/10744.html
+++ b/people/10744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10745.html b/people/10745.html
index a486db81..38714272 100644
--- a/people/10745.html
+++ b/people/10745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10746.html b/people/10746.html
index dceeb04b..18cdbbdf 100644
--- a/people/10746.html
+++ b/people/10746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10747.html b/people/10747.html
index 5aaa5a3d..687deaa6 100644
--- a/people/10747.html
+++ b/people/10747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10748.html b/people/10748.html
index c285cb0c..7f02558a 100644
--- a/people/10748.html
+++ b/people/10748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10749.html b/people/10749.html
index 50909340..467cb483 100644
--- a/people/10749.html
+++ b/people/10749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1075.html b/people/1075.html
index c8874c07..cc9c3d68 100644
--- a/people/1075.html
+++ b/people/1075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10750.html b/people/10750.html
index 0aa416ac..823e6a98 100644
--- a/people/10750.html
+++ b/people/10750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10751.html b/people/10751.html
index abbaeef2..81d89bfb 100644
--- a/people/10751.html
+++ b/people/10751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10752.html b/people/10752.html
index 4040968f..1658a26c 100644
--- a/people/10752.html
+++ b/people/10752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10753.html b/people/10753.html
index 3cb8a835..c75336e0 100644
--- a/people/10753.html
+++ b/people/10753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10754.html b/people/10754.html
index 26715b1c..cbbb5a99 100644
--- a/people/10754.html
+++ b/people/10754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10755.html b/people/10755.html
index d5fdc1fb..f063c205 100644
--- a/people/10755.html
+++ b/people/10755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10756.html b/people/10756.html
index 9a1e9a8a..0524ccac 100644
--- a/people/10756.html
+++ b/people/10756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10757.html b/people/10757.html
index d341b6cc..15aa9204 100644
--- a/people/10757.html
+++ b/people/10757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10758.html b/people/10758.html
index 4b3d0123..7e6f79ee 100644
--- a/people/10758.html
+++ b/people/10758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10759.html b/people/10759.html
index c28f1f1c..436db800 100644
--- a/people/10759.html
+++ b/people/10759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1076.html b/people/1076.html
index 79fa568d..23fcd80c 100644
--- a/people/1076.html
+++ b/people/1076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10760.html b/people/10760.html
index fbee821b..d5dbd982 100644
--- a/people/10760.html
+++ b/people/10760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10761.html b/people/10761.html
index 04a42942..ebba1256 100644
--- a/people/10761.html
+++ b/people/10761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10762.html b/people/10762.html
index 30409524..d0003a19 100644
--- a/people/10762.html
+++ b/people/10762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10763.html b/people/10763.html
index 314e4f45..a5bd3313 100644
--- a/people/10763.html
+++ b/people/10763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10764.html b/people/10764.html
index 14f675eb..3b97f52f 100644
--- a/people/10764.html
+++ b/people/10764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10765.html b/people/10765.html
index 73aa7691..20682be1 100644
--- a/people/10765.html
+++ b/people/10765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10766.html b/people/10766.html
index aac6d238..fff3f351 100644
--- a/people/10766.html
+++ b/people/10766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10767.html b/people/10767.html
index fef207de..ad9c04bb 100644
--- a/people/10767.html
+++ b/people/10767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10768.html b/people/10768.html
index fe53875a..5d8db1e5 100644
--- a/people/10768.html
+++ b/people/10768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10769.html b/people/10769.html
index 69ed6533..631389f3 100644
--- a/people/10769.html
+++ b/people/10769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1077.html b/people/1077.html
index e5070cef..91883815 100644
--- a/people/1077.html
+++ b/people/1077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10770.html b/people/10770.html
index fc9118dc..8822925b 100644
--- a/people/10770.html
+++ b/people/10770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10771.html b/people/10771.html
index f8ca601f..9863b93b 100644
--- a/people/10771.html
+++ b/people/10771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10772.html b/people/10772.html
index 235403c1..46d964af 100644
--- a/people/10772.html
+++ b/people/10772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10773.html b/people/10773.html
index 3ba43118..f1398a42 100644
--- a/people/10773.html
+++ b/people/10773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10774.html b/people/10774.html
index 3d92e1a1..efe3a1d3 100644
--- a/people/10774.html
+++ b/people/10774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10775.html b/people/10775.html
index e3f93821..6bf987df 100644
--- a/people/10775.html
+++ b/people/10775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10776.html b/people/10776.html
index 14e41244..730fa514 100644
--- a/people/10776.html
+++ b/people/10776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10777.html b/people/10777.html
index d251e28d..1ab804ed 100644
--- a/people/10777.html
+++ b/people/10777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10778.html b/people/10778.html
index 6f0d49c0..35e5aaf4 100644
--- a/people/10778.html
+++ b/people/10778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10779.html b/people/10779.html
index 61ad2e04..10f12ea4 100644
--- a/people/10779.html
+++ b/people/10779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1078.html b/people/1078.html
index 82abc76c..b00162d0 100644
--- a/people/1078.html
+++ b/people/1078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10780.html b/people/10780.html
index db31d377..88293c35 100644
--- a/people/10780.html
+++ b/people/10780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10781.html b/people/10781.html
index 7ca07d8f..5830d665 100644
--- a/people/10781.html
+++ b/people/10781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10782.html b/people/10782.html
index fdaa056c..a32d3e71 100644
--- a/people/10782.html
+++ b/people/10782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10783.html b/people/10783.html
index 4729db00..a5ad8974 100644
--- a/people/10783.html
+++ b/people/10783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10784.html b/people/10784.html
index d1e5156f..33e27052 100644
--- a/people/10784.html
+++ b/people/10784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10785.html b/people/10785.html
index 81616bde..8dee965d 100644
--- a/people/10785.html
+++ b/people/10785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10786.html b/people/10786.html
index 22392ed8..b571e8e9 100644
--- a/people/10786.html
+++ b/people/10786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10787.html b/people/10787.html
index 73b2eb43..edd0bf3f 100644
--- a/people/10787.html
+++ b/people/10787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10788.html b/people/10788.html
index d18ffb5d..816710e6 100644
--- a/people/10788.html
+++ b/people/10788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10789.html b/people/10789.html
index 0320db53..42c6e160 100644
--- a/people/10789.html
+++ b/people/10789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1079.html b/people/1079.html
index 87b62b27..4536b9fa 100644
--- a/people/1079.html
+++ b/people/1079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10790.html b/people/10790.html
index e4a07cf3..0b3a35aa 100644
--- a/people/10790.html
+++ b/people/10790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10791.html b/people/10791.html
index 50eb3849..0d2badbd 100644
--- a/people/10791.html
+++ b/people/10791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10792.html b/people/10792.html
index a45872fd..3b4f8c43 100644
--- a/people/10792.html
+++ b/people/10792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10793.html b/people/10793.html
index 6589d3fd..95b14664 100644
--- a/people/10793.html
+++ b/people/10793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10794.html b/people/10794.html
index e16c4a27..c64d3eff 100644
--- a/people/10794.html
+++ b/people/10794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10795.html b/people/10795.html
index 6f32cae3..d47464b6 100644
--- a/people/10795.html
+++ b/people/10795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10796.html b/people/10796.html
index 280b4eb7..5e3a6c36 100644
--- a/people/10796.html
+++ b/people/10796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10797.html b/people/10797.html
index a1174008..4b18aed6 100644
--- a/people/10797.html
+++ b/people/10797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10798.html b/people/10798.html
index fa384081..ecce8930 100644
--- a/people/10798.html
+++ b/people/10798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10799.html b/people/10799.html
index 4f5326b6..0bf922d3 100644
--- a/people/10799.html
+++ b/people/10799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/108.html b/people/108.html
index d4a4467f..6c97b4e7 100644
--- a/people/108.html
+++ b/people/108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1080.html b/people/1080.html
index be1064ca..65b86cf5 100644
--- a/people/1080.html
+++ b/people/1080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10800.html b/people/10800.html
index 921c5dab..ba07f6f9 100644
--- a/people/10800.html
+++ b/people/10800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10801.html b/people/10801.html
index 97281b22..cc50aa7e 100644
--- a/people/10801.html
+++ b/people/10801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10802.html b/people/10802.html
index 29b8d335..e40c79f6 100644
--- a/people/10802.html
+++ b/people/10802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10803.html b/people/10803.html
index 075a5d38..b38114ff 100644
--- a/people/10803.html
+++ b/people/10803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10804.html b/people/10804.html
index fab91a05..208c5b19 100644
--- a/people/10804.html
+++ b/people/10804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10805.html b/people/10805.html
index 30a9fac4..fa9a9e1d 100644
--- a/people/10805.html
+++ b/people/10805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10806.html b/people/10806.html
index c9916164..a644df3b 100644
--- a/people/10806.html
+++ b/people/10806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10807.html b/people/10807.html
index 07c55709..0f4c63c6 100644
--- a/people/10807.html
+++ b/people/10807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10808.html b/people/10808.html
index da1e70fa..e058052f 100644
--- a/people/10808.html
+++ b/people/10808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10809.html b/people/10809.html
index ca5dc133..6034d443 100644
--- a/people/10809.html
+++ b/people/10809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1081.html b/people/1081.html
index f0539c4c..d1fc2d87 100644
--- a/people/1081.html
+++ b/people/1081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10810.html b/people/10810.html
index 8495c553..2d458c70 100644
--- a/people/10810.html
+++ b/people/10810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10811.html b/people/10811.html
index 03746c65..de9a020a 100644
--- a/people/10811.html
+++ b/people/10811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10812.html b/people/10812.html
index b284fed3..9eeab6d6 100644
--- a/people/10812.html
+++ b/people/10812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10813.html b/people/10813.html
index 6debbddf..366854c5 100644
--- a/people/10813.html
+++ b/people/10813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10814.html b/people/10814.html
index a2ce7253..1ea65326 100644
--- a/people/10814.html
+++ b/people/10814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10815.html b/people/10815.html
index 1ab6d47b..b17ddc60 100644
--- a/people/10815.html
+++ b/people/10815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10816.html b/people/10816.html
index cc652fa2..22ebc0a4 100644
--- a/people/10816.html
+++ b/people/10816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10817.html b/people/10817.html
index 48fb63ca..c8f6a162 100644
--- a/people/10817.html
+++ b/people/10817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10818.html b/people/10818.html
index fa0db8e0..a6207546 100644
--- a/people/10818.html
+++ b/people/10818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10819.html b/people/10819.html
index 7eeb4001..8d46a99f 100644
--- a/people/10819.html
+++ b/people/10819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1082.html b/people/1082.html
index 85db8de6..d1483c1e 100644
--- a/people/1082.html
+++ b/people/1082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10820.html b/people/10820.html
index f2282650..3955db90 100644
--- a/people/10820.html
+++ b/people/10820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10821.html b/people/10821.html
index 110031ba..a05723d5 100644
--- a/people/10821.html
+++ b/people/10821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10822.html b/people/10822.html
index b6a57da1..ce213124 100644
--- a/people/10822.html
+++ b/people/10822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10823.html b/people/10823.html
index 8bb1b2c6..39ede7d1 100644
--- a/people/10823.html
+++ b/people/10823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10824.html b/people/10824.html
index a90156d9..62de7ffa 100644
--- a/people/10824.html
+++ b/people/10824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10825.html b/people/10825.html
index 1cac49ce..f2a43534 100644
--- a/people/10825.html
+++ b/people/10825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10826.html b/people/10826.html
index 31bf451b..baebd6ac 100644
--- a/people/10826.html
+++ b/people/10826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10827.html b/people/10827.html
index 899762d8..1917fb80 100644
--- a/people/10827.html
+++ b/people/10827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10828.html b/people/10828.html
index ca4b3c43..a8316dc4 100644
--- a/people/10828.html
+++ b/people/10828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10829.html b/people/10829.html
index 39e54bc4..9232e5d7 100644
--- a/people/10829.html
+++ b/people/10829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1083.html b/people/1083.html
index e3907aa5..c69c3eaa 100644
--- a/people/1083.html
+++ b/people/1083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10830.html b/people/10830.html
index 58c81ce4..27c5f5e8 100644
--- a/people/10830.html
+++ b/people/10830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10831.html b/people/10831.html
index 9831d0e7..6ec20370 100644
--- a/people/10831.html
+++ b/people/10831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10832.html b/people/10832.html
index 6f1f6f83..5e5fba58 100644
--- a/people/10832.html
+++ b/people/10832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10833.html b/people/10833.html
index 011363e8..1b39b67a 100644
--- a/people/10833.html
+++ b/people/10833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10834.html b/people/10834.html
index fbc896ca..66e2d07a 100644
--- a/people/10834.html
+++ b/people/10834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10835.html b/people/10835.html
index 886513ab..c2f455b4 100644
--- a/people/10835.html
+++ b/people/10835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10836.html b/people/10836.html
index 8887ca39..cca6c23f 100644
--- a/people/10836.html
+++ b/people/10836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10837.html b/people/10837.html
index a8dcf7f4..a936fc84 100644
--- a/people/10837.html
+++ b/people/10837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10838.html b/people/10838.html
index 5d8ecde0..04a17c89 100644
--- a/people/10838.html
+++ b/people/10838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10839.html b/people/10839.html
index 44283312..6bcae330 100644
--- a/people/10839.html
+++ b/people/10839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1084.html b/people/1084.html
index c67b8722..cd1f7378 100644
--- a/people/1084.html
+++ b/people/1084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10840.html b/people/10840.html
index 8d538148..ea245399 100644
--- a/people/10840.html
+++ b/people/10840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10841.html b/people/10841.html
index dc923a38..606e3862 100644
--- a/people/10841.html
+++ b/people/10841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10842.html b/people/10842.html
index 64759046..6684b7de 100644
--- a/people/10842.html
+++ b/people/10842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10843.html b/people/10843.html
index 742ac3f8..d0b6bbea 100644
--- a/people/10843.html
+++ b/people/10843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10844.html b/people/10844.html
index 8e16d6a5..b0d20289 100644
--- a/people/10844.html
+++ b/people/10844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10845.html b/people/10845.html
index 3a24151e..6f197f35 100644
--- a/people/10845.html
+++ b/people/10845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10846.html b/people/10846.html
index 82045e0a..8deca12c 100644
--- a/people/10846.html
+++ b/people/10846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10847.html b/people/10847.html
index e1ab272a..0d6b4726 100644
--- a/people/10847.html
+++ b/people/10847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10848.html b/people/10848.html
index db4a060b..0ac5a41f 100644
--- a/people/10848.html
+++ b/people/10848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10849.html b/people/10849.html
index 067a4875..7a8b5876 100644
--- a/people/10849.html
+++ b/people/10849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1085.html b/people/1085.html
index 5fa8bca7..3af21b5d 100644
--- a/people/1085.html
+++ b/people/1085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10850.html b/people/10850.html
index 566f729a..48ee209b 100644
--- a/people/10850.html
+++ b/people/10850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10851.html b/people/10851.html
index 5189aa9d..7e0afa60 100644
--- a/people/10851.html
+++ b/people/10851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10852.html b/people/10852.html
index 2b40391c..c1179166 100644
--- a/people/10852.html
+++ b/people/10852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10853.html b/people/10853.html
index b081d0aa..03bddc79 100644
--- a/people/10853.html
+++ b/people/10853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10854.html b/people/10854.html
index 262ecd60..94a302c8 100644
--- a/people/10854.html
+++ b/people/10854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10855.html b/people/10855.html
index 5dc0f1f4..971402c9 100644
--- a/people/10855.html
+++ b/people/10855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10856.html b/people/10856.html
index ba67bb4e..684a498c 100644
--- a/people/10856.html
+++ b/people/10856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10857.html b/people/10857.html
index 6fc07ed8..e4036280 100644
--- a/people/10857.html
+++ b/people/10857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10858.html b/people/10858.html
index 74da3339..cadf3291 100644
--- a/people/10858.html
+++ b/people/10858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10859.html b/people/10859.html
index b176a593..ca31a6a0 100644
--- a/people/10859.html
+++ b/people/10859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1086.html b/people/1086.html
index 09a354ec..5d5abb0a 100644
--- a/people/1086.html
+++ b/people/1086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10860.html b/people/10860.html
index 5237d819..b5029f0c 100644
--- a/people/10860.html
+++ b/people/10860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10861.html b/people/10861.html
index cbb54dc6..1561e272 100644
--- a/people/10861.html
+++ b/people/10861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10862.html b/people/10862.html
index dc52d761..78caf533 100644
--- a/people/10862.html
+++ b/people/10862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10863.html b/people/10863.html
index 6b73e933..97f27584 100644
--- a/people/10863.html
+++ b/people/10863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10864.html b/people/10864.html
index dbb598e1..8366096e 100644
--- a/people/10864.html
+++ b/people/10864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10865.html b/people/10865.html
index 4f8b6e73..ec208dfd 100644
--- a/people/10865.html
+++ b/people/10865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10866.html b/people/10866.html
index 881c49ba..055f8afd 100644
--- a/people/10866.html
+++ b/people/10866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10867.html b/people/10867.html
index 9bb98f70..14e3ca15 100644
--- a/people/10867.html
+++ b/people/10867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10868.html b/people/10868.html
index 102acf65..0ddbae26 100644
--- a/people/10868.html
+++ b/people/10868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10869.html b/people/10869.html
index 5aabed68..dec928d9 100644
--- a/people/10869.html
+++ b/people/10869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1087.html b/people/1087.html
index 7e865f1c..81b2a2f1 100644
--- a/people/1087.html
+++ b/people/1087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10870.html b/people/10870.html
index 931213e1..0fa9e124 100644
--- a/people/10870.html
+++ b/people/10870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10871.html b/people/10871.html
index 6af77808..547e768c 100644
--- a/people/10871.html
+++ b/people/10871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10872.html b/people/10872.html
index b7ee18bb..6ded347c 100644
--- a/people/10872.html
+++ b/people/10872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10873.html b/people/10873.html
index aeec8cc0..38d1c1f3 100644
--- a/people/10873.html
+++ b/people/10873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10874.html b/people/10874.html
index b0b30f50..f43042a8 100644
--- a/people/10874.html
+++ b/people/10874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10875.html b/people/10875.html
index 29affa98..f2afb3f7 100644
--- a/people/10875.html
+++ b/people/10875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10876.html b/people/10876.html
index 516b9dc0..f2ecfd7a 100644
--- a/people/10876.html
+++ b/people/10876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10877.html b/people/10877.html
index 2a64fe21..df05fe60 100644
--- a/people/10877.html
+++ b/people/10877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10878.html b/people/10878.html
index 11364dc1..743a097b 100644
--- a/people/10878.html
+++ b/people/10878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10879.html b/people/10879.html
index d286b11e..3df9913d 100644
--- a/people/10879.html
+++ b/people/10879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1088.html b/people/1088.html
index 07f1700c..eafc08f7 100644
--- a/people/1088.html
+++ b/people/1088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10880.html b/people/10880.html
index 923418b0..6e4d4ae8 100644
--- a/people/10880.html
+++ b/people/10880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10881.html b/people/10881.html
index 14b862e8..3c8038a7 100644
--- a/people/10881.html
+++ b/people/10881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10882.html b/people/10882.html
index 36fc0d8a..923758af 100644
--- a/people/10882.html
+++ b/people/10882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10883.html b/people/10883.html
index 66010fb9..07d38b42 100644
--- a/people/10883.html
+++ b/people/10883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10884.html b/people/10884.html
index a5baa89f..63ccbdd0 100644
--- a/people/10884.html
+++ b/people/10884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10885.html b/people/10885.html
index 760a3fba..a58de711 100644
--- a/people/10885.html
+++ b/people/10885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10886.html b/people/10886.html
index 7dd33762..aa4fa009 100644
--- a/people/10886.html
+++ b/people/10886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10887.html b/people/10887.html
index e62e7e4f..77c4e129 100644
--- a/people/10887.html
+++ b/people/10887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10888.html b/people/10888.html
index ad0e0646..3632bced 100644
--- a/people/10888.html
+++ b/people/10888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10889.html b/people/10889.html
index c08315c8..35153c40 100644
--- a/people/10889.html
+++ b/people/10889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1089.html b/people/1089.html
index ed15a42a..bd32f56d 100644
--- a/people/1089.html
+++ b/people/1089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10890.html b/people/10890.html
index 83820503..ca3d640a 100644
--- a/people/10890.html
+++ b/people/10890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10891.html b/people/10891.html
index b039ff78..583471ca 100644
--- a/people/10891.html
+++ b/people/10891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10892.html b/people/10892.html
index 6a72e409..94770f7a 100644
--- a/people/10892.html
+++ b/people/10892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10893.html b/people/10893.html
index 536ac955..c1d7cd0d 100644
--- a/people/10893.html
+++ b/people/10893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10894.html b/people/10894.html
index be02d2a9..428d1701 100644
--- a/people/10894.html
+++ b/people/10894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10895.html b/people/10895.html
index 0526e91f..26fb1d59 100644
--- a/people/10895.html
+++ b/people/10895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10896.html b/people/10896.html
index dc2c4f00..84d2cd72 100644
--- a/people/10896.html
+++ b/people/10896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10897.html b/people/10897.html
index ada79ad1..2dd6ef8a 100644
--- a/people/10897.html
+++ b/people/10897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10898.html b/people/10898.html
index e8419299..2d8b4b5e 100644
--- a/people/10898.html
+++ b/people/10898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10899.html b/people/10899.html
index 6caab1f2..ea50c261 100644
--- a/people/10899.html
+++ b/people/10899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/109.html b/people/109.html
index 5f9dc7a3..1b61d456 100644
--- a/people/109.html
+++ b/people/109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1090.html b/people/1090.html
index 1b0ffdde..bdcda775 100644
--- a/people/1090.html
+++ b/people/1090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10900.html b/people/10900.html
index 9ee2d0f7..3dc10a6c 100644
--- a/people/10900.html
+++ b/people/10900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10901.html b/people/10901.html
index 18ffe95c..8acceaa5 100644
--- a/people/10901.html
+++ b/people/10901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10902.html b/people/10902.html
index fba8f68e..686db367 100644
--- a/people/10902.html
+++ b/people/10902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10903.html b/people/10903.html
index be000efd..108a070b 100644
--- a/people/10903.html
+++ b/people/10903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10904.html b/people/10904.html
index 0ed1a055..6545a754 100644
--- a/people/10904.html
+++ b/people/10904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10905.html b/people/10905.html
index b9d0bbda..27b00c3f 100644
--- a/people/10905.html
+++ b/people/10905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10906.html b/people/10906.html
index 55c687c0..332066e2 100644
--- a/people/10906.html
+++ b/people/10906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10907.html b/people/10907.html
index 620ca58c..f0b8617b 100644
--- a/people/10907.html
+++ b/people/10907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10908.html b/people/10908.html
index c3954a22..7227d623 100644
--- a/people/10908.html
+++ b/people/10908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10909.html b/people/10909.html
index f7c4621f..2cb9788c 100644
--- a/people/10909.html
+++ b/people/10909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1091.html b/people/1091.html
index 263c6447..e3ff89fc 100644
--- a/people/1091.html
+++ b/people/1091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10910.html b/people/10910.html
index e14abd3d..e3c335c1 100644
--- a/people/10910.html
+++ b/people/10910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10911.html b/people/10911.html
index 622697c7..d1d68d79 100644
--- a/people/10911.html
+++ b/people/10911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10912.html b/people/10912.html
index 6514e09a..a199cc02 100644
--- a/people/10912.html
+++ b/people/10912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10913.html b/people/10913.html
index aed2ef06..3df5fdbe 100644
--- a/people/10913.html
+++ b/people/10913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10914.html b/people/10914.html
index e4282266..fe484ed8 100644
--- a/people/10914.html
+++ b/people/10914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10915.html b/people/10915.html
index 31984432..2000d90b 100644
--- a/people/10915.html
+++ b/people/10915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10916.html b/people/10916.html
index dddb0f5e..8c06b32e 100644
--- a/people/10916.html
+++ b/people/10916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10917.html b/people/10917.html
index b2f59899..0fa1d20a 100644
--- a/people/10917.html
+++ b/people/10917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10918.html b/people/10918.html
index f64ca4cc..1ee5924e 100644
--- a/people/10918.html
+++ b/people/10918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10919.html b/people/10919.html
index 93eda965..a4482d10 100644
--- a/people/10919.html
+++ b/people/10919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1092.html b/people/1092.html
index 4c0598a0..27573ad5 100644
--- a/people/1092.html
+++ b/people/1092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10920.html b/people/10920.html
index 5e20cd20..dae87405 100644
--- a/people/10920.html
+++ b/people/10920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10921.html b/people/10921.html
index eada2981..922a6939 100644
--- a/people/10921.html
+++ b/people/10921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10922.html b/people/10922.html
index 80a74c29..27b80a41 100644
--- a/people/10922.html
+++ b/people/10922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10923.html b/people/10923.html
index 64ee3253..2cd19f1f 100644
--- a/people/10923.html
+++ b/people/10923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10924.html b/people/10924.html
index 32c5146c..071139c2 100644
--- a/people/10924.html
+++ b/people/10924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10925.html b/people/10925.html
index 27ffe20b..1fd2ed3a 100644
--- a/people/10925.html
+++ b/people/10925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10926.html b/people/10926.html
index e1ad6ebf..f24c0422 100644
--- a/people/10926.html
+++ b/people/10926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10927.html b/people/10927.html
index 9f535009..6a70b223 100644
--- a/people/10927.html
+++ b/people/10927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10928.html b/people/10928.html
index ba2a56b6..1a7cd41a 100644
--- a/people/10928.html
+++ b/people/10928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10929.html b/people/10929.html
index 5e8b08b3..bebfdc74 100644
--- a/people/10929.html
+++ b/people/10929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1093.html b/people/1093.html
index c11b33c8..a67b5d9a 100644
--- a/people/1093.html
+++ b/people/1093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10930.html b/people/10930.html
index 282dc715..e4b3e9d5 100644
--- a/people/10930.html
+++ b/people/10930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10931.html b/people/10931.html
index 0086b593..704f5be2 100644
--- a/people/10931.html
+++ b/people/10931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10932.html b/people/10932.html
index 599e5313..4abaa333 100644
--- a/people/10932.html
+++ b/people/10932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10933.html b/people/10933.html
index 9fa607ac..3b34ae27 100644
--- a/people/10933.html
+++ b/people/10933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10934.html b/people/10934.html
index 33793936..a4b645b4 100644
--- a/people/10934.html
+++ b/people/10934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10935.html b/people/10935.html
index 4644ceba..5a33044a 100644
--- a/people/10935.html
+++ b/people/10935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10936.html b/people/10936.html
index abe010a4..70cd4182 100644
--- a/people/10936.html
+++ b/people/10936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10937.html b/people/10937.html
index 7eb5a20a..3fcdd506 100644
--- a/people/10937.html
+++ b/people/10937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10938.html b/people/10938.html
index f2d78514..4c6075be 100644
--- a/people/10938.html
+++ b/people/10938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10939.html b/people/10939.html
index 1a557888..bdd8442b 100644
--- a/people/10939.html
+++ b/people/10939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1094.html b/people/1094.html
index 8d5ae67a..dc9bb175 100644
--- a/people/1094.html
+++ b/people/1094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10940.html b/people/10940.html
index 8eb904ca..ecf9f81d 100644
--- a/people/10940.html
+++ b/people/10940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10941.html b/people/10941.html
index d0b500dd..816b8220 100644
--- a/people/10941.html
+++ b/people/10941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10942.html b/people/10942.html
index 6a770b4c..506b05c0 100644
--- a/people/10942.html
+++ b/people/10942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10943.html b/people/10943.html
index c4789a83..670ce15b 100644
--- a/people/10943.html
+++ b/people/10943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10944.html b/people/10944.html
index 347e4c24..8e39c740 100644
--- a/people/10944.html
+++ b/people/10944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10945.html b/people/10945.html
index 32a8f7eb..f607fe06 100644
--- a/people/10945.html
+++ b/people/10945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10946.html b/people/10946.html
index 56efadca..98a75568 100644
--- a/people/10946.html
+++ b/people/10946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10947.html b/people/10947.html
index 6e18bc24..b1084016 100644
--- a/people/10947.html
+++ b/people/10947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10948.html b/people/10948.html
index d73560c0..9e17f986 100644
--- a/people/10948.html
+++ b/people/10948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10949.html b/people/10949.html
index 586c0967..46ab6584 100644
--- a/people/10949.html
+++ b/people/10949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1095.html b/people/1095.html
index 5a677f04..8d97026c 100644
--- a/people/1095.html
+++ b/people/1095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10950.html b/people/10950.html
index d35f259c..2c4f596e 100644
--- a/people/10950.html
+++ b/people/10950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10951.html b/people/10951.html
index c6820422..7d14ae7a 100644
--- a/people/10951.html
+++ b/people/10951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10952.html b/people/10952.html
index e5da1bd4..a83ea260 100644
--- a/people/10952.html
+++ b/people/10952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10953.html b/people/10953.html
index 430eb246..66ee2651 100644
--- a/people/10953.html
+++ b/people/10953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10954.html b/people/10954.html
index b6363727..8e32f84a 100644
--- a/people/10954.html
+++ b/people/10954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10955.html b/people/10955.html
index 0b171a5b..7610b0f2 100644
--- a/people/10955.html
+++ b/people/10955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10956.html b/people/10956.html
index f01f4b23..4b7185b2 100644
--- a/people/10956.html
+++ b/people/10956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10957.html b/people/10957.html
index e488c825..75ccc20a 100644
--- a/people/10957.html
+++ b/people/10957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10958.html b/people/10958.html
index dd1b7563..d38ef2f4 100644
--- a/people/10958.html
+++ b/people/10958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10959.html b/people/10959.html
index 66ed7ed9..a36b68bb 100644
--- a/people/10959.html
+++ b/people/10959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1096.html b/people/1096.html
index 36b17cc0..ab91fe31 100644
--- a/people/1096.html
+++ b/people/1096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10960.html b/people/10960.html
index 5a3095ed..d2501e04 100644
--- a/people/10960.html
+++ b/people/10960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10961.html b/people/10961.html
index 5383f63c..0bd5279f 100644
--- a/people/10961.html
+++ b/people/10961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10962.html b/people/10962.html
index e6474ea7..f16663ae 100644
--- a/people/10962.html
+++ b/people/10962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10963.html b/people/10963.html
index 88edd746..44fe2e35 100644
--- a/people/10963.html
+++ b/people/10963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10964.html b/people/10964.html
index 316ec9c5..d8a2e5b6 100644
--- a/people/10964.html
+++ b/people/10964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10965.html b/people/10965.html
index e2cffed8..2019a9fa 100644
--- a/people/10965.html
+++ b/people/10965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10966.html b/people/10966.html
index b98425b2..a2a6c7f0 100644
--- a/people/10966.html
+++ b/people/10966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10967.html b/people/10967.html
index 81b8f113..0e89dca4 100644
--- a/people/10967.html
+++ b/people/10967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10968.html b/people/10968.html
index 00124c49..9ce37d02 100644
--- a/people/10968.html
+++ b/people/10968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10969.html b/people/10969.html
index b364dec1..d968c74e 100644
--- a/people/10969.html
+++ b/people/10969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1097.html b/people/1097.html
index 2d7494c8..8c80a062 100644
--- a/people/1097.html
+++ b/people/1097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10970.html b/people/10970.html
index 06ccd704..ab34290f 100644
--- a/people/10970.html
+++ b/people/10970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10971.html b/people/10971.html
index b697438f..890306ad 100644
--- a/people/10971.html
+++ b/people/10971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10972.html b/people/10972.html
index c542026b..41e78c11 100644
--- a/people/10972.html
+++ b/people/10972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10973.html b/people/10973.html
index 1e47b3ca..8521bfbe 100644
--- a/people/10973.html
+++ b/people/10973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10974.html b/people/10974.html
index eca6a657..1bc3d2be 100644
--- a/people/10974.html
+++ b/people/10974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10975.html b/people/10975.html
index 758febd0..85e54c7e 100644
--- a/people/10975.html
+++ b/people/10975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10976.html b/people/10976.html
index 08676374..d34dd9da 100644
--- a/people/10976.html
+++ b/people/10976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10977.html b/people/10977.html
index 8425cd92..f030c154 100644
--- a/people/10977.html
+++ b/people/10977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10978.html b/people/10978.html
index bc0f8a31..f1d5aea6 100644
--- a/people/10978.html
+++ b/people/10978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10979.html b/people/10979.html
index 73c64eb2..28d92868 100644
--- a/people/10979.html
+++ b/people/10979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1098.html b/people/1098.html
index 16086940..def18564 100644
--- a/people/1098.html
+++ b/people/1098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10980.html b/people/10980.html
index 85242174..50d28232 100644
--- a/people/10980.html
+++ b/people/10980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10981.html b/people/10981.html
index cc8ea49c..11aeb85c 100644
--- a/people/10981.html
+++ b/people/10981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10982.html b/people/10982.html
index 12cb9e06..fbb46634 100644
--- a/people/10982.html
+++ b/people/10982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10983.html b/people/10983.html
index 7de44004..c9c37709 100644
--- a/people/10983.html
+++ b/people/10983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10984.html b/people/10984.html
index eb880f52..d9f42203 100644
--- a/people/10984.html
+++ b/people/10984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10985.html b/people/10985.html
index c2d2d48b..1cbc7916 100644
--- a/people/10985.html
+++ b/people/10985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10986.html b/people/10986.html
index 4ba86305..c5b16f53 100644
--- a/people/10986.html
+++ b/people/10986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10987.html b/people/10987.html
index 1bd6b00f..b3847246 100644
--- a/people/10987.html
+++ b/people/10987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10988.html b/people/10988.html
index f82fff2c..b3b28ddc 100644
--- a/people/10988.html
+++ b/people/10988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10989.html b/people/10989.html
index 203595c5..9abebe95 100644
--- a/people/10989.html
+++ b/people/10989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1099.html b/people/1099.html
index 496c6115..8f493637 100644
--- a/people/1099.html
+++ b/people/1099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10990.html b/people/10990.html
index 7df3e36b..cf8d884c 100644
--- a/people/10990.html
+++ b/people/10990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10991.html b/people/10991.html
index 6411b6c6..467f1576 100644
--- a/people/10991.html
+++ b/people/10991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10992.html b/people/10992.html
index ed9ff082..28e3ead0 100644
--- a/people/10992.html
+++ b/people/10992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10993.html b/people/10993.html
index 1d6899fe..a2194b1e 100644
--- a/people/10993.html
+++ b/people/10993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10994.html b/people/10994.html
index 76c23ab6..ba588736 100644
--- a/people/10994.html
+++ b/people/10994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10995.html b/people/10995.html
index 85e82164..f6f046b9 100644
--- a/people/10995.html
+++ b/people/10995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10996.html b/people/10996.html
index e5cc3e04..03170b06 100644
--- a/people/10996.html
+++ b/people/10996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10997.html b/people/10997.html
index 0d0c69de..215e4661 100644
--- a/people/10997.html
+++ b/people/10997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10998.html b/people/10998.html
index cb17a7ef..1f83b45d 100644
--- a/people/10998.html
+++ b/people/10998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/10999.html b/people/10999.html
index db5b837f..99454708 100644
--- a/people/10999.html
+++ b/people/10999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11.html b/people/11.html
index e365dfa5..3a78cc5f 100644
--- a/people/11.html
+++ b/people/11.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/110.html b/people/110.html
index 680ddf24..90ae2e2f 100644
--- a/people/110.html
+++ b/people/110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1100.html b/people/1100.html
index 81b3d14e..4ad50e05 100644
--- a/people/1100.html
+++ b/people/1100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11000.html b/people/11000.html
index b052f826..d9821283 100644
--- a/people/11000.html
+++ b/people/11000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11001.html b/people/11001.html
index 70f13414..37ad4e3e 100644
--- a/people/11001.html
+++ b/people/11001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11002.html b/people/11002.html
index 1bc946f3..5b4fe2db 100644
--- a/people/11002.html
+++ b/people/11002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11003.html b/people/11003.html
index cbbd3636..117b5e17 100644
--- a/people/11003.html
+++ b/people/11003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11004.html b/people/11004.html
index a56050e5..2c4af4ce 100644
--- a/people/11004.html
+++ b/people/11004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11005.html b/people/11005.html
index d39aa79a..99cd4a85 100644
--- a/people/11005.html
+++ b/people/11005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11006.html b/people/11006.html
index 14110861..4c7127ab 100644
--- a/people/11006.html
+++ b/people/11006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11007.html b/people/11007.html
index 3d2c29ad..3d97a633 100644
--- a/people/11007.html
+++ b/people/11007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11008.html b/people/11008.html
index 0a29de0d..374da673 100644
--- a/people/11008.html
+++ b/people/11008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11009.html b/people/11009.html
index 935802fc..f46eedbe 100644
--- a/people/11009.html
+++ b/people/11009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1101.html b/people/1101.html
index 3223911d..83fcb101 100644
--- a/people/1101.html
+++ b/people/1101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11010.html b/people/11010.html
index ba6b52ec..a3749322 100644
--- a/people/11010.html
+++ b/people/11010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11011.html b/people/11011.html
index 4d65a848..99d018d1 100644
--- a/people/11011.html
+++ b/people/11011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11012.html b/people/11012.html
index 214c810b..ee5ac1f3 100644
--- a/people/11012.html
+++ b/people/11012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11013.html b/people/11013.html
index d1a92240..626254d3 100644
--- a/people/11013.html
+++ b/people/11013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11014.html b/people/11014.html
index 5fab292e..195fc0ee 100644
--- a/people/11014.html
+++ b/people/11014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11015.html b/people/11015.html
index 6fa955ec..859fbf3d 100644
--- a/people/11015.html
+++ b/people/11015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11016.html b/people/11016.html
index e74ae3ae..92b042c3 100644
--- a/people/11016.html
+++ b/people/11016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11017.html b/people/11017.html
index e67238f8..d9772016 100644
--- a/people/11017.html
+++ b/people/11017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11018.html b/people/11018.html
index 05d8b2bf..48e00a02 100644
--- a/people/11018.html
+++ b/people/11018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11019.html b/people/11019.html
index 67bdf72f..ccdfed2a 100644
--- a/people/11019.html
+++ b/people/11019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1102.html b/people/1102.html
index 4f692308..89559362 100644
--- a/people/1102.html
+++ b/people/1102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11020.html b/people/11020.html
index ea4870da..be2d5310 100644
--- a/people/11020.html
+++ b/people/11020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11021.html b/people/11021.html
index 2309bc15..3392f312 100644
--- a/people/11021.html
+++ b/people/11021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11022.html b/people/11022.html
index ee243ead..0a71b3d8 100644
--- a/people/11022.html
+++ b/people/11022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11023.html b/people/11023.html
index db11e7fa..3e12c807 100644
--- a/people/11023.html
+++ b/people/11023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11024.html b/people/11024.html
index 2eeafa36..5ebf9e5e 100644
--- a/people/11024.html
+++ b/people/11024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11025.html b/people/11025.html
index 49dd71b1..ac8861c5 100644
--- a/people/11025.html
+++ b/people/11025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11026.html b/people/11026.html
index 179ab63a..9e6c3a43 100644
--- a/people/11026.html
+++ b/people/11026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11027.html b/people/11027.html
index 4100ae9c..088e366f 100644
--- a/people/11027.html
+++ b/people/11027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11028.html b/people/11028.html
index d7273743..576026f4 100644
--- a/people/11028.html
+++ b/people/11028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11029.html b/people/11029.html
index d76f27bc..de9da6c6 100644
--- a/people/11029.html
+++ b/people/11029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1103.html b/people/1103.html
index ad839e31..150933d8 100644
--- a/people/1103.html
+++ b/people/1103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11030.html b/people/11030.html
index f8446dbc..27d2cde8 100644
--- a/people/11030.html
+++ b/people/11030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11031.html b/people/11031.html
index d5c0a80d..81eb8ab3 100644
--- a/people/11031.html
+++ b/people/11031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11032.html b/people/11032.html
index 6ecb4c7e..154c7b60 100644
--- a/people/11032.html
+++ b/people/11032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11033.html b/people/11033.html
index c53d6eb1..509e22b0 100644
--- a/people/11033.html
+++ b/people/11033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11034.html b/people/11034.html
index 4d148038..f574f49e 100644
--- a/people/11034.html
+++ b/people/11034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11035.html b/people/11035.html
index 41f8c39e..ac535ffd 100644
--- a/people/11035.html
+++ b/people/11035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11036.html b/people/11036.html
index b2041507..90c384cb 100644
--- a/people/11036.html
+++ b/people/11036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11037.html b/people/11037.html
index 124974ca..f8f35744 100644
--- a/people/11037.html
+++ b/people/11037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11038.html b/people/11038.html
index 4e8a3516..caaa2951 100644
--- a/people/11038.html
+++ b/people/11038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11039.html b/people/11039.html
index 89ef89fe..5714c559 100644
--- a/people/11039.html
+++ b/people/11039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1104.html b/people/1104.html
index f177447d..767a42e9 100644
--- a/people/1104.html
+++ b/people/1104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11040.html b/people/11040.html
index 892877f2..cdb1c9de 100644
--- a/people/11040.html
+++ b/people/11040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11041.html b/people/11041.html
index 09164b6e..c368fd4b 100644
--- a/people/11041.html
+++ b/people/11041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11042.html b/people/11042.html
index 5315a8ed..38d78ff0 100644
--- a/people/11042.html
+++ b/people/11042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11043.html b/people/11043.html
index bcf8fdea..10c7d003 100644
--- a/people/11043.html
+++ b/people/11043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11044.html b/people/11044.html
index d040e1bd..8a9195e2 100644
--- a/people/11044.html
+++ b/people/11044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11045.html b/people/11045.html
index fb8997fa..e03a0246 100644
--- a/people/11045.html
+++ b/people/11045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11046.html b/people/11046.html
index fdba9423..522092ec 100644
--- a/people/11046.html
+++ b/people/11046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11047.html b/people/11047.html
index 29d26b94..a97e9bb0 100644
--- a/people/11047.html
+++ b/people/11047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11048.html b/people/11048.html
index a2302e3d..c9e56856 100644
--- a/people/11048.html
+++ b/people/11048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11049.html b/people/11049.html
index 3efe1ffd..c8f43688 100644
--- a/people/11049.html
+++ b/people/11049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1105.html b/people/1105.html
index fecc86dd..5aa20e26 100644
--- a/people/1105.html
+++ b/people/1105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11050.html b/people/11050.html
index 088b9e4e..8fafabfe 100644
--- a/people/11050.html
+++ b/people/11050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11051.html b/people/11051.html
index 71d55622..f055e782 100644
--- a/people/11051.html
+++ b/people/11051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11052.html b/people/11052.html
index 58360450..3fc9f900 100644
--- a/people/11052.html
+++ b/people/11052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11053.html b/people/11053.html
index f917baec..014cb25f 100644
--- a/people/11053.html
+++ b/people/11053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11054.html b/people/11054.html
index db0e2bd1..a773f372 100644
--- a/people/11054.html
+++ b/people/11054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11055.html b/people/11055.html
index 41852339..73305136 100644
--- a/people/11055.html
+++ b/people/11055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11056.html b/people/11056.html
index 80e2844b..26e11660 100644
--- a/people/11056.html
+++ b/people/11056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11057.html b/people/11057.html
index 0dc8706c..2fd3eb36 100644
--- a/people/11057.html
+++ b/people/11057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11058.html b/people/11058.html
index fd5d7745..ef166048 100644
--- a/people/11058.html
+++ b/people/11058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11059.html b/people/11059.html
index a83cb988..9b90353e 100644
--- a/people/11059.html
+++ b/people/11059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1106.html b/people/1106.html
index 9e1f9662..dbbe9af5 100644
--- a/people/1106.html
+++ b/people/1106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11060.html b/people/11060.html
index ac29d553..e86b5485 100644
--- a/people/11060.html
+++ b/people/11060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11061.html b/people/11061.html
index 87c6caaa..ea120d64 100644
--- a/people/11061.html
+++ b/people/11061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11062.html b/people/11062.html
index dad6f0d7..dfb7f650 100644
--- a/people/11062.html
+++ b/people/11062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11063.html b/people/11063.html
index 18e3c68e..8f6d9474 100644
--- a/people/11063.html
+++ b/people/11063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11064.html b/people/11064.html
index f19f9260..9d354af0 100644
--- a/people/11064.html
+++ b/people/11064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11065.html b/people/11065.html
index 0ce6431c..6d731bda 100644
--- a/people/11065.html
+++ b/people/11065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11066.html b/people/11066.html
index f7e5107b..3f4ba38e 100644
--- a/people/11066.html
+++ b/people/11066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11067.html b/people/11067.html
index 693eecbb..217f172a 100644
--- a/people/11067.html
+++ b/people/11067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11068.html b/people/11068.html
index 9dfab8df..a58c2cf6 100644
--- a/people/11068.html
+++ b/people/11068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11069.html b/people/11069.html
index bdcaace2..a2701b8a 100644
--- a/people/11069.html
+++ b/people/11069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1107.html b/people/1107.html
index 054fc77f..8842c7b8 100644
--- a/people/1107.html
+++ b/people/1107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11070.html b/people/11070.html
index b6d3e904..83cffc71 100644
--- a/people/11070.html
+++ b/people/11070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11071.html b/people/11071.html
index f00c4d40..74bf7d3a 100644
--- a/people/11071.html
+++ b/people/11071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11072.html b/people/11072.html
index 228d0a6d..9755417e 100644
--- a/people/11072.html
+++ b/people/11072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11073.html b/people/11073.html
index 99f93a54..03bc9d17 100644
--- a/people/11073.html
+++ b/people/11073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11074.html b/people/11074.html
index 28bad2da..b15f609a 100644
--- a/people/11074.html
+++ b/people/11074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11075.html b/people/11075.html
index 267b894f..606e62e8 100644
--- a/people/11075.html
+++ b/people/11075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11076.html b/people/11076.html
index ffa0d917..97a6b1ba 100644
--- a/people/11076.html
+++ b/people/11076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11077.html b/people/11077.html
index a201b553..894fdae2 100644
--- a/people/11077.html
+++ b/people/11077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11078.html b/people/11078.html
index 15c2f187..95022988 100644
--- a/people/11078.html
+++ b/people/11078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11079.html b/people/11079.html
index 0751c6ec..16015330 100644
--- a/people/11079.html
+++ b/people/11079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1108.html b/people/1108.html
index 1481faa2..b2d34ac1 100644
--- a/people/1108.html
+++ b/people/1108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11080.html b/people/11080.html
index 9b9c8e84..a076eb07 100644
--- a/people/11080.html
+++ b/people/11080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11081.html b/people/11081.html
index 5a1d3d3d..7d31ee31 100644
--- a/people/11081.html
+++ b/people/11081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11082.html b/people/11082.html
index 4cbbcf38..0b2fc4bf 100644
--- a/people/11082.html
+++ b/people/11082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11083.html b/people/11083.html
index 3203655a..2917e3a6 100644
--- a/people/11083.html
+++ b/people/11083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11084.html b/people/11084.html
index 54e3f737..31b15147 100644
--- a/people/11084.html
+++ b/people/11084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11085.html b/people/11085.html
index 3888ae30..0ff86032 100644
--- a/people/11085.html
+++ b/people/11085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11086.html b/people/11086.html
index 8df9e974..10f2dfbf 100644
--- a/people/11086.html
+++ b/people/11086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11087.html b/people/11087.html
index 87df7bd8..c51a9aca 100644
--- a/people/11087.html
+++ b/people/11087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11088.html b/people/11088.html
index bf5cb9c6..32136a95 100644
--- a/people/11088.html
+++ b/people/11088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11089.html b/people/11089.html
index 122bb349..f0616f81 100644
--- a/people/11089.html
+++ b/people/11089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1109.html b/people/1109.html
index 83540b85..6b37409e 100644
--- a/people/1109.html
+++ b/people/1109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11090.html b/people/11090.html
index adf78d01..ba7caccc 100644
--- a/people/11090.html
+++ b/people/11090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11091.html b/people/11091.html
index 3c6bf06b..aed7e064 100644
--- a/people/11091.html
+++ b/people/11091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11092.html b/people/11092.html
index de92ddc5..dd6a9fc4 100644
--- a/people/11092.html
+++ b/people/11092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11093.html b/people/11093.html
index 19264018..b4186594 100644
--- a/people/11093.html
+++ b/people/11093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11094.html b/people/11094.html
index 26105329..d08d3714 100644
--- a/people/11094.html
+++ b/people/11094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11095.html b/people/11095.html
index b3d0460b..5de6f89a 100644
--- a/people/11095.html
+++ b/people/11095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11096.html b/people/11096.html
index 322d0bfe..badab2d5 100644
--- a/people/11096.html
+++ b/people/11096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11097.html b/people/11097.html
index bc9f1dbf..f0ef1268 100644
--- a/people/11097.html
+++ b/people/11097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11098.html b/people/11098.html
index 2f12ff7e..131d107d 100644
--- a/people/11098.html
+++ b/people/11098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11099.html b/people/11099.html
index fd38b22d..e55d4450 100644
--- a/people/11099.html
+++ b/people/11099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/111.html b/people/111.html
index 01c2ab8a..b51322f5 100644
--- a/people/111.html
+++ b/people/111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1110.html b/people/1110.html
index a242f6fe..12e71d09 100644
--- a/people/1110.html
+++ b/people/1110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11100.html b/people/11100.html
index 6923508d..b03e1919 100644
--- a/people/11100.html
+++ b/people/11100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11101.html b/people/11101.html
index 5c7c5a4c..838999bc 100644
--- a/people/11101.html
+++ b/people/11101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11102.html b/people/11102.html
index c1488c8f..623614b4 100644
--- a/people/11102.html
+++ b/people/11102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11103.html b/people/11103.html
index 08bbe9a9..eeebde0d 100644
--- a/people/11103.html
+++ b/people/11103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11104.html b/people/11104.html
index a970bf09..197ddf2d 100644
--- a/people/11104.html
+++ b/people/11104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11105.html b/people/11105.html
index c7552d15..b5c5d4da 100644
--- a/people/11105.html
+++ b/people/11105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11106.html b/people/11106.html
index 1fded70c..e702459b 100644
--- a/people/11106.html
+++ b/people/11106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11107.html b/people/11107.html
index d9bf4c69..8ca748fc 100644
--- a/people/11107.html
+++ b/people/11107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11108.html b/people/11108.html
index f0f9e24d..290c1dbe 100644
--- a/people/11108.html
+++ b/people/11108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11109.html b/people/11109.html
index d56bd5fe..b53153b5 100644
--- a/people/11109.html
+++ b/people/11109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1111.html b/people/1111.html
index 21ec285c..d97b2726 100644
--- a/people/1111.html
+++ b/people/1111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11110.html b/people/11110.html
index 7f962f15..1db6cbbc 100644
--- a/people/11110.html
+++ b/people/11110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11111.html b/people/11111.html
index aab3f550..5fc4506f 100644
--- a/people/11111.html
+++ b/people/11111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11112.html b/people/11112.html
index 142fef04..e9fb9f60 100644
--- a/people/11112.html
+++ b/people/11112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11113.html b/people/11113.html
index 517b16d5..8b8a2cd8 100644
--- a/people/11113.html
+++ b/people/11113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11114.html b/people/11114.html
index 26482ee1..7f3cadd1 100644
--- a/people/11114.html
+++ b/people/11114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11115.html b/people/11115.html
index c252c03e..85ba9c42 100644
--- a/people/11115.html
+++ b/people/11115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11116.html b/people/11116.html
index ef2e78bf..bf0af7d7 100644
--- a/people/11116.html
+++ b/people/11116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11117.html b/people/11117.html
index b4351a75..1560f0bd 100644
--- a/people/11117.html
+++ b/people/11117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11118.html b/people/11118.html
index 266601ef..6714a851 100644
--- a/people/11118.html
+++ b/people/11118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11119.html b/people/11119.html
index 6a1e5385..e574aad9 100644
--- a/people/11119.html
+++ b/people/11119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1112.html b/people/1112.html
index cc02f446..24a8bc86 100644
--- a/people/1112.html
+++ b/people/1112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11120.html b/people/11120.html
index f5dd7f61..4cbdb47d 100644
--- a/people/11120.html
+++ b/people/11120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11121.html b/people/11121.html
index 5475ea78..f3230edb 100644
--- a/people/11121.html
+++ b/people/11121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11122.html b/people/11122.html
index a7030101..b9d2ff2c 100644
--- a/people/11122.html
+++ b/people/11122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11123.html b/people/11123.html
index a052ab90..91886347 100644
--- a/people/11123.html
+++ b/people/11123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11124.html b/people/11124.html
index bda134d9..6cb59ac6 100644
--- a/people/11124.html
+++ b/people/11124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11125.html b/people/11125.html
index d5c7997b..34b1e307 100644
--- a/people/11125.html
+++ b/people/11125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11126.html b/people/11126.html
index 98501fd0..3c9c5156 100644
--- a/people/11126.html
+++ b/people/11126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11127.html b/people/11127.html
index fa1d7572..4c684155 100644
--- a/people/11127.html
+++ b/people/11127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11128.html b/people/11128.html
index cae85933..6914491e 100644
--- a/people/11128.html
+++ b/people/11128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11129.html b/people/11129.html
index df4da229..06be3413 100644
--- a/people/11129.html
+++ b/people/11129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1113.html b/people/1113.html
index 4ea9e899..bceccbda 100644
--- a/people/1113.html
+++ b/people/1113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11130.html b/people/11130.html
index 311e5ed7..10e0fd88 100644
--- a/people/11130.html
+++ b/people/11130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11131.html b/people/11131.html
index 10247760..e325caa9 100644
--- a/people/11131.html
+++ b/people/11131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11132.html b/people/11132.html
index a6ab0269..cae6c88c 100644
--- a/people/11132.html
+++ b/people/11132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11133.html b/people/11133.html
index eb4515a4..c3ac3230 100644
--- a/people/11133.html
+++ b/people/11133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11134.html b/people/11134.html
index 9e9cc1ee..8682f022 100644
--- a/people/11134.html
+++ b/people/11134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11135.html b/people/11135.html
index 4cb78b25..45e86f70 100644
--- a/people/11135.html
+++ b/people/11135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11136.html b/people/11136.html
index 0997a25e..3c4fe81f 100644
--- a/people/11136.html
+++ b/people/11136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11137.html b/people/11137.html
index 5ee6d9fa..c1ed0357 100644
--- a/people/11137.html
+++ b/people/11137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11138.html b/people/11138.html
index ac2e9c78..5b445e8b 100644
--- a/people/11138.html
+++ b/people/11138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11139.html b/people/11139.html
index 510dd29a..1d9ef2f0 100644
--- a/people/11139.html
+++ b/people/11139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1114.html b/people/1114.html
index cd6f5905..947f63a5 100644
--- a/people/1114.html
+++ b/people/1114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11140.html b/people/11140.html
index b8070b46..795c4733 100644
--- a/people/11140.html
+++ b/people/11140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11141.html b/people/11141.html
index 0386a220..bb0381d2 100644
--- a/people/11141.html
+++ b/people/11141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11142.html b/people/11142.html
index 6b995aa9..1dfea00f 100644
--- a/people/11142.html
+++ b/people/11142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11143.html b/people/11143.html
index f5427e50..bb671e13 100644
--- a/people/11143.html
+++ b/people/11143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11144.html b/people/11144.html
index 097a3300..38bfabc9 100644
--- a/people/11144.html
+++ b/people/11144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11145.html b/people/11145.html
index f4aedefb..be691176 100644
--- a/people/11145.html
+++ b/people/11145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11146.html b/people/11146.html
index 388c21b8..6e598691 100644
--- a/people/11146.html
+++ b/people/11146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11147.html b/people/11147.html
index d1fc2bae..19158427 100644
--- a/people/11147.html
+++ b/people/11147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11148.html b/people/11148.html
index 5b31ca04..b87ed195 100644
--- a/people/11148.html
+++ b/people/11148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11149.html b/people/11149.html
index 6a4f6ad3..d52cd04e 100644
--- a/people/11149.html
+++ b/people/11149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1115.html b/people/1115.html
index ee89bcf8..3ebdafbc 100644
--- a/people/1115.html
+++ b/people/1115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11150.html b/people/11150.html
index d964036e..43172ea6 100644
--- a/people/11150.html
+++ b/people/11150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11151.html b/people/11151.html
index 0b4f879e..e166d8ab 100644
--- a/people/11151.html
+++ b/people/11151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11152.html b/people/11152.html
index d191e31f..e1556c9f 100644
--- a/people/11152.html
+++ b/people/11152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11153.html b/people/11153.html
index 92b27332..46f40d79 100644
--- a/people/11153.html
+++ b/people/11153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11154.html b/people/11154.html
index b4489940..eb01e576 100644
--- a/people/11154.html
+++ b/people/11154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11155.html b/people/11155.html
index b14fd4fb..c0df97e1 100644
--- a/people/11155.html
+++ b/people/11155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11156.html b/people/11156.html
index 27db4a4e..f69078e9 100644
--- a/people/11156.html
+++ b/people/11156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11157.html b/people/11157.html
index 1f68387b..2e1bb0c4 100644
--- a/people/11157.html
+++ b/people/11157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11158.html b/people/11158.html
index 60cda8e1..8e0789d6 100644
--- a/people/11158.html
+++ b/people/11158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11159.html b/people/11159.html
index 9998fd5f..f14cc727 100644
--- a/people/11159.html
+++ b/people/11159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1116.html b/people/1116.html
index 9f1388a1..1631f019 100644
--- a/people/1116.html
+++ b/people/1116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11160.html b/people/11160.html
index 824da98b..a4ff6c52 100644
--- a/people/11160.html
+++ b/people/11160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11161.html b/people/11161.html
index 0004e776..0e5f09b3 100644
--- a/people/11161.html
+++ b/people/11161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11162.html b/people/11162.html
index dadbd3ae..4b84cd4f 100644
--- a/people/11162.html
+++ b/people/11162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11163.html b/people/11163.html
index 504a00ad..7dacd03c 100644
--- a/people/11163.html
+++ b/people/11163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11164.html b/people/11164.html
index 1146726b..d99e6a2b 100644
--- a/people/11164.html
+++ b/people/11164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11165.html b/people/11165.html
index 2f59f404..33ba9a60 100644
--- a/people/11165.html
+++ b/people/11165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11166.html b/people/11166.html
index d14786ce..e43a6a31 100644
--- a/people/11166.html
+++ b/people/11166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11167.html b/people/11167.html
index 82078d53..24ae005b 100644
--- a/people/11167.html
+++ b/people/11167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11168.html b/people/11168.html
index 39a343d7..0d5c6699 100644
--- a/people/11168.html
+++ b/people/11168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11169.html b/people/11169.html
index ef3b80f6..380846f4 100644
--- a/people/11169.html
+++ b/people/11169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1117.html b/people/1117.html
index 0f339f82..07f8fbd2 100644
--- a/people/1117.html
+++ b/people/1117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11170.html b/people/11170.html
index 05baa03f..ffd2beff 100644
--- a/people/11170.html
+++ b/people/11170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11171.html b/people/11171.html
index f5ea54f3..a324b2fc 100644
--- a/people/11171.html
+++ b/people/11171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11172.html b/people/11172.html
index 6fc903af..e0ac1122 100644
--- a/people/11172.html
+++ b/people/11172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11173.html b/people/11173.html
index 22db06bb..52344904 100644
--- a/people/11173.html
+++ b/people/11173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11174.html b/people/11174.html
index cdabc856..a8007afd 100644
--- a/people/11174.html
+++ b/people/11174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11175.html b/people/11175.html
index 36dd81dd..428ebcef 100644
--- a/people/11175.html
+++ b/people/11175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11176.html b/people/11176.html
index 2ae2d0e6..354d9a93 100644
--- a/people/11176.html
+++ b/people/11176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11177.html b/people/11177.html
index 8627af4a..5fe490a7 100644
--- a/people/11177.html
+++ b/people/11177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11178.html b/people/11178.html
index fc09658f..8681a73a 100644
--- a/people/11178.html
+++ b/people/11178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11179.html b/people/11179.html
index c20ce8fa..8b1f5b3d 100644
--- a/people/11179.html
+++ b/people/11179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1118.html b/people/1118.html
index 855d0739..aea1916f 100644
--- a/people/1118.html
+++ b/people/1118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11180.html b/people/11180.html
index ca5643b5..a091a741 100644
--- a/people/11180.html
+++ b/people/11180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11181.html b/people/11181.html
index 1ba68391..f4172b41 100644
--- a/people/11181.html
+++ b/people/11181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11182.html b/people/11182.html
index 985b51ef..938212e4 100644
--- a/people/11182.html
+++ b/people/11182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11183.html b/people/11183.html
index c646dc92..ef16842f 100644
--- a/people/11183.html
+++ b/people/11183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11184.html b/people/11184.html
index a3deb036..3d20459d 100644
--- a/people/11184.html
+++ b/people/11184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11185.html b/people/11185.html
index 3fd495ac..5d49ce20 100644
--- a/people/11185.html
+++ b/people/11185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11186.html b/people/11186.html
index e455d93a..5d945dd8 100644
--- a/people/11186.html
+++ b/people/11186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11187.html b/people/11187.html
index f68cc095..23f69917 100644
--- a/people/11187.html
+++ b/people/11187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11188.html b/people/11188.html
index 1efe2ab2..816e99a6 100644
--- a/people/11188.html
+++ b/people/11188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11189.html b/people/11189.html
index be0c14c1..9e0aaa57 100644
--- a/people/11189.html
+++ b/people/11189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1119.html b/people/1119.html
index 569001e0..85238da8 100644
--- a/people/1119.html
+++ b/people/1119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11190.html b/people/11190.html
index e50e0ab4..36688619 100644
--- a/people/11190.html
+++ b/people/11190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11191.html b/people/11191.html
index e1fbd48c..3ff09e9d 100644
--- a/people/11191.html
+++ b/people/11191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11192.html b/people/11192.html
index e39c6044..8589dd99 100644
--- a/people/11192.html
+++ b/people/11192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11193.html b/people/11193.html
index f838648d..9d9e53aa 100644
--- a/people/11193.html
+++ b/people/11193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11194.html b/people/11194.html
index f8e5c424..2f297d1d 100644
--- a/people/11194.html
+++ b/people/11194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11195.html b/people/11195.html
index 08498880..76192e6a 100644
--- a/people/11195.html
+++ b/people/11195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11196.html b/people/11196.html
index f03a4a16..11397198 100644
--- a/people/11196.html
+++ b/people/11196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11197.html b/people/11197.html
index af831467..320d6de3 100644
--- a/people/11197.html
+++ b/people/11197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11198.html b/people/11198.html
index f3a14db1..f1039f5e 100644
--- a/people/11198.html
+++ b/people/11198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11199.html b/people/11199.html
index 8992febb..0ce1ae77 100644
--- a/people/11199.html
+++ b/people/11199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/112.html b/people/112.html
index b050d9bc..d18bae0d 100644
--- a/people/112.html
+++ b/people/112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1120.html b/people/1120.html
index 5f63ffc0..77c444ee 100644
--- a/people/1120.html
+++ b/people/1120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11200.html b/people/11200.html
index 6f9a37e0..381702b8 100644
--- a/people/11200.html
+++ b/people/11200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11201.html b/people/11201.html
index 54f455bf..7c67e018 100644
--- a/people/11201.html
+++ b/people/11201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11202.html b/people/11202.html
index d405da3b..6518a229 100644
--- a/people/11202.html
+++ b/people/11202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11203.html b/people/11203.html
index 265a33ec..a8259e0e 100644
--- a/people/11203.html
+++ b/people/11203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11204.html b/people/11204.html
index d5cf9bcb..0910d694 100644
--- a/people/11204.html
+++ b/people/11204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11205.html b/people/11205.html
index d410d559..a0313e6c 100644
--- a/people/11205.html
+++ b/people/11205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11206.html b/people/11206.html
index 628eed75..48e518e3 100644
--- a/people/11206.html
+++ b/people/11206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11207.html b/people/11207.html
index b704af30..02e5e16c 100644
--- a/people/11207.html
+++ b/people/11207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11208.html b/people/11208.html
index ad8336c3..9095d6ad 100644
--- a/people/11208.html
+++ b/people/11208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11209.html b/people/11209.html
index 83cbc5f5..65d8d2c5 100644
--- a/people/11209.html
+++ b/people/11209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1121.html b/people/1121.html
index 1a46ac78..fb8d7d52 100644
--- a/people/1121.html
+++ b/people/1121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11210.html b/people/11210.html
index b4ef4406..aa418dce 100644
--- a/people/11210.html
+++ b/people/11210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11211.html b/people/11211.html
index 10e7efe8..f2f6c718 100644
--- a/people/11211.html
+++ b/people/11211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11212.html b/people/11212.html
index 81c63e34..bd583439 100644
--- a/people/11212.html
+++ b/people/11212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11213.html b/people/11213.html
index 5657a45d..3d90458b 100644
--- a/people/11213.html
+++ b/people/11213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11214.html b/people/11214.html
index 34e5a925..19f0f7af 100644
--- a/people/11214.html
+++ b/people/11214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11215.html b/people/11215.html
index 55f9daf9..c8c712f3 100644
--- a/people/11215.html
+++ b/people/11215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11216.html b/people/11216.html
index 88959cba..1460b418 100644
--- a/people/11216.html
+++ b/people/11216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11217.html b/people/11217.html
index cb3f7828..8544fde1 100644
--- a/people/11217.html
+++ b/people/11217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11218.html b/people/11218.html
index 9018240d..15485577 100644
--- a/people/11218.html
+++ b/people/11218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11219.html b/people/11219.html
index fa971cd4..c5f9a608 100644
--- a/people/11219.html
+++ b/people/11219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1122.html b/people/1122.html
index 0451ccf4..060ed16e 100644
--- a/people/1122.html
+++ b/people/1122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11220.html b/people/11220.html
index d49c4049..14ad58ea 100644
--- a/people/11220.html
+++ b/people/11220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11221.html b/people/11221.html
index eeb8df3a..2224f2ef 100644
--- a/people/11221.html
+++ b/people/11221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11222.html b/people/11222.html
index 013db045..fa103f45 100644
--- a/people/11222.html
+++ b/people/11222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11223.html b/people/11223.html
index dfcc5447..5dc6809a 100644
--- a/people/11223.html
+++ b/people/11223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11224.html b/people/11224.html
index 5f4944ea..cb4c188c 100644
--- a/people/11224.html
+++ b/people/11224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11225.html b/people/11225.html
index 7b8b40b5..a07bb587 100644
--- a/people/11225.html
+++ b/people/11225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11226.html b/people/11226.html
index d4899e9a..83f43421 100644
--- a/people/11226.html
+++ b/people/11226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11227.html b/people/11227.html
index 70071e72..85c838df 100644
--- a/people/11227.html
+++ b/people/11227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11228.html b/people/11228.html
index 5d345e2b..59aa6ba4 100644
--- a/people/11228.html
+++ b/people/11228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11229.html b/people/11229.html
index eb295976..f1a8a700 100644
--- a/people/11229.html
+++ b/people/11229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1123.html b/people/1123.html
index 0dd1967c..569e1fac 100644
--- a/people/1123.html
+++ b/people/1123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11230.html b/people/11230.html
index 431397c3..91131da3 100644
--- a/people/11230.html
+++ b/people/11230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11231.html b/people/11231.html
index 89848f48..39047e1a 100644
--- a/people/11231.html
+++ b/people/11231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11232.html b/people/11232.html
index fe1ead54..c24beeb4 100644
--- a/people/11232.html
+++ b/people/11232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11233.html b/people/11233.html
index e0e8a0d5..864a899d 100644
--- a/people/11233.html
+++ b/people/11233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11234.html b/people/11234.html
index ec6027cd..1fdccdfb 100644
--- a/people/11234.html
+++ b/people/11234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11235.html b/people/11235.html
index c57d3058..eb93e32a 100644
--- a/people/11235.html
+++ b/people/11235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11236.html b/people/11236.html
index bba86626..f3f52539 100644
--- a/people/11236.html
+++ b/people/11236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11237.html b/people/11237.html
index 2d454764..8a938bed 100644
--- a/people/11237.html
+++ b/people/11237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11238.html b/people/11238.html
index 056eff68..a8457478 100644
--- a/people/11238.html
+++ b/people/11238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11239.html b/people/11239.html
index c6ec08d8..bf36ae5c 100644
--- a/people/11239.html
+++ b/people/11239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1124.html b/people/1124.html
index 337f9a97..b6074c3d 100644
--- a/people/1124.html
+++ b/people/1124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11240.html b/people/11240.html
index 4bdf6d10..a7d3e44c 100644
--- a/people/11240.html
+++ b/people/11240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11241.html b/people/11241.html
index 3ca606d6..e5800e50 100644
--- a/people/11241.html
+++ b/people/11241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11242.html b/people/11242.html
index 5fddb631..95f4cd16 100644
--- a/people/11242.html
+++ b/people/11242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11243.html b/people/11243.html
index 8100c49b..eb04ac8c 100644
--- a/people/11243.html
+++ b/people/11243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11244.html b/people/11244.html
index 99f367ca..4f3ae898 100644
--- a/people/11244.html
+++ b/people/11244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11245.html b/people/11245.html
index 9f3438d8..8e609f29 100644
--- a/people/11245.html
+++ b/people/11245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11246.html b/people/11246.html
index 0ea68ebf..082c0ccd 100644
--- a/people/11246.html
+++ b/people/11246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11247.html b/people/11247.html
index 2b6c4d7a..da38bc94 100644
--- a/people/11247.html
+++ b/people/11247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11248.html b/people/11248.html
index 0e043002..33f1cf07 100644
--- a/people/11248.html
+++ b/people/11248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11249.html b/people/11249.html
index ed34ff3a..b43cfe45 100644
--- a/people/11249.html
+++ b/people/11249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1125.html b/people/1125.html
index 98dca582..1d454651 100644
--- a/people/1125.html
+++ b/people/1125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11250.html b/people/11250.html
index 82b65dca..7a4fbf81 100644
--- a/people/11250.html
+++ b/people/11250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11251.html b/people/11251.html
index 75b6dd46..132064ad 100644
--- a/people/11251.html
+++ b/people/11251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11252.html b/people/11252.html
index 0ea061c8..3505e652 100644
--- a/people/11252.html
+++ b/people/11252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11253.html b/people/11253.html
index 3ab3a4c0..5c83c02c 100644
--- a/people/11253.html
+++ b/people/11253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11254.html b/people/11254.html
index 11584ec0..6d3fd54e 100644
--- a/people/11254.html
+++ b/people/11254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11255.html b/people/11255.html
index 3499c75f..ef7b8cb9 100644
--- a/people/11255.html
+++ b/people/11255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11256.html b/people/11256.html
index 18bb8209..c33c3941 100644
--- a/people/11256.html
+++ b/people/11256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11257.html b/people/11257.html
index 9f8e69c7..238d2c68 100644
--- a/people/11257.html
+++ b/people/11257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11258.html b/people/11258.html
index 089f99af..2c743d39 100644
--- a/people/11258.html
+++ b/people/11258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11259.html b/people/11259.html
index 241cf1f1..2a8c3f06 100644
--- a/people/11259.html
+++ b/people/11259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1126.html b/people/1126.html
index 4e4107e7..2d1c0eaa 100644
--- a/people/1126.html
+++ b/people/1126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11260.html b/people/11260.html
index d8b4b4cc..af3cedeb 100644
--- a/people/11260.html
+++ b/people/11260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11261.html b/people/11261.html
index c175aea6..8b18ffd9 100644
--- a/people/11261.html
+++ b/people/11261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11262.html b/people/11262.html
index 30ba32be..7bda0550 100644
--- a/people/11262.html
+++ b/people/11262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11263.html b/people/11263.html
index 242c62ac..1db3cdd1 100644
--- a/people/11263.html
+++ b/people/11263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11264.html b/people/11264.html
index 4abc89e6..fb09f6fd 100644
--- a/people/11264.html
+++ b/people/11264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11265.html b/people/11265.html
index fcac7f71..5cdadaf0 100644
--- a/people/11265.html
+++ b/people/11265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11266.html b/people/11266.html
index 5723b304..8ba21b35 100644
--- a/people/11266.html
+++ b/people/11266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11267.html b/people/11267.html
index 674cb4f6..dab90848 100644
--- a/people/11267.html
+++ b/people/11267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11268.html b/people/11268.html
index 631804af..f677f1f6 100644
--- a/people/11268.html
+++ b/people/11268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11269.html b/people/11269.html
index e5fdabad..146ebb68 100644
--- a/people/11269.html
+++ b/people/11269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1127.html b/people/1127.html
index 82ceec12..ec06126b 100644
--- a/people/1127.html
+++ b/people/1127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11270.html b/people/11270.html
index c6bb1142..00909798 100644
--- a/people/11270.html
+++ b/people/11270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11271.html b/people/11271.html
index de66d2a2..2752254c 100644
--- a/people/11271.html
+++ b/people/11271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11272.html b/people/11272.html
index 8b077a41..eb69739a 100644
--- a/people/11272.html
+++ b/people/11272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11273.html b/people/11273.html
index 287c3cf4..36d326ef 100644
--- a/people/11273.html
+++ b/people/11273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11274.html b/people/11274.html
index d999083a..e8b3e145 100644
--- a/people/11274.html
+++ b/people/11274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11275.html b/people/11275.html
index f5381294..d28051d8 100644
--- a/people/11275.html
+++ b/people/11275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11276.html b/people/11276.html
index 1fed8f26..c7972237 100644
--- a/people/11276.html
+++ b/people/11276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11277.html b/people/11277.html
index 6d86ce60..67ebabae 100644
--- a/people/11277.html
+++ b/people/11277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11278.html b/people/11278.html
index 1fca05da..eaf2d078 100644
--- a/people/11278.html
+++ b/people/11278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11279.html b/people/11279.html
index 05742e7c..b75c59fd 100644
--- a/people/11279.html
+++ b/people/11279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1128.html b/people/1128.html
index 677ddd21..fbe989df 100644
--- a/people/1128.html
+++ b/people/1128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11280.html b/people/11280.html
index c11739ef..118d9af8 100644
--- a/people/11280.html
+++ b/people/11280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11281.html b/people/11281.html
index 4df10898..4e5033aa 100644
--- a/people/11281.html
+++ b/people/11281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11282.html b/people/11282.html
index 0218d46b..54b406a1 100644
--- a/people/11282.html
+++ b/people/11282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11283.html b/people/11283.html
index cfedaf63..dc10538f 100644
--- a/people/11283.html
+++ b/people/11283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11284.html b/people/11284.html
index 0bd37626..2aa80c3f 100644
--- a/people/11284.html
+++ b/people/11284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11285.html b/people/11285.html
index 587f6f4f..d9d544ff 100644
--- a/people/11285.html
+++ b/people/11285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11286.html b/people/11286.html
index babb071c..b6c3e9d3 100644
--- a/people/11286.html
+++ b/people/11286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11287.html b/people/11287.html
index 74f3df38..6cd8f562 100644
--- a/people/11287.html
+++ b/people/11287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11288.html b/people/11288.html
index 868b1040..5a4451a3 100644
--- a/people/11288.html
+++ b/people/11288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11289.html b/people/11289.html
index ca1cfcc3..77a886c1 100644
--- a/people/11289.html
+++ b/people/11289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1129.html b/people/1129.html
index 47be9df9..1cec3b88 100644
--- a/people/1129.html
+++ b/people/1129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11290.html b/people/11290.html
index e19489d3..5666c96f 100644
--- a/people/11290.html
+++ b/people/11290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11291.html b/people/11291.html
index 37008069..b7f4e5f1 100644
--- a/people/11291.html
+++ b/people/11291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11292.html b/people/11292.html
index ec0c48fd..ff9d8332 100644
--- a/people/11292.html
+++ b/people/11292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11293.html b/people/11293.html
index a6f59784..be0613be 100644
--- a/people/11293.html
+++ b/people/11293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11294.html b/people/11294.html
index d6e62935..78758331 100644
--- a/people/11294.html
+++ b/people/11294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11295.html b/people/11295.html
index 53a58cd6..c048f238 100644
--- a/people/11295.html
+++ b/people/11295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11296.html b/people/11296.html
index bee1266b..e183986c 100644
--- a/people/11296.html
+++ b/people/11296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11297.html b/people/11297.html
index 44793c85..a3c34080 100644
--- a/people/11297.html
+++ b/people/11297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11298.html b/people/11298.html
index 21244890..34c5ce17 100644
--- a/people/11298.html
+++ b/people/11298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11299.html b/people/11299.html
index bd405c66..bcd8dda3 100644
--- a/people/11299.html
+++ b/people/11299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/113.html b/people/113.html
index 40d2b64a..fe63195c 100644
--- a/people/113.html
+++ b/people/113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1130.html b/people/1130.html
index 3d69acd2..54603437 100644
--- a/people/1130.html
+++ b/people/1130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11300.html b/people/11300.html
index 5699bac6..f4d0921d 100644
--- a/people/11300.html
+++ b/people/11300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11301.html b/people/11301.html
index 3c78c114..f3562631 100644
--- a/people/11301.html
+++ b/people/11301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11302.html b/people/11302.html
index f4eb6df8..e3ff487e 100644
--- a/people/11302.html
+++ b/people/11302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11303.html b/people/11303.html
index b3230088..0536972f 100644
--- a/people/11303.html
+++ b/people/11303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11304.html b/people/11304.html
index 632d32cc..e08adc80 100644
--- a/people/11304.html
+++ b/people/11304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11305.html b/people/11305.html
index 28f0744a..b095857d 100644
--- a/people/11305.html
+++ b/people/11305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11306.html b/people/11306.html
index e3264173..9ccea9b5 100644
--- a/people/11306.html
+++ b/people/11306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11307.html b/people/11307.html
index a849ca17..52a4ccbc 100644
--- a/people/11307.html
+++ b/people/11307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11308.html b/people/11308.html
index 6c0be8d4..88f03b80 100644
--- a/people/11308.html
+++ b/people/11308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11309.html b/people/11309.html
index e8af00fc..e29fa6e0 100644
--- a/people/11309.html
+++ b/people/11309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1131.html b/people/1131.html
index ea1fe003..4235f0a1 100644
--- a/people/1131.html
+++ b/people/1131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11310.html b/people/11310.html
index f9b73e47..cff98175 100644
--- a/people/11310.html
+++ b/people/11310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11311.html b/people/11311.html
index df9b3382..45e210f8 100644
--- a/people/11311.html
+++ b/people/11311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11312.html b/people/11312.html
index 5539d0fd..cbd70b2b 100644
--- a/people/11312.html
+++ b/people/11312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11313.html b/people/11313.html
index db4ff45b..a1029f01 100644
--- a/people/11313.html
+++ b/people/11313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11314.html b/people/11314.html
index 94fe0864..d18762f9 100644
--- a/people/11314.html
+++ b/people/11314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11315.html b/people/11315.html
index db7dea1d..c556cfb9 100644
--- a/people/11315.html
+++ b/people/11315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11316.html b/people/11316.html
index a7a35120..76ad7072 100644
--- a/people/11316.html
+++ b/people/11316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11317.html b/people/11317.html
index e0e44052..b6a440e9 100644
--- a/people/11317.html
+++ b/people/11317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11318.html b/people/11318.html
index 16239f0f..96cc5852 100644
--- a/people/11318.html
+++ b/people/11318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11319.html b/people/11319.html
index f93d7555..8a323cbb 100644
--- a/people/11319.html
+++ b/people/11319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1132.html b/people/1132.html
index 1d48e857..d51618e2 100644
--- a/people/1132.html
+++ b/people/1132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11320.html b/people/11320.html
index dedcee48..6b8108ce 100644
--- a/people/11320.html
+++ b/people/11320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11321.html b/people/11321.html
index 99323a0f..97d356a3 100644
--- a/people/11321.html
+++ b/people/11321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11322.html b/people/11322.html
index a3138f60..ef3d7430 100644
--- a/people/11322.html
+++ b/people/11322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11323.html b/people/11323.html
index c0afdc3c..addc5b86 100644
--- a/people/11323.html
+++ b/people/11323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11324.html b/people/11324.html
index ead0fbc6..4c24abd4 100644
--- a/people/11324.html
+++ b/people/11324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11325.html b/people/11325.html
index 6af6a42b..0c317618 100644
--- a/people/11325.html
+++ b/people/11325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11326.html b/people/11326.html
index edac7f51..ced1f62e 100644
--- a/people/11326.html
+++ b/people/11326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11327.html b/people/11327.html
index 81187efa..f5c15984 100644
--- a/people/11327.html
+++ b/people/11327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11328.html b/people/11328.html
index 5d7ce4df..7d84f2db 100644
--- a/people/11328.html
+++ b/people/11328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11329.html b/people/11329.html
index 9d072d7a..840b7300 100644
--- a/people/11329.html
+++ b/people/11329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1133.html b/people/1133.html
index 1a2dc637..8e3d899f 100644
--- a/people/1133.html
+++ b/people/1133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11330.html b/people/11330.html
index e22a55ea..59ca67d5 100644
--- a/people/11330.html
+++ b/people/11330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11331.html b/people/11331.html
index d609dce5..3b5e113e 100644
--- a/people/11331.html
+++ b/people/11331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11332.html b/people/11332.html
index d6999efa..93355cce 100644
--- a/people/11332.html
+++ b/people/11332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11333.html b/people/11333.html
index 9d8d2867..bb91a4ba 100644
--- a/people/11333.html
+++ b/people/11333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11334.html b/people/11334.html
index bacc240b..5f619f5c 100644
--- a/people/11334.html
+++ b/people/11334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11335.html b/people/11335.html
index 6efa27a9..16e7c143 100644
--- a/people/11335.html
+++ b/people/11335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11336.html b/people/11336.html
index d79f75ce..28bd20d8 100644
--- a/people/11336.html
+++ b/people/11336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11337.html b/people/11337.html
index 227de223..2cb38e85 100644
--- a/people/11337.html
+++ b/people/11337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11338.html b/people/11338.html
index d3892eae..cd917e5b 100644
--- a/people/11338.html
+++ b/people/11338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11339.html b/people/11339.html
index 28fb87ca..28b2e04d 100644
--- a/people/11339.html
+++ b/people/11339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1134.html b/people/1134.html
index a2e3da94..c38058db 100644
--- a/people/1134.html
+++ b/people/1134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11340.html b/people/11340.html
index 18bbdef1..0b5d1bf6 100644
--- a/people/11340.html
+++ b/people/11340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11341.html b/people/11341.html
index d0d748fc..d0d399b2 100644
--- a/people/11341.html
+++ b/people/11341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11342.html b/people/11342.html
index edfd1828..8adbab1d 100644
--- a/people/11342.html
+++ b/people/11342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11343.html b/people/11343.html
index feee68e7..303cad52 100644
--- a/people/11343.html
+++ b/people/11343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11344.html b/people/11344.html
index 98a08c38..068fe7e0 100644
--- a/people/11344.html
+++ b/people/11344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11345.html b/people/11345.html
index 8e0a7f3b..cea8fc24 100644
--- a/people/11345.html
+++ b/people/11345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11346.html b/people/11346.html
index df279905..d1c005c1 100644
--- a/people/11346.html
+++ b/people/11346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11347.html b/people/11347.html
index 70bd1702..0f881b71 100644
--- a/people/11347.html
+++ b/people/11347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11348.html b/people/11348.html
index 95a365b9..892f5ad7 100644
--- a/people/11348.html
+++ b/people/11348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11349.html b/people/11349.html
index b25f0420..0cb3c9ce 100644
--- a/people/11349.html
+++ b/people/11349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1135.html b/people/1135.html
index e01577ad..853c79fb 100644
--- a/people/1135.html
+++ b/people/1135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11350.html b/people/11350.html
index aa2a520e..5329b4a2 100644
--- a/people/11350.html
+++ b/people/11350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11351.html b/people/11351.html
index 60ff4833..876fe266 100644
--- a/people/11351.html
+++ b/people/11351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11352.html b/people/11352.html
index b84f7e14..c1840fc7 100644
--- a/people/11352.html
+++ b/people/11352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11353.html b/people/11353.html
index 410655ab..de0432e6 100644
--- a/people/11353.html
+++ b/people/11353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11354.html b/people/11354.html
index 839c589e..4d3566c6 100644
--- a/people/11354.html
+++ b/people/11354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11355.html b/people/11355.html
index 58ac389e..491234d9 100644
--- a/people/11355.html
+++ b/people/11355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11356.html b/people/11356.html
index 2191a8d1..dc9ae556 100644
--- a/people/11356.html
+++ b/people/11356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11357.html b/people/11357.html
index 52301323..19e2bbee 100644
--- a/people/11357.html
+++ b/people/11357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11358.html b/people/11358.html
index 926b22dc..86b25682 100644
--- a/people/11358.html
+++ b/people/11358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11359.html b/people/11359.html
index e7d89079..3156918f 100644
--- a/people/11359.html
+++ b/people/11359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1136.html b/people/1136.html
index 3957e24e..1a2e85c9 100644
--- a/people/1136.html
+++ b/people/1136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11360.html b/people/11360.html
index 4f44377e..938b070b 100644
--- a/people/11360.html
+++ b/people/11360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11361.html b/people/11361.html
index a130f829..018adbd7 100644
--- a/people/11361.html
+++ b/people/11361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11362.html b/people/11362.html
index 33781a70..78871699 100644
--- a/people/11362.html
+++ b/people/11362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11363.html b/people/11363.html
index d082811d..7bef2da3 100644
--- a/people/11363.html
+++ b/people/11363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11364.html b/people/11364.html
index 4f06bc5d..9a0be402 100644
--- a/people/11364.html
+++ b/people/11364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11365.html b/people/11365.html
index 55a8dee3..3494a249 100644
--- a/people/11365.html
+++ b/people/11365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11366.html b/people/11366.html
index 929ff2af..47dbd0ef 100644
--- a/people/11366.html
+++ b/people/11366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11367.html b/people/11367.html
index 605b2537..450b32f9 100644
--- a/people/11367.html
+++ b/people/11367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11368.html b/people/11368.html
index e6767988..26921fef 100644
--- a/people/11368.html
+++ b/people/11368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11369.html b/people/11369.html
index f6aa23c5..e8c7b6dd 100644
--- a/people/11369.html
+++ b/people/11369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1137.html b/people/1137.html
index 3d8007a2..bc3f39a8 100644
--- a/people/1137.html
+++ b/people/1137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11370.html b/people/11370.html
index 11a34648..8d756d06 100644
--- a/people/11370.html
+++ b/people/11370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11371.html b/people/11371.html
index 08a4ac10..1f753e75 100644
--- a/people/11371.html
+++ b/people/11371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11372.html b/people/11372.html
index 8b21e1a4..10709b07 100644
--- a/people/11372.html
+++ b/people/11372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11373.html b/people/11373.html
index 3180eaf6..4d663434 100644
--- a/people/11373.html
+++ b/people/11373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11374.html b/people/11374.html
index 23da5cb3..3abd35a9 100644
--- a/people/11374.html
+++ b/people/11374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11375.html b/people/11375.html
index b39d5574..0347c95a 100644
--- a/people/11375.html
+++ b/people/11375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11376.html b/people/11376.html
index c4181435..5677d891 100644
--- a/people/11376.html
+++ b/people/11376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11377.html b/people/11377.html
index 1a484392..9205c1a4 100644
--- a/people/11377.html
+++ b/people/11377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11378.html b/people/11378.html
index 71d902f8..e6d1abee 100644
--- a/people/11378.html
+++ b/people/11378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11379.html b/people/11379.html
index c35b1ee5..25ee5fa0 100644
--- a/people/11379.html
+++ b/people/11379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1138.html b/people/1138.html
index ce40fc6b..a3af5821 100644
--- a/people/1138.html
+++ b/people/1138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11380.html b/people/11380.html
index cae2c727..8361d472 100644
--- a/people/11380.html
+++ b/people/11380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11381.html b/people/11381.html
index b492bd94..49a0cb47 100644
--- a/people/11381.html
+++ b/people/11381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11382.html b/people/11382.html
index 26d6cf06..7066d428 100644
--- a/people/11382.html
+++ b/people/11382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11383.html b/people/11383.html
index 4f7cb3a6..5f7da150 100644
--- a/people/11383.html
+++ b/people/11383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11384.html b/people/11384.html
index 54962f9f..3cb1bc84 100644
--- a/people/11384.html
+++ b/people/11384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11385.html b/people/11385.html
index c2079eef..f5364155 100644
--- a/people/11385.html
+++ b/people/11385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11386.html b/people/11386.html
index 70291d23..221fc98e 100644
--- a/people/11386.html
+++ b/people/11386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11387.html b/people/11387.html
index 3a8dcb37..0b84ec0e 100644
--- a/people/11387.html
+++ b/people/11387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11388.html b/people/11388.html
index cc7b3364..0f6e6aec 100644
--- a/people/11388.html
+++ b/people/11388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11389.html b/people/11389.html
index 032f0676..b17a15a1 100644
--- a/people/11389.html
+++ b/people/11389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1139.html b/people/1139.html
index 11e50f53..1c10f86f 100644
--- a/people/1139.html
+++ b/people/1139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11390.html b/people/11390.html
index 175801fb..f5b2cb19 100644
--- a/people/11390.html
+++ b/people/11390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11391.html b/people/11391.html
index 171cc3b5..58858184 100644
--- a/people/11391.html
+++ b/people/11391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11392.html b/people/11392.html
index a43d02b6..46364815 100644
--- a/people/11392.html
+++ b/people/11392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11393.html b/people/11393.html
index 190f012f..589ae016 100644
--- a/people/11393.html
+++ b/people/11393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11394.html b/people/11394.html
index d7b47738..82cb7c8d 100644
--- a/people/11394.html
+++ b/people/11394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11395.html b/people/11395.html
index 575a8e37..dadab44e 100644
--- a/people/11395.html
+++ b/people/11395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11396.html b/people/11396.html
index 20bc25ec..36f90e5d 100644
--- a/people/11396.html
+++ b/people/11396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11397.html b/people/11397.html
index c29b4513..f93f9b03 100644
--- a/people/11397.html
+++ b/people/11397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11398.html b/people/11398.html
index 3cd676fd..8e3ff32f 100644
--- a/people/11398.html
+++ b/people/11398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11399.html b/people/11399.html
index 45d6e7ce..25a3f606 100644
--- a/people/11399.html
+++ b/people/11399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/114.html b/people/114.html
index 4957baf2..07af9459 100644
--- a/people/114.html
+++ b/people/114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1140.html b/people/1140.html
index 2e6361f9..cd4d95fb 100644
--- a/people/1140.html
+++ b/people/1140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11400.html b/people/11400.html
index 2ff5231a..9c64cb0a 100644
--- a/people/11400.html
+++ b/people/11400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11401.html b/people/11401.html
index 6885f175..2a0e32d6 100644
--- a/people/11401.html
+++ b/people/11401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11402.html b/people/11402.html
index c89114cc..eccdc59b 100644
--- a/people/11402.html
+++ b/people/11402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11403.html b/people/11403.html
index 73c64d41..42df3b63 100644
--- a/people/11403.html
+++ b/people/11403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11404.html b/people/11404.html
index 6dca0187..1012ee0f 100644
--- a/people/11404.html
+++ b/people/11404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11405.html b/people/11405.html
index 2536bfcc..9d00ea6b 100644
--- a/people/11405.html
+++ b/people/11405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11406.html b/people/11406.html
index 433168f6..f9026f51 100644
--- a/people/11406.html
+++ b/people/11406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11407.html b/people/11407.html
index 59fd6b14..382fe4ce 100644
--- a/people/11407.html
+++ b/people/11407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11408.html b/people/11408.html
index 7708932e..3b31a0b8 100644
--- a/people/11408.html
+++ b/people/11408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11409.html b/people/11409.html
index 496bd1fe..6fc839fe 100644
--- a/people/11409.html
+++ b/people/11409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1141.html b/people/1141.html
index 7faf8ac0..41521fcc 100644
--- a/people/1141.html
+++ b/people/1141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11410.html b/people/11410.html
index 80e817b4..0f345e68 100644
--- a/people/11410.html
+++ b/people/11410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11411.html b/people/11411.html
index 675e6620..dd7a2736 100644
--- a/people/11411.html
+++ b/people/11411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11412.html b/people/11412.html
index 0710ed19..3da5a1da 100644
--- a/people/11412.html
+++ b/people/11412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11413.html b/people/11413.html
index 9cffd54c..6d27c9d4 100644
--- a/people/11413.html
+++ b/people/11413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11414.html b/people/11414.html
index ef491ad8..37e4eb9e 100644
--- a/people/11414.html
+++ b/people/11414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11415.html b/people/11415.html
index a8b10739..82e2adf5 100644
--- a/people/11415.html
+++ b/people/11415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11416.html b/people/11416.html
index 94829c7d..8af48d4c 100644
--- a/people/11416.html
+++ b/people/11416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11417.html b/people/11417.html
index 03d75081..a42c8a9f 100644
--- a/people/11417.html
+++ b/people/11417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11418.html b/people/11418.html
index 3d34abea..7cc1b56b 100644
--- a/people/11418.html
+++ b/people/11418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11419.html b/people/11419.html
index 195f0fa1..c8c21e3f 100644
--- a/people/11419.html
+++ b/people/11419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1142.html b/people/1142.html
index 13e16b96..cab15bd3 100644
--- a/people/1142.html
+++ b/people/1142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11420.html b/people/11420.html
index f0a9eadf..d8777e3c 100644
--- a/people/11420.html
+++ b/people/11420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11421.html b/people/11421.html
index adce9183..f4cd3d34 100644
--- a/people/11421.html
+++ b/people/11421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11422.html b/people/11422.html
index 5e85b8c6..ee810f68 100644
--- a/people/11422.html
+++ b/people/11422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11423.html b/people/11423.html
index f6aeb67f..875cc17d 100644
--- a/people/11423.html
+++ b/people/11423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11424.html b/people/11424.html
index ed6625ae..20ddc3bf 100644
--- a/people/11424.html
+++ b/people/11424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11425.html b/people/11425.html
index 933b26b8..d96c2c4b 100644
--- a/people/11425.html
+++ b/people/11425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11426.html b/people/11426.html
index 7ecaf3ee..7a585508 100644
--- a/people/11426.html
+++ b/people/11426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11427.html b/people/11427.html
index aa13c86b..964023f6 100644
--- a/people/11427.html
+++ b/people/11427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11428.html b/people/11428.html
index b2c2af6e..af6038eb 100644
--- a/people/11428.html
+++ b/people/11428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11429.html b/people/11429.html
index ad69a519..35511562 100644
--- a/people/11429.html
+++ b/people/11429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1143.html b/people/1143.html
index 8be3c4fb..9ad8d3fb 100644
--- a/people/1143.html
+++ b/people/1143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11430.html b/people/11430.html
index 88a38a56..d8aa2be5 100644
--- a/people/11430.html
+++ b/people/11430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11431.html b/people/11431.html
index 165ebc51..f0e551a2 100644
--- a/people/11431.html
+++ b/people/11431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11432.html b/people/11432.html
index bbebadcc..d921c172 100644
--- a/people/11432.html
+++ b/people/11432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11433.html b/people/11433.html
index d92a16ba..b0c4043e 100644
--- a/people/11433.html
+++ b/people/11433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11434.html b/people/11434.html
index ae3b0508..c5bb2c13 100644
--- a/people/11434.html
+++ b/people/11434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11435.html b/people/11435.html
index 208e84d8..33f2e925 100644
--- a/people/11435.html
+++ b/people/11435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11436.html b/people/11436.html
index 3f7039af..17b3e602 100644
--- a/people/11436.html
+++ b/people/11436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11437.html b/people/11437.html
index 003173bb..32e4d0a1 100644
--- a/people/11437.html
+++ b/people/11437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11438.html b/people/11438.html
index c3b22e01..e2ec7868 100644
--- a/people/11438.html
+++ b/people/11438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11439.html b/people/11439.html
index dc1fd2ce..f810d2f8 100644
--- a/people/11439.html
+++ b/people/11439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1144.html b/people/1144.html
index 4da491ef..bc7f718c 100644
--- a/people/1144.html
+++ b/people/1144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11440.html b/people/11440.html
index 1b35edb5..cc5942a4 100644
--- a/people/11440.html
+++ b/people/11440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11441.html b/people/11441.html
index 82bf192a..fbbe054d 100644
--- a/people/11441.html
+++ b/people/11441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11442.html b/people/11442.html
index 698da511..81d65fd1 100644
--- a/people/11442.html
+++ b/people/11442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11443.html b/people/11443.html
index cd12f21d..d524af21 100644
--- a/people/11443.html
+++ b/people/11443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11444.html b/people/11444.html
index 41d36578..9bd49480 100644
--- a/people/11444.html
+++ b/people/11444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11445.html b/people/11445.html
index f30b6223..72b04de9 100644
--- a/people/11445.html
+++ b/people/11445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11446.html b/people/11446.html
index 4389ae86..748082e1 100644
--- a/people/11446.html
+++ b/people/11446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11447.html b/people/11447.html
index 9f91fa10..17053faf 100644
--- a/people/11447.html
+++ b/people/11447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11448.html b/people/11448.html
index 6b3f389b..92f3609e 100644
--- a/people/11448.html
+++ b/people/11448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11449.html b/people/11449.html
index 0710ec8a..c0c3e47e 100644
--- a/people/11449.html
+++ b/people/11449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1145.html b/people/1145.html
index c2078258..196aa42c 100644
--- a/people/1145.html
+++ b/people/1145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11450.html b/people/11450.html
index 5f2ac702..20384767 100644
--- a/people/11450.html
+++ b/people/11450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11451.html b/people/11451.html
index 8832a7dc..9443c46e 100644
--- a/people/11451.html
+++ b/people/11451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11452.html b/people/11452.html
index 45b8c0d8..20c65b25 100644
--- a/people/11452.html
+++ b/people/11452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11453.html b/people/11453.html
index 06593ab2..52f5eb5a 100644
--- a/people/11453.html
+++ b/people/11453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11454.html b/people/11454.html
index fe380dc8..b36ce328 100644
--- a/people/11454.html
+++ b/people/11454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11455.html b/people/11455.html
index 59366774..84203c5b 100644
--- a/people/11455.html
+++ b/people/11455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11456.html b/people/11456.html
index c5ad0050..01061b6d 100644
--- a/people/11456.html
+++ b/people/11456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11457.html b/people/11457.html
index 8be2b57d..4785e889 100644
--- a/people/11457.html
+++ b/people/11457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11458.html b/people/11458.html
index 734bde25..6be8e931 100644
--- a/people/11458.html
+++ b/people/11458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11459.html b/people/11459.html
index 34cb376f..5b768501 100644
--- a/people/11459.html
+++ b/people/11459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1146.html b/people/1146.html
index 6c6bbb63..a58e92dc 100644
--- a/people/1146.html
+++ b/people/1146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11460.html b/people/11460.html
index 61060b41..c1acbb65 100644
--- a/people/11460.html
+++ b/people/11460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11461.html b/people/11461.html
index ce83fe87..fa30744e 100644
--- a/people/11461.html
+++ b/people/11461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11462.html b/people/11462.html
index 776e583f..4f57fde3 100644
--- a/people/11462.html
+++ b/people/11462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11463.html b/people/11463.html
index e285eb16..fea8a8e0 100644
--- a/people/11463.html
+++ b/people/11463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11464.html b/people/11464.html
index 90a58201..34b21ef2 100644
--- a/people/11464.html
+++ b/people/11464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11465.html b/people/11465.html
index 9b764883..547b2c72 100644
--- a/people/11465.html
+++ b/people/11465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11466.html b/people/11466.html
index 95bf4938..6212b624 100644
--- a/people/11466.html
+++ b/people/11466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11467.html b/people/11467.html
index 80a11dac..6676d2aa 100644
--- a/people/11467.html
+++ b/people/11467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11468.html b/people/11468.html
index 29d08177..819c5635 100644
--- a/people/11468.html
+++ b/people/11468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11469.html b/people/11469.html
index 5e6bef0f..7073195a 100644
--- a/people/11469.html
+++ b/people/11469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1147.html b/people/1147.html
index eeb9e1a7..f0c88338 100644
--- a/people/1147.html
+++ b/people/1147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11470.html b/people/11470.html
index 3b622968..1fabab3e 100644
--- a/people/11470.html
+++ b/people/11470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11471.html b/people/11471.html
index acf81323..5b8c895d 100644
--- a/people/11471.html
+++ b/people/11471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11472.html b/people/11472.html
index 138de816..e24cec6a 100644
--- a/people/11472.html
+++ b/people/11472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11473.html b/people/11473.html
index 18ee583c..a3fbe2c2 100644
--- a/people/11473.html
+++ b/people/11473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11474.html b/people/11474.html
index a8fffe3d..cc201fc2 100644
--- a/people/11474.html
+++ b/people/11474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11475.html b/people/11475.html
index debafba6..d3b63011 100644
--- a/people/11475.html
+++ b/people/11475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11476.html b/people/11476.html
index 6081660d..05d78880 100644
--- a/people/11476.html
+++ b/people/11476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11477.html b/people/11477.html
index cdfc8b81..07d02e30 100644
--- a/people/11477.html
+++ b/people/11477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11478.html b/people/11478.html
index 63c71016..bb8fa053 100644
--- a/people/11478.html
+++ b/people/11478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11479.html b/people/11479.html
index f48a63b3..e7fb1615 100644
--- a/people/11479.html
+++ b/people/11479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1148.html b/people/1148.html
index 67e3cae3..e587dd44 100644
--- a/people/1148.html
+++ b/people/1148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11480.html b/people/11480.html
index 3ebbad17..df8bdfbe 100644
--- a/people/11480.html
+++ b/people/11480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11481.html b/people/11481.html
index 79ff95a8..ba44b6cc 100644
--- a/people/11481.html
+++ b/people/11481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11482.html b/people/11482.html
index 417cf999..90335e8f 100644
--- a/people/11482.html
+++ b/people/11482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11483.html b/people/11483.html
index e37890d2..ac84d011 100644
--- a/people/11483.html
+++ b/people/11483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11484.html b/people/11484.html
index cc333302..e79a566c 100644
--- a/people/11484.html
+++ b/people/11484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11485.html b/people/11485.html
index bb68d9aa..119d9a3d 100644
--- a/people/11485.html
+++ b/people/11485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11486.html b/people/11486.html
index ed8d0631..357a721b 100644
--- a/people/11486.html
+++ b/people/11486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11487.html b/people/11487.html
index 3a395648..5312249a 100644
--- a/people/11487.html
+++ b/people/11487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11488.html b/people/11488.html
index a782be7f..84524843 100644
--- a/people/11488.html
+++ b/people/11488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11489.html b/people/11489.html
index c4d81e4d..d5c01054 100644
--- a/people/11489.html
+++ b/people/11489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1149.html b/people/1149.html
index f43c48d5..175b4a24 100644
--- a/people/1149.html
+++ b/people/1149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11490.html b/people/11490.html
index f8311762..0c0c74f6 100644
--- a/people/11490.html
+++ b/people/11490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11491.html b/people/11491.html
index 92dcbe23..b1e8d471 100644
--- a/people/11491.html
+++ b/people/11491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11492.html b/people/11492.html
index b1a781e7..306dce89 100644
--- a/people/11492.html
+++ b/people/11492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11493.html b/people/11493.html
index b848b71a..04468a3a 100644
--- a/people/11493.html
+++ b/people/11493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11494.html b/people/11494.html
index 07132a9d..750272ac 100644
--- a/people/11494.html
+++ b/people/11494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11495.html b/people/11495.html
index 5852eded..552df651 100644
--- a/people/11495.html
+++ b/people/11495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11496.html b/people/11496.html
index 42f93a51..fbf7b616 100644
--- a/people/11496.html
+++ b/people/11496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11497.html b/people/11497.html
index 8e6b8f06..ef8fcb94 100644
--- a/people/11497.html
+++ b/people/11497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11498.html b/people/11498.html
index a86df1dc..d1ab26c4 100644
--- a/people/11498.html
+++ b/people/11498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11499.html b/people/11499.html
index 25bcf826..c18074d6 100644
--- a/people/11499.html
+++ b/people/11499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/115.html b/people/115.html
index 52da6126..45d218a6 100644
--- a/people/115.html
+++ b/people/115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1150.html b/people/1150.html
index a3ad8acb..185d3346 100644
--- a/people/1150.html
+++ b/people/1150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11500.html b/people/11500.html
index a2e791ca..bceafaf4 100644
--- a/people/11500.html
+++ b/people/11500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11501.html b/people/11501.html
index 2280a77e..f217ce7c 100644
--- a/people/11501.html
+++ b/people/11501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11502.html b/people/11502.html
index f1ce96c5..55337d9c 100644
--- a/people/11502.html
+++ b/people/11502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11503.html b/people/11503.html
index 77a97c6b..6f19329d 100644
--- a/people/11503.html
+++ b/people/11503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11504.html b/people/11504.html
index 79019259..3025d9e1 100644
--- a/people/11504.html
+++ b/people/11504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11505.html b/people/11505.html
index 49402a1d..e8e4992a 100644
--- a/people/11505.html
+++ b/people/11505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11506.html b/people/11506.html
index 7ecc028e..a77c6e1c 100644
--- a/people/11506.html
+++ b/people/11506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11507.html b/people/11507.html
index 7939a96c..9beb7a69 100644
--- a/people/11507.html
+++ b/people/11507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11508.html b/people/11508.html
index b53c79d8..ee27a656 100644
--- a/people/11508.html
+++ b/people/11508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11509.html b/people/11509.html
index facc6b2b..f242bdd9 100644
--- a/people/11509.html
+++ b/people/11509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1151.html b/people/1151.html
index fae1474b..7a33d42a 100644
--- a/people/1151.html
+++ b/people/1151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11510.html b/people/11510.html
index ebcc707a..b26f61c6 100644
--- a/people/11510.html
+++ b/people/11510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11511.html b/people/11511.html
index 8e02d4a8..c1c3cf0c 100644
--- a/people/11511.html
+++ b/people/11511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11512.html b/people/11512.html
index 9d1fb6da..7a7b496b 100644
--- a/people/11512.html
+++ b/people/11512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11513.html b/people/11513.html
index 801ca993..05475206 100644
--- a/people/11513.html
+++ b/people/11513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11514.html b/people/11514.html
index e519e88b..7a94cb23 100644
--- a/people/11514.html
+++ b/people/11514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11515.html b/people/11515.html
index 745a3600..d1883f44 100644
--- a/people/11515.html
+++ b/people/11515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11516.html b/people/11516.html
index 968e91ff..6aa8aae3 100644
--- a/people/11516.html
+++ b/people/11516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11517.html b/people/11517.html
index 9ec5f76a..2adfac03 100644
--- a/people/11517.html
+++ b/people/11517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11518.html b/people/11518.html
index 71b1dbe0..1f1ab15b 100644
--- a/people/11518.html
+++ b/people/11518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11519.html b/people/11519.html
index 134d2c13..9bca72a5 100644
--- a/people/11519.html
+++ b/people/11519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1152.html b/people/1152.html
index 115e4a97..56538721 100644
--- a/people/1152.html
+++ b/people/1152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11520.html b/people/11520.html
index c970708a..b35ab4ff 100644
--- a/people/11520.html
+++ b/people/11520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11521.html b/people/11521.html
index 32868929..562afaee 100644
--- a/people/11521.html
+++ b/people/11521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11522.html b/people/11522.html
index 43b5aafc..74cc43bc 100644
--- a/people/11522.html
+++ b/people/11522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11523.html b/people/11523.html
index edd895be..b6372081 100644
--- a/people/11523.html
+++ b/people/11523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11524.html b/people/11524.html
index 6b1b217f..bc3f9009 100644
--- a/people/11524.html
+++ b/people/11524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11525.html b/people/11525.html
index 15800e3c..5ffa4b41 100644
--- a/people/11525.html
+++ b/people/11525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11526.html b/people/11526.html
index 34f760a9..dae566e3 100644
--- a/people/11526.html
+++ b/people/11526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11527.html b/people/11527.html
index 6ac21822..63be8bfa 100644
--- a/people/11527.html
+++ b/people/11527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11528.html b/people/11528.html
index 60409df0..2eac7ae3 100644
--- a/people/11528.html
+++ b/people/11528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11529.html b/people/11529.html
index 21f92c05..dc700d27 100644
--- a/people/11529.html
+++ b/people/11529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1153.html b/people/1153.html
index 1190e2a3..6e0995a4 100644
--- a/people/1153.html
+++ b/people/1153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11530.html b/people/11530.html
index d48b4e75..cf485110 100644
--- a/people/11530.html
+++ b/people/11530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11531.html b/people/11531.html
index 7c05d8f8..0154da75 100644
--- a/people/11531.html
+++ b/people/11531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11532.html b/people/11532.html
index 116955f6..f32f1a26 100644
--- a/people/11532.html
+++ b/people/11532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11533.html b/people/11533.html
index 579ec026..c26b638b 100644
--- a/people/11533.html
+++ b/people/11533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11534.html b/people/11534.html
index 102f1c43..9bbbfa9e 100644
--- a/people/11534.html
+++ b/people/11534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11535.html b/people/11535.html
index 455970d0..ff3cf65d 100644
--- a/people/11535.html
+++ b/people/11535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11536.html b/people/11536.html
index d611c2b9..515ff930 100644
--- a/people/11536.html
+++ b/people/11536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11537.html b/people/11537.html
index 843aebc8..b7f79dca 100644
--- a/people/11537.html
+++ b/people/11537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11538.html b/people/11538.html
index d81d38ca..5b15ec14 100644
--- a/people/11538.html
+++ b/people/11538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11539.html b/people/11539.html
index 5aab1418..a018ce1c 100644
--- a/people/11539.html
+++ b/people/11539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1154.html b/people/1154.html
index ead8ff6d..c24de44e 100644
--- a/people/1154.html
+++ b/people/1154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11540.html b/people/11540.html
index 40225864..c2be1c99 100644
--- a/people/11540.html
+++ b/people/11540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11541.html b/people/11541.html
index ff52f4e7..95bb26c6 100644
--- a/people/11541.html
+++ b/people/11541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11542.html b/people/11542.html
index 5df3f98b..b7628bf6 100644
--- a/people/11542.html
+++ b/people/11542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11543.html b/people/11543.html
index 90f5225b..afa661c6 100644
--- a/people/11543.html
+++ b/people/11543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11544.html b/people/11544.html
index 43c9d12c..2e4ca634 100644
--- a/people/11544.html
+++ b/people/11544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11545.html b/people/11545.html
index 183fb673..d95ae4d4 100644
--- a/people/11545.html
+++ b/people/11545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11546.html b/people/11546.html
index 0049d8ea..29823f91 100644
--- a/people/11546.html
+++ b/people/11546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11547.html b/people/11547.html
index ff4f8344..8df14ffe 100644
--- a/people/11547.html
+++ b/people/11547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11548.html b/people/11548.html
index 2ab5c103..40b1c17b 100644
--- a/people/11548.html
+++ b/people/11548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11549.html b/people/11549.html
index 18f7909b..e641a7f5 100644
--- a/people/11549.html
+++ b/people/11549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1155.html b/people/1155.html
index e40e11de..4a0cfdbc 100644
--- a/people/1155.html
+++ b/people/1155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11550.html b/people/11550.html
index 664bc4b0..cb52857e 100644
--- a/people/11550.html
+++ b/people/11550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11551.html b/people/11551.html
index a5cb249d..c08eb8c6 100644
--- a/people/11551.html
+++ b/people/11551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11552.html b/people/11552.html
index b319a48f..1ad055b9 100644
--- a/people/11552.html
+++ b/people/11552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11553.html b/people/11553.html
index 28a0180d..916a4f14 100644
--- a/people/11553.html
+++ b/people/11553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11554.html b/people/11554.html
index c9e907d8..e6e911d8 100644
--- a/people/11554.html
+++ b/people/11554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11555.html b/people/11555.html
index d8b1b0ba..7dfe729d 100644
--- a/people/11555.html
+++ b/people/11555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11556.html b/people/11556.html
index a00e6793..416982a7 100644
--- a/people/11556.html
+++ b/people/11556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11557.html b/people/11557.html
index 4c1e261c..cc35345a 100644
--- a/people/11557.html
+++ b/people/11557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11558.html b/people/11558.html
index 3322344e..1a84b903 100644
--- a/people/11558.html
+++ b/people/11558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11559.html b/people/11559.html
index 07525cc8..4270d8ab 100644
--- a/people/11559.html
+++ b/people/11559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1156.html b/people/1156.html
index 18dedc7d..de9bc98f 100644
--- a/people/1156.html
+++ b/people/1156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11560.html b/people/11560.html
index 749ac71a..8e7064d0 100644
--- a/people/11560.html
+++ b/people/11560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11561.html b/people/11561.html
index 12e02b8a..4a465d08 100644
--- a/people/11561.html
+++ b/people/11561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11562.html b/people/11562.html
index 610f3324..470c5793 100644
--- a/people/11562.html
+++ b/people/11562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11563.html b/people/11563.html
index a8a883c0..7513543f 100644
--- a/people/11563.html
+++ b/people/11563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11564.html b/people/11564.html
index b76dffe1..f940fc7e 100644
--- a/people/11564.html
+++ b/people/11564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11565.html b/people/11565.html
index 22553b7c..7a3b5d92 100644
--- a/people/11565.html
+++ b/people/11565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11566.html b/people/11566.html
index e98f05b2..3b445805 100644
--- a/people/11566.html
+++ b/people/11566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11567.html b/people/11567.html
index a58ae17a..8aada9d9 100644
--- a/people/11567.html
+++ b/people/11567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11568.html b/people/11568.html
index d37ffa98..d540fdd3 100644
--- a/people/11568.html
+++ b/people/11568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11569.html b/people/11569.html
index 1dc5267c..9e458340 100644
--- a/people/11569.html
+++ b/people/11569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1157.html b/people/1157.html
index 7f67ad44..ac145194 100644
--- a/people/1157.html
+++ b/people/1157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11570.html b/people/11570.html
index 8900f361..68c5402d 100644
--- a/people/11570.html
+++ b/people/11570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11571.html b/people/11571.html
index b1242b62..618568f9 100644
--- a/people/11571.html
+++ b/people/11571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11572.html b/people/11572.html
index 3b477f9c..7bc65c39 100644
--- a/people/11572.html
+++ b/people/11572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11573.html b/people/11573.html
index 84e76781..9280002e 100644
--- a/people/11573.html
+++ b/people/11573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11574.html b/people/11574.html
index a7962f78..d88a246b 100644
--- a/people/11574.html
+++ b/people/11574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11575.html b/people/11575.html
index 95e5e7e8..a3a40ba4 100644
--- a/people/11575.html
+++ b/people/11575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11576.html b/people/11576.html
index 9b2c95cf..9fad76b6 100644
--- a/people/11576.html
+++ b/people/11576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11577.html b/people/11577.html
index c6398dab..341d27e4 100644
--- a/people/11577.html
+++ b/people/11577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11578.html b/people/11578.html
index 9c5f41b1..2967f078 100644
--- a/people/11578.html
+++ b/people/11578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11579.html b/people/11579.html
index f8b6a20d..5a37fd4f 100644
--- a/people/11579.html
+++ b/people/11579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1158.html b/people/1158.html
index 1960aa18..7c7c52ec 100644
--- a/people/1158.html
+++ b/people/1158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11580.html b/people/11580.html
index c189d211..85640b3e 100644
--- a/people/11580.html
+++ b/people/11580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11581.html b/people/11581.html
index 9ea26549..503f73ed 100644
--- a/people/11581.html
+++ b/people/11581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11582.html b/people/11582.html
index fbe4f6d8..157ec1f8 100644
--- a/people/11582.html
+++ b/people/11582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11583.html b/people/11583.html
index 516392a9..7ed9799e 100644
--- a/people/11583.html
+++ b/people/11583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11584.html b/people/11584.html
index 43434bb9..8d01badd 100644
--- a/people/11584.html
+++ b/people/11584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11585.html b/people/11585.html
index ba1ec36e..6adc641d 100644
--- a/people/11585.html
+++ b/people/11585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11586.html b/people/11586.html
index f50303ae..bed73a0d 100644
--- a/people/11586.html
+++ b/people/11586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11587.html b/people/11587.html
index ec49e571..71b74ce8 100644
--- a/people/11587.html
+++ b/people/11587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11588.html b/people/11588.html
index df8a3b23..a97be93b 100644
--- a/people/11588.html
+++ b/people/11588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11589.html b/people/11589.html
index d4fd38a3..5b5ec626 100644
--- a/people/11589.html
+++ b/people/11589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1159.html b/people/1159.html
index 75267a78..caf0be83 100644
--- a/people/1159.html
+++ b/people/1159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11590.html b/people/11590.html
index f0b6931e..876ed33f 100644
--- a/people/11590.html
+++ b/people/11590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11591.html b/people/11591.html
index 8201aa96..0e4974d3 100644
--- a/people/11591.html
+++ b/people/11591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11592.html b/people/11592.html
index a8b43768..2a572830 100644
--- a/people/11592.html
+++ b/people/11592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11593.html b/people/11593.html
index 71eb3cee..96e2d65a 100644
--- a/people/11593.html
+++ b/people/11593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11594.html b/people/11594.html
index 517c655a..5a5edf30 100644
--- a/people/11594.html
+++ b/people/11594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11595.html b/people/11595.html
index b9df1df4..89538cb2 100644
--- a/people/11595.html
+++ b/people/11595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11596.html b/people/11596.html
index 39bca198..1b678a4c 100644
--- a/people/11596.html
+++ b/people/11596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11597.html b/people/11597.html
index 4061b36b..bc55202d 100644
--- a/people/11597.html
+++ b/people/11597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11598.html b/people/11598.html
index 68b5bcde..33a974fc 100644
--- a/people/11598.html
+++ b/people/11598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11599.html b/people/11599.html
index 3175b69f..7ab9b61d 100644
--- a/people/11599.html
+++ b/people/11599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/116.html b/people/116.html
index db2cb74f..9c48e0a3 100644
--- a/people/116.html
+++ b/people/116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1160.html b/people/1160.html
index 1ffb48d3..3db5e3dd 100644
--- a/people/1160.html
+++ b/people/1160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11600.html b/people/11600.html
index a99cd779..1aa76c99 100644
--- a/people/11600.html
+++ b/people/11600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11601.html b/people/11601.html
index f6bcef81..7f0b2ce3 100644
--- a/people/11601.html
+++ b/people/11601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11602.html b/people/11602.html
index 3167bf47..828eead4 100644
--- a/people/11602.html
+++ b/people/11602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11603.html b/people/11603.html
index f324c4b6..808c5d73 100644
--- a/people/11603.html
+++ b/people/11603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11604.html b/people/11604.html
index a6048586..0404bcb0 100644
--- a/people/11604.html
+++ b/people/11604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11605.html b/people/11605.html
index a104e29d..ecd51940 100644
--- a/people/11605.html
+++ b/people/11605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11606.html b/people/11606.html
index 0bc62337..e46bad83 100644
--- a/people/11606.html
+++ b/people/11606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11607.html b/people/11607.html
index ee3b781d..2143ba0d 100644
--- a/people/11607.html
+++ b/people/11607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11608.html b/people/11608.html
index daf0462d..5fdf3f19 100644
--- a/people/11608.html
+++ b/people/11608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11609.html b/people/11609.html
index a3b8f6ca..345f75a9 100644
--- a/people/11609.html
+++ b/people/11609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1161.html b/people/1161.html
index d76b9e6e..d193816d 100644
--- a/people/1161.html
+++ b/people/1161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11610.html b/people/11610.html
index 0eaafc78..a28973fd 100644
--- a/people/11610.html
+++ b/people/11610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11611.html b/people/11611.html
index 39693b4e..427c8fbc 100644
--- a/people/11611.html
+++ b/people/11611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11612.html b/people/11612.html
index 755e0fef..56385c8b 100644
--- a/people/11612.html
+++ b/people/11612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11613.html b/people/11613.html
index ee8115f0..a47b41a4 100644
--- a/people/11613.html
+++ b/people/11613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11614.html b/people/11614.html
index d0104ddc..9680441b 100644
--- a/people/11614.html
+++ b/people/11614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11615.html b/people/11615.html
index 6b55dcb3..bbf4de52 100644
--- a/people/11615.html
+++ b/people/11615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11616.html b/people/11616.html
index 54a13d29..ace9c7e3 100644
--- a/people/11616.html
+++ b/people/11616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11617.html b/people/11617.html
index fd21b87a..b2de6c93 100644
--- a/people/11617.html
+++ b/people/11617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11618.html b/people/11618.html
index 76ee0bfc..7aa6b0a6 100644
--- a/people/11618.html
+++ b/people/11618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11619.html b/people/11619.html
index e73b8ccf..771c795c 100644
--- a/people/11619.html
+++ b/people/11619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1162.html b/people/1162.html
index b6bf48dd..3ec7d06b 100644
--- a/people/1162.html
+++ b/people/1162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11620.html b/people/11620.html
index 99da4cbe..6ffc7bac 100644
--- a/people/11620.html
+++ b/people/11620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11621.html b/people/11621.html
index 77bc71a4..ca5970cf 100644
--- a/people/11621.html
+++ b/people/11621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11622.html b/people/11622.html
index e85268ae..3e9c447c 100644
--- a/people/11622.html
+++ b/people/11622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11623.html b/people/11623.html
index d310b7fe..bdb4002c 100644
--- a/people/11623.html
+++ b/people/11623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11624.html b/people/11624.html
index 27e482d8..bd60a0f6 100644
--- a/people/11624.html
+++ b/people/11624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11625.html b/people/11625.html
index da3674ab..13c1bf7b 100644
--- a/people/11625.html
+++ b/people/11625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11626.html b/people/11626.html
index dedf3727..9ce508c6 100644
--- a/people/11626.html
+++ b/people/11626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11627.html b/people/11627.html
index 2cbcf21b..6e9bffa3 100644
--- a/people/11627.html
+++ b/people/11627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11628.html b/people/11628.html
index a9556bc1..60bdb42c 100644
--- a/people/11628.html
+++ b/people/11628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11629.html b/people/11629.html
index eb74b510..dba44626 100644
--- a/people/11629.html
+++ b/people/11629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1163.html b/people/1163.html
index 053afe55..68bafb3a 100644
--- a/people/1163.html
+++ b/people/1163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11630.html b/people/11630.html
index 4f92f5a2..1108c850 100644
--- a/people/11630.html
+++ b/people/11630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11631.html b/people/11631.html
index 95979db6..f19227fc 100644
--- a/people/11631.html
+++ b/people/11631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11632.html b/people/11632.html
index de5bf51d..31b7df88 100644
--- a/people/11632.html
+++ b/people/11632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11633.html b/people/11633.html
index 42c8db60..4293afec 100644
--- a/people/11633.html
+++ b/people/11633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11634.html b/people/11634.html
index 46f11a13..16eebbb4 100644
--- a/people/11634.html
+++ b/people/11634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11635.html b/people/11635.html
index eee803e1..f35d5ea2 100644
--- a/people/11635.html
+++ b/people/11635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11636.html b/people/11636.html
index 47e32407..1bd9169b 100644
--- a/people/11636.html
+++ b/people/11636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11637.html b/people/11637.html
index 85fca25e..347d49a8 100644
--- a/people/11637.html
+++ b/people/11637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11638.html b/people/11638.html
index 16bd1a7b..6b3b5543 100644
--- a/people/11638.html
+++ b/people/11638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11639.html b/people/11639.html
index bcb9da5f..5675d218 100644
--- a/people/11639.html
+++ b/people/11639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1164.html b/people/1164.html
index f08e8034..978c85f8 100644
--- a/people/1164.html
+++ b/people/1164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11640.html b/people/11640.html
index 7a1f8d75..cb686e1d 100644
--- a/people/11640.html
+++ b/people/11640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11641.html b/people/11641.html
index 3e0bceb1..8a09d387 100644
--- a/people/11641.html
+++ b/people/11641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11642.html b/people/11642.html
index 9f000e77..163db7b4 100644
--- a/people/11642.html
+++ b/people/11642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11643.html b/people/11643.html
index 69518c09..1f491145 100644
--- a/people/11643.html
+++ b/people/11643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11644.html b/people/11644.html
index 60c79c20..81a895ec 100644
--- a/people/11644.html
+++ b/people/11644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11645.html b/people/11645.html
index 3401b9ca..d0f1ae7d 100644
--- a/people/11645.html
+++ b/people/11645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11646.html b/people/11646.html
index 7d54e6c5..c0eaf577 100644
--- a/people/11646.html
+++ b/people/11646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11647.html b/people/11647.html
index f912ea00..464f5b73 100644
--- a/people/11647.html
+++ b/people/11647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11648.html b/people/11648.html
index f68c6cbd..72af06b5 100644
--- a/people/11648.html
+++ b/people/11648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11649.html b/people/11649.html
index 230b92a0..e715b74c 100644
--- a/people/11649.html
+++ b/people/11649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1165.html b/people/1165.html
index 1d8a5c5d..287ef54f 100644
--- a/people/1165.html
+++ b/people/1165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11650.html b/people/11650.html
index 7577a9dd..d3ff1df4 100644
--- a/people/11650.html
+++ b/people/11650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11651.html b/people/11651.html
index 22b05d23..da573679 100644
--- a/people/11651.html
+++ b/people/11651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11652.html b/people/11652.html
index 4302300b..0322d85b 100644
--- a/people/11652.html
+++ b/people/11652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11653.html b/people/11653.html
index bd618cf2..87d81539 100644
--- a/people/11653.html
+++ b/people/11653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11654.html b/people/11654.html
index fb1b611d..783876ed 100644
--- a/people/11654.html
+++ b/people/11654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11655.html b/people/11655.html
index 72a9c688..9da6414e 100644
--- a/people/11655.html
+++ b/people/11655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11656.html b/people/11656.html
index 87c9875c..931dc844 100644
--- a/people/11656.html
+++ b/people/11656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11657.html b/people/11657.html
index 6ed575c3..5b493a37 100644
--- a/people/11657.html
+++ b/people/11657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11658.html b/people/11658.html
index 130d0d84..63d27e7f 100644
--- a/people/11658.html
+++ b/people/11658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11659.html b/people/11659.html
index 9d6c7369..11f3adc8 100644
--- a/people/11659.html
+++ b/people/11659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1166.html b/people/1166.html
index 95e0b1ba..51785c62 100644
--- a/people/1166.html
+++ b/people/1166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11660.html b/people/11660.html
index f1c0f165..019dea3c 100644
--- a/people/11660.html
+++ b/people/11660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11661.html b/people/11661.html
index 86b88bf5..00eb5f82 100644
--- a/people/11661.html
+++ b/people/11661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11662.html b/people/11662.html
index 8bdbbbd2..1d006490 100644
--- a/people/11662.html
+++ b/people/11662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11663.html b/people/11663.html
index c19ffc95..1f721d17 100644
--- a/people/11663.html
+++ b/people/11663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11664.html b/people/11664.html
index 03e4690e..c340c863 100644
--- a/people/11664.html
+++ b/people/11664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11665.html b/people/11665.html
index f6bba1c7..1fa827ca 100644
--- a/people/11665.html
+++ b/people/11665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11666.html b/people/11666.html
index 6048599a..8c758563 100644
--- a/people/11666.html
+++ b/people/11666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11667.html b/people/11667.html
index 94ae5c19..e07dbba2 100644
--- a/people/11667.html
+++ b/people/11667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11668.html b/people/11668.html
index f3d005a8..78a0494e 100644
--- a/people/11668.html
+++ b/people/11668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11669.html b/people/11669.html
index 77b45185..df1076f5 100644
--- a/people/11669.html
+++ b/people/11669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1167.html b/people/1167.html
index 32a05cf2..e6d791c0 100644
--- a/people/1167.html
+++ b/people/1167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11670.html b/people/11670.html
index 5b962a02..35609224 100644
--- a/people/11670.html
+++ b/people/11670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11671.html b/people/11671.html
index 44ebf2a9..4a0e855d 100644
--- a/people/11671.html
+++ b/people/11671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11672.html b/people/11672.html
index d27d9d09..ce32cde5 100644
--- a/people/11672.html
+++ b/people/11672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11673.html b/people/11673.html
index e4fc4480..c5bf4139 100644
--- a/people/11673.html
+++ b/people/11673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11674.html b/people/11674.html
index ef1ac2d8..21a39e20 100644
--- a/people/11674.html
+++ b/people/11674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11675.html b/people/11675.html
index 25518a15..b79c8da1 100644
--- a/people/11675.html
+++ b/people/11675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11676.html b/people/11676.html
index d791a96d..8094c370 100644
--- a/people/11676.html
+++ b/people/11676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11677.html b/people/11677.html
index 010eeed9..7ae1593f 100644
--- a/people/11677.html
+++ b/people/11677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11678.html b/people/11678.html
index 726c0a3f..7d1b83cc 100644
--- a/people/11678.html
+++ b/people/11678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11679.html b/people/11679.html
index f0e4bb21..9925ef18 100644
--- a/people/11679.html
+++ b/people/11679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1168.html b/people/1168.html
index cf27376d..df927796 100644
--- a/people/1168.html
+++ b/people/1168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11680.html b/people/11680.html
index d47c1540..b431da76 100644
--- a/people/11680.html
+++ b/people/11680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11681.html b/people/11681.html
index 2f1cd2b2..97ffaea9 100644
--- a/people/11681.html
+++ b/people/11681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11682.html b/people/11682.html
index e3e44f4c..f22b6cd2 100644
--- a/people/11682.html
+++ b/people/11682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11683.html b/people/11683.html
index dfefa4db..b86ba43a 100644
--- a/people/11683.html
+++ b/people/11683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11684.html b/people/11684.html
index 7104984e..6a439e11 100644
--- a/people/11684.html
+++ b/people/11684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11685.html b/people/11685.html
index 2654c108..6f60b357 100644
--- a/people/11685.html
+++ b/people/11685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11686.html b/people/11686.html
index dadbb047..c825d475 100644
--- a/people/11686.html
+++ b/people/11686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11687.html b/people/11687.html
index ed4f2ae3..2de05a7e 100644
--- a/people/11687.html
+++ b/people/11687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11688.html b/people/11688.html
index 18c2930f..ff9a001c 100644
--- a/people/11688.html
+++ b/people/11688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11689.html b/people/11689.html
index 60ddf065..3df39dc2 100644
--- a/people/11689.html
+++ b/people/11689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1169.html b/people/1169.html
index 92f970d9..bbd841a3 100644
--- a/people/1169.html
+++ b/people/1169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11690.html b/people/11690.html
index 5f24e5ef..5163962b 100644
--- a/people/11690.html
+++ b/people/11690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11691.html b/people/11691.html
index 73919b42..60c22110 100644
--- a/people/11691.html
+++ b/people/11691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11692.html b/people/11692.html
index 5115f46f..6ed74100 100644
--- a/people/11692.html
+++ b/people/11692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11693.html b/people/11693.html
index 106454dd..e2546a6b 100644
--- a/people/11693.html
+++ b/people/11693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11694.html b/people/11694.html
index e6fb0b72..3a054159 100644
--- a/people/11694.html
+++ b/people/11694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11695.html b/people/11695.html
index 37b20f93..6eec3389 100644
--- a/people/11695.html
+++ b/people/11695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11696.html b/people/11696.html
index 6213c6b9..4b5348fc 100644
--- a/people/11696.html
+++ b/people/11696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11697.html b/people/11697.html
index a06c111b..5fa68fd4 100644
--- a/people/11697.html
+++ b/people/11697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11698.html b/people/11698.html
index d9948f4a..34545cb4 100644
--- a/people/11698.html
+++ b/people/11698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11699.html b/people/11699.html
index 64b5e319..015b3a10 100644
--- a/people/11699.html
+++ b/people/11699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/117.html b/people/117.html
index 93eaad9a..7204be0b 100644
--- a/people/117.html
+++ b/people/117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1170.html b/people/1170.html
index bac99294..1efc723b 100644
--- a/people/1170.html
+++ b/people/1170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11700.html b/people/11700.html
index e9c80676..62150996 100644
--- a/people/11700.html
+++ b/people/11700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11701.html b/people/11701.html
index b86a48a9..7384ab91 100644
--- a/people/11701.html
+++ b/people/11701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11702.html b/people/11702.html
index cb047f14..b7b9212a 100644
--- a/people/11702.html
+++ b/people/11702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11703.html b/people/11703.html
index c753a390..bd0f2103 100644
--- a/people/11703.html
+++ b/people/11703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11704.html b/people/11704.html
index 789307cb..558cff03 100644
--- a/people/11704.html
+++ b/people/11704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11705.html b/people/11705.html
index d1547834..2e5909f1 100644
--- a/people/11705.html
+++ b/people/11705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11706.html b/people/11706.html
index 351cc1bf..43716db1 100644
--- a/people/11706.html
+++ b/people/11706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11707.html b/people/11707.html
index c5043bbb..d028af5a 100644
--- a/people/11707.html
+++ b/people/11707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11708.html b/people/11708.html
index 51a199c9..c2f7b7e8 100644
--- a/people/11708.html
+++ b/people/11708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11709.html b/people/11709.html
index 82d1f7dc..09d52c62 100644
--- a/people/11709.html
+++ b/people/11709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1171.html b/people/1171.html
index ba2a762f..4fe1f46d 100644
--- a/people/1171.html
+++ b/people/1171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11710.html b/people/11710.html
index 1506d007..f22d91e0 100644
--- a/people/11710.html
+++ b/people/11710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11711.html b/people/11711.html
index c81b67ad..8fbbb3a2 100644
--- a/people/11711.html
+++ b/people/11711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11712.html b/people/11712.html
index 88a72ab1..d93779b2 100644
--- a/people/11712.html
+++ b/people/11712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11713.html b/people/11713.html
index cddac80b..6b4d9625 100644
--- a/people/11713.html
+++ b/people/11713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11714.html b/people/11714.html
index 305d98fe..e5379e1e 100644
--- a/people/11714.html
+++ b/people/11714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11715.html b/people/11715.html
index ec871e06..ae55354d 100644
--- a/people/11715.html
+++ b/people/11715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11716.html b/people/11716.html
index ccf8c536..9a045a0d 100644
--- a/people/11716.html
+++ b/people/11716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11717.html b/people/11717.html
index 3971a759..3940eab2 100644
--- a/people/11717.html
+++ b/people/11717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11718.html b/people/11718.html
index bcbb650d..e11c33f8 100644
--- a/people/11718.html
+++ b/people/11718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11719.html b/people/11719.html
index 017a9cbe..5af9f1af 100644
--- a/people/11719.html
+++ b/people/11719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1172.html b/people/1172.html
index 7bc25132..71ecf1c1 100644
--- a/people/1172.html
+++ b/people/1172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11720.html b/people/11720.html
index a178d629..9fe6b026 100644
--- a/people/11720.html
+++ b/people/11720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11721.html b/people/11721.html
index 8fcd03fa..e7ecf440 100644
--- a/people/11721.html
+++ b/people/11721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11722.html b/people/11722.html
index c1fd9da0..c1b203d0 100644
--- a/people/11722.html
+++ b/people/11722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11723.html b/people/11723.html
index f7e7c4cd..de858a6b 100644
--- a/people/11723.html
+++ b/people/11723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11724.html b/people/11724.html
index dac5a973..ed7f02ac 100644
--- a/people/11724.html
+++ b/people/11724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11725.html b/people/11725.html
index 94e8d47b..0f25786f 100644
--- a/people/11725.html
+++ b/people/11725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11726.html b/people/11726.html
index 99d44a1f..ebc941d3 100644
--- a/people/11726.html
+++ b/people/11726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11727.html b/people/11727.html
index 03b102ac..7e933973 100644
--- a/people/11727.html
+++ b/people/11727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11728.html b/people/11728.html
index a5b9c532..d3fda6ea 100644
--- a/people/11728.html
+++ b/people/11728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11729.html b/people/11729.html
index 0aa42e34..e3007b41 100644
--- a/people/11729.html
+++ b/people/11729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1173.html b/people/1173.html
index dd9c703b..eb29530e 100644
--- a/people/1173.html
+++ b/people/1173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11730.html b/people/11730.html
index 7fa976d1..630331c4 100644
--- a/people/11730.html
+++ b/people/11730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11731.html b/people/11731.html
index f2537061..86c49f63 100644
--- a/people/11731.html
+++ b/people/11731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11732.html b/people/11732.html
index 4cea55bb..c73bd35f 100644
--- a/people/11732.html
+++ b/people/11732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11733.html b/people/11733.html
index bf2d7176..5c0932d8 100644
--- a/people/11733.html
+++ b/people/11733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11734.html b/people/11734.html
index ef57b66a..b4729ec8 100644
--- a/people/11734.html
+++ b/people/11734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11735.html b/people/11735.html
index 2894203d..98a4ca41 100644
--- a/people/11735.html
+++ b/people/11735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11736.html b/people/11736.html
index fededa5f..3c971fa1 100644
--- a/people/11736.html
+++ b/people/11736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11737.html b/people/11737.html
index 9b528adf..25feda25 100644
--- a/people/11737.html
+++ b/people/11737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11738.html b/people/11738.html
index d8eefca8..9ed8a5ac 100644
--- a/people/11738.html
+++ b/people/11738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11739.html b/people/11739.html
index 0fba5671..8c658f3b 100644
--- a/people/11739.html
+++ b/people/11739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1174.html b/people/1174.html
index be6c72f5..22866087 100644
--- a/people/1174.html
+++ b/people/1174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11740.html b/people/11740.html
index 6e2635fd..a0888e75 100644
--- a/people/11740.html
+++ b/people/11740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11741.html b/people/11741.html
index 05b9faa0..e3ecb2d1 100644
--- a/people/11741.html
+++ b/people/11741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11742.html b/people/11742.html
index 1711afc5..7967ccd9 100644
--- a/people/11742.html
+++ b/people/11742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11743.html b/people/11743.html
index 1ae46aad..2decfbe5 100644
--- a/people/11743.html
+++ b/people/11743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11744.html b/people/11744.html
index e83243ca..e53736af 100644
--- a/people/11744.html
+++ b/people/11744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11745.html b/people/11745.html
index be86fb7c..d75b4b7e 100644
--- a/people/11745.html
+++ b/people/11745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11746.html b/people/11746.html
index 0aed73f8..6e6ae124 100644
--- a/people/11746.html
+++ b/people/11746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11747.html b/people/11747.html
index 4b2cd644..86fb719d 100644
--- a/people/11747.html
+++ b/people/11747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11748.html b/people/11748.html
index 90b50195..4896fe96 100644
--- a/people/11748.html
+++ b/people/11748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11749.html b/people/11749.html
index ac84f3fb..82af3f5c 100644
--- a/people/11749.html
+++ b/people/11749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1175.html b/people/1175.html
index 2dcb4444..67617bfd 100644
--- a/people/1175.html
+++ b/people/1175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11750.html b/people/11750.html
index e6f8d9c0..aeafcf87 100644
--- a/people/11750.html
+++ b/people/11750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11751.html b/people/11751.html
index dd0a2def..806da1e3 100644
--- a/people/11751.html
+++ b/people/11751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11752.html b/people/11752.html
index df8cab59..dee9f6f9 100644
--- a/people/11752.html
+++ b/people/11752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11753.html b/people/11753.html
index 70f07ec9..cea4975a 100644
--- a/people/11753.html
+++ b/people/11753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11754.html b/people/11754.html
index 21611fd7..3e8e2ca0 100644
--- a/people/11754.html
+++ b/people/11754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11755.html b/people/11755.html
index f2ce7661..612c8914 100644
--- a/people/11755.html
+++ b/people/11755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11756.html b/people/11756.html
index 21df1977..dc38ce73 100644
--- a/people/11756.html
+++ b/people/11756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11757.html b/people/11757.html
index 47522326..0a92c018 100644
--- a/people/11757.html
+++ b/people/11757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11758.html b/people/11758.html
index 4f7a0d47..a5a1156f 100644
--- a/people/11758.html
+++ b/people/11758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11759.html b/people/11759.html
index c581b8c2..781db857 100644
--- a/people/11759.html
+++ b/people/11759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1176.html b/people/1176.html
index 5001a307..2512a240 100644
--- a/people/1176.html
+++ b/people/1176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11760.html b/people/11760.html
index e9520a02..2dbfba91 100644
--- a/people/11760.html
+++ b/people/11760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11761.html b/people/11761.html
index f4bb8643..90c4aa84 100644
--- a/people/11761.html
+++ b/people/11761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11762.html b/people/11762.html
index c99b83a3..c0fefc6a 100644
--- a/people/11762.html
+++ b/people/11762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11763.html b/people/11763.html
index a8bab726..1a8ff2e5 100644
--- a/people/11763.html
+++ b/people/11763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11764.html b/people/11764.html
index 15ae6273..5c5fd57b 100644
--- a/people/11764.html
+++ b/people/11764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11765.html b/people/11765.html
index e4fc10c0..fa1c30f1 100644
--- a/people/11765.html
+++ b/people/11765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11766.html b/people/11766.html
index 082771ba..7fe6e380 100644
--- a/people/11766.html
+++ b/people/11766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11767.html b/people/11767.html
index 8ea5eafd..23e06802 100644
--- a/people/11767.html
+++ b/people/11767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11768.html b/people/11768.html
index ecbacdfb..d3dca26f 100644
--- a/people/11768.html
+++ b/people/11768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11769.html b/people/11769.html
index b2a49a72..c6c23033 100644
--- a/people/11769.html
+++ b/people/11769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1177.html b/people/1177.html
index d2cbb6c6..09247589 100644
--- a/people/1177.html
+++ b/people/1177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11770.html b/people/11770.html
index 84919124..6ee194e3 100644
--- a/people/11770.html
+++ b/people/11770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11771.html b/people/11771.html
index 8c9f110b..af3fa63c 100644
--- a/people/11771.html
+++ b/people/11771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11772.html b/people/11772.html
index a1199cf7..4dd6feca 100644
--- a/people/11772.html
+++ b/people/11772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11773.html b/people/11773.html
index 0719cc83..36185aea 100644
--- a/people/11773.html
+++ b/people/11773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11774.html b/people/11774.html
index 9798ffc7..ec86712f 100644
--- a/people/11774.html
+++ b/people/11774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11775.html b/people/11775.html
index f06d40f5..76b4d3f4 100644
--- a/people/11775.html
+++ b/people/11775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11776.html b/people/11776.html
index e2a65539..638e6dc7 100644
--- a/people/11776.html
+++ b/people/11776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11777.html b/people/11777.html
index 0466d1f6..846f841e 100644
--- a/people/11777.html
+++ b/people/11777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11778.html b/people/11778.html
index 7b52f59d..488943eb 100644
--- a/people/11778.html
+++ b/people/11778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11779.html b/people/11779.html
index ce166579..3e8830a1 100644
--- a/people/11779.html
+++ b/people/11779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1178.html b/people/1178.html
index a8ce229b..80661038 100644
--- a/people/1178.html
+++ b/people/1178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11780.html b/people/11780.html
index 6d3874d8..739be39e 100644
--- a/people/11780.html
+++ b/people/11780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11781.html b/people/11781.html
index b7e4f70b..c96405fb 100644
--- a/people/11781.html
+++ b/people/11781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11782.html b/people/11782.html
index 8f415577..f941e972 100644
--- a/people/11782.html
+++ b/people/11782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11783.html b/people/11783.html
index 026b7d0e..eda19bd4 100644
--- a/people/11783.html
+++ b/people/11783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11784.html b/people/11784.html
index 46c850b6..9efb6357 100644
--- a/people/11784.html
+++ b/people/11784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11785.html b/people/11785.html
index d5eaeb74..e520f965 100644
--- a/people/11785.html
+++ b/people/11785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11786.html b/people/11786.html
index f4c730d1..f8b46f0e 100644
--- a/people/11786.html
+++ b/people/11786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11787.html b/people/11787.html
index e50aacf0..7787d728 100644
--- a/people/11787.html
+++ b/people/11787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11788.html b/people/11788.html
index dc7b857d..fb6e4607 100644
--- a/people/11788.html
+++ b/people/11788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11789.html b/people/11789.html
index 8432f9da..41f40015 100644
--- a/people/11789.html
+++ b/people/11789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1179.html b/people/1179.html
index a18e24a7..0af79afa 100644
--- a/people/1179.html
+++ b/people/1179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11790.html b/people/11790.html
index 0ca27f76..fe0bd583 100644
--- a/people/11790.html
+++ b/people/11790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11791.html b/people/11791.html
index accaef30..a7b9e6ca 100644
--- a/people/11791.html
+++ b/people/11791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11792.html b/people/11792.html
index c6ff3d4d..4abd3ff4 100644
--- a/people/11792.html
+++ b/people/11792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11793.html b/people/11793.html
index 308c9116..4bc4c83b 100644
--- a/people/11793.html
+++ b/people/11793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11794.html b/people/11794.html
index dc1e4609..f9eb5f3d 100644
--- a/people/11794.html
+++ b/people/11794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11795.html b/people/11795.html
index c846bacb..dc67fffa 100644
--- a/people/11795.html
+++ b/people/11795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11796.html b/people/11796.html
index 5e07d811..7c83161d 100644
--- a/people/11796.html
+++ b/people/11796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11797.html b/people/11797.html
index d4a19700..a5de8669 100644
--- a/people/11797.html
+++ b/people/11797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11798.html b/people/11798.html
index 3f9bf452..a6cba757 100644
--- a/people/11798.html
+++ b/people/11798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11799.html b/people/11799.html
index 4f3a7718..cd26d531 100644
--- a/people/11799.html
+++ b/people/11799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/118.html b/people/118.html
index 736412a4..708b5b2a 100644
--- a/people/118.html
+++ b/people/118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1180.html b/people/1180.html
index 9c0552fa..6b67ad95 100644
--- a/people/1180.html
+++ b/people/1180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11800.html b/people/11800.html
index a1b4ff3a..3c018447 100644
--- a/people/11800.html
+++ b/people/11800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11801.html b/people/11801.html
index 5e3f8a21..5d87759b 100644
--- a/people/11801.html
+++ b/people/11801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11802.html b/people/11802.html
index 216a4884..26bc5ab5 100644
--- a/people/11802.html
+++ b/people/11802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11803.html b/people/11803.html
index b6d5b556..dc6c0bee 100644
--- a/people/11803.html
+++ b/people/11803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11804.html b/people/11804.html
index dad009c4..f0300380 100644
--- a/people/11804.html
+++ b/people/11804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11805.html b/people/11805.html
index 120f4c7f..75254b0a 100644
--- a/people/11805.html
+++ b/people/11805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11806.html b/people/11806.html
index 3645fec7..112c0d1d 100644
--- a/people/11806.html
+++ b/people/11806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11807.html b/people/11807.html
index b92ef0b4..264e3b4d 100644
--- a/people/11807.html
+++ b/people/11807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11808.html b/people/11808.html
index d900617e..1a068a2b 100644
--- a/people/11808.html
+++ b/people/11808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11809.html b/people/11809.html
index 1e0b7a1b..b0c5fbeb 100644
--- a/people/11809.html
+++ b/people/11809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1181.html b/people/1181.html
index eba1c8f2..84428e5f 100644
--- a/people/1181.html
+++ b/people/1181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11810.html b/people/11810.html
index 79ee5c54..a38b9923 100644
--- a/people/11810.html
+++ b/people/11810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11811.html b/people/11811.html
index 51dce137..5b8f3f9e 100644
--- a/people/11811.html
+++ b/people/11811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11812.html b/people/11812.html
index e0ba5514..3ef4c6cc 100644
--- a/people/11812.html
+++ b/people/11812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11813.html b/people/11813.html
index 95e6a042..38d043eb 100644
--- a/people/11813.html
+++ b/people/11813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11814.html b/people/11814.html
index ffbe2170..b3924f24 100644
--- a/people/11814.html
+++ b/people/11814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11815.html b/people/11815.html
index fa0d17ee..7f815efe 100644
--- a/people/11815.html
+++ b/people/11815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11816.html b/people/11816.html
index ae65d5c1..63f508fa 100644
--- a/people/11816.html
+++ b/people/11816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11817.html b/people/11817.html
index f1bea0a3..a0431b7c 100644
--- a/people/11817.html
+++ b/people/11817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11818.html b/people/11818.html
index 098af7b3..ed5a9fbe 100644
--- a/people/11818.html
+++ b/people/11818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11819.html b/people/11819.html
index a9b75441..95b135a6 100644
--- a/people/11819.html
+++ b/people/11819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1182.html b/people/1182.html
index c51c11ba..3f1a97e7 100644
--- a/people/1182.html
+++ b/people/1182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11820.html b/people/11820.html
index 43756d61..16c84dbf 100644
--- a/people/11820.html
+++ b/people/11820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11821.html b/people/11821.html
index 919da55e..2b2abcd8 100644
--- a/people/11821.html
+++ b/people/11821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11822.html b/people/11822.html
index 363f84bd..f61d5b2f 100644
--- a/people/11822.html
+++ b/people/11822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11823.html b/people/11823.html
index 847c6692..654e2a0f 100644
--- a/people/11823.html
+++ b/people/11823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11824.html b/people/11824.html
index 90aa771e..63b0b3f4 100644
--- a/people/11824.html
+++ b/people/11824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11825.html b/people/11825.html
index 49152e07..31f5b57f 100644
--- a/people/11825.html
+++ b/people/11825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11826.html b/people/11826.html
index b5ccfa23..7da662d1 100644
--- a/people/11826.html
+++ b/people/11826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11827.html b/people/11827.html
index 3d9316d7..ea450a46 100644
--- a/people/11827.html
+++ b/people/11827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11828.html b/people/11828.html
index 2d26dd91..eaf89305 100644
--- a/people/11828.html
+++ b/people/11828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11829.html b/people/11829.html
index 0badce3e..6a6c7f1d 100644
--- a/people/11829.html
+++ b/people/11829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1183.html b/people/1183.html
index 43001a3d..65764efb 100644
--- a/people/1183.html
+++ b/people/1183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11830.html b/people/11830.html
index 7e677b16..01c371a1 100644
--- a/people/11830.html
+++ b/people/11830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11831.html b/people/11831.html
index 8b5ba789..1e666a5c 100644
--- a/people/11831.html
+++ b/people/11831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11832.html b/people/11832.html
index c6b175b2..0b669b53 100644
--- a/people/11832.html
+++ b/people/11832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11833.html b/people/11833.html
index df5507ed..fde41503 100644
--- a/people/11833.html
+++ b/people/11833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11834.html b/people/11834.html
index b801978f..2c06c2e8 100644
--- a/people/11834.html
+++ b/people/11834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11835.html b/people/11835.html
index 2a68d5ce..503cb29a 100644
--- a/people/11835.html
+++ b/people/11835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11836.html b/people/11836.html
index 117a18d4..eb3774a6 100644
--- a/people/11836.html
+++ b/people/11836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11837.html b/people/11837.html
index 9b3d4450..6b5c22b9 100644
--- a/people/11837.html
+++ b/people/11837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11838.html b/people/11838.html
index 4b8637c2..0951c3a3 100644
--- a/people/11838.html
+++ b/people/11838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11839.html b/people/11839.html
index 25822848..05e8aa55 100644
--- a/people/11839.html
+++ b/people/11839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1184.html b/people/1184.html
index a7bc30dc..a23428a1 100644
--- a/people/1184.html
+++ b/people/1184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11840.html b/people/11840.html
index f6908c42..24d32adf 100644
--- a/people/11840.html
+++ b/people/11840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11841.html b/people/11841.html
index b6b3f8a8..b8ff2d7b 100644
--- a/people/11841.html
+++ b/people/11841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11842.html b/people/11842.html
index ff1b1ba3..54348078 100644
--- a/people/11842.html
+++ b/people/11842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11843.html b/people/11843.html
index dc2a91f2..557ac608 100644
--- a/people/11843.html
+++ b/people/11843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11844.html b/people/11844.html
index 3a68e27b..02b3e101 100644
--- a/people/11844.html
+++ b/people/11844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11845.html b/people/11845.html
index f47a1cc0..1f69b0c2 100644
--- a/people/11845.html
+++ b/people/11845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11846.html b/people/11846.html
index b632d3bd..636ec5ce 100644
--- a/people/11846.html
+++ b/people/11846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11847.html b/people/11847.html
index dc43b5e3..6a3800c9 100644
--- a/people/11847.html
+++ b/people/11847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11848.html b/people/11848.html
index b0bb762b..a38cb27b 100644
--- a/people/11848.html
+++ b/people/11848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11849.html b/people/11849.html
index 90db2ee3..3c265a99 100644
--- a/people/11849.html
+++ b/people/11849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1185.html b/people/1185.html
index a44af108..6abbd961 100644
--- a/people/1185.html
+++ b/people/1185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11850.html b/people/11850.html
index b64338e3..f64904ad 100644
--- a/people/11850.html
+++ b/people/11850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11851.html b/people/11851.html
index a066511a..6679ee84 100644
--- a/people/11851.html
+++ b/people/11851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11852.html b/people/11852.html
index 01f8a24e..2264abc2 100644
--- a/people/11852.html
+++ b/people/11852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11853.html b/people/11853.html
index e0a987c4..45b4e38d 100644
--- a/people/11853.html
+++ b/people/11853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11854.html b/people/11854.html
index 661a9f8b..fe90da16 100644
--- a/people/11854.html
+++ b/people/11854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11855.html b/people/11855.html
index c83ca21d..52aad816 100644
--- a/people/11855.html
+++ b/people/11855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11856.html b/people/11856.html
index f716f4a0..f12a7dec 100644
--- a/people/11856.html
+++ b/people/11856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11857.html b/people/11857.html
index 0d93dc32..908df4d6 100644
--- a/people/11857.html
+++ b/people/11857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11858.html b/people/11858.html
index ae6242e2..a5e7d5bc 100644
--- a/people/11858.html
+++ b/people/11858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11859.html b/people/11859.html
index cd362685..1044cf18 100644
--- a/people/11859.html
+++ b/people/11859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1186.html b/people/1186.html
index e94fe914..c5115fa2 100644
--- a/people/1186.html
+++ b/people/1186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11860.html b/people/11860.html
index d0d20787..7b14ccdc 100644
--- a/people/11860.html
+++ b/people/11860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11861.html b/people/11861.html
index 01525e3d..7ad6ce42 100644
--- a/people/11861.html
+++ b/people/11861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11862.html b/people/11862.html
index 283d526b..418be2e4 100644
--- a/people/11862.html
+++ b/people/11862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11863.html b/people/11863.html
index 24c658de..b9143132 100644
--- a/people/11863.html
+++ b/people/11863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11864.html b/people/11864.html
index bd8816d6..61220547 100644
--- a/people/11864.html
+++ b/people/11864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11865.html b/people/11865.html
index 83dc6161..c418ebc4 100644
--- a/people/11865.html
+++ b/people/11865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11866.html b/people/11866.html
index f568f440..c7f13f1f 100644
--- a/people/11866.html
+++ b/people/11866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11867.html b/people/11867.html
index 090cf189..6c7395e7 100644
--- a/people/11867.html
+++ b/people/11867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11868.html b/people/11868.html
index 29517cef..9740b439 100644
--- a/people/11868.html
+++ b/people/11868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11869.html b/people/11869.html
index 1edbe3b1..2e64348f 100644
--- a/people/11869.html
+++ b/people/11869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1187.html b/people/1187.html
index 6adfa4ce..294effd5 100644
--- a/people/1187.html
+++ b/people/1187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11870.html b/people/11870.html
index 6959194c..6aa467eb 100644
--- a/people/11870.html
+++ b/people/11870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11871.html b/people/11871.html
index 326b44b5..169694dd 100644
--- a/people/11871.html
+++ b/people/11871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11872.html b/people/11872.html
index 25ed8c98..711d19f6 100644
--- a/people/11872.html
+++ b/people/11872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11873.html b/people/11873.html
index 3c3aa88b..48152800 100644
--- a/people/11873.html
+++ b/people/11873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11874.html b/people/11874.html
index 07b6f965..9d009f9c 100644
--- a/people/11874.html
+++ b/people/11874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11875.html b/people/11875.html
index 76cb3f79..ffe63ffe 100644
--- a/people/11875.html
+++ b/people/11875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11876.html b/people/11876.html
index 080e015c..6e208215 100644
--- a/people/11876.html
+++ b/people/11876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11877.html b/people/11877.html
index 038299b8..ae02a227 100644
--- a/people/11877.html
+++ b/people/11877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11878.html b/people/11878.html
index 9cf3fbe1..36c31856 100644
--- a/people/11878.html
+++ b/people/11878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11879.html b/people/11879.html
index 00e34d81..4eaa6f2a 100644
--- a/people/11879.html
+++ b/people/11879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1188.html b/people/1188.html
index 95c1e5d4..9ea33760 100644
--- a/people/1188.html
+++ b/people/1188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11880.html b/people/11880.html
index 7a682751..3b206671 100644
--- a/people/11880.html
+++ b/people/11880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11881.html b/people/11881.html
index 0f6b3997..305dc21b 100644
--- a/people/11881.html
+++ b/people/11881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11882.html b/people/11882.html
index 340be69b..05e826a9 100644
--- a/people/11882.html
+++ b/people/11882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11883.html b/people/11883.html
index c06d430e..cc5e98b1 100644
--- a/people/11883.html
+++ b/people/11883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11884.html b/people/11884.html
index e1b6ecbb..04bff6f5 100644
--- a/people/11884.html
+++ b/people/11884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11885.html b/people/11885.html
index a9bfc576..47b3a253 100644
--- a/people/11885.html
+++ b/people/11885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11886.html b/people/11886.html
index d45f1906..9e14c5de 100644
--- a/people/11886.html
+++ b/people/11886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11887.html b/people/11887.html
index 9516ef99..ef564cf9 100644
--- a/people/11887.html
+++ b/people/11887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11888.html b/people/11888.html
index 137054af..658de12c 100644
--- a/people/11888.html
+++ b/people/11888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11889.html b/people/11889.html
index 4fbac3f8..6fd18699 100644
--- a/people/11889.html
+++ b/people/11889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1189.html b/people/1189.html
index 71623c22..3d11c763 100644
--- a/people/1189.html
+++ b/people/1189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11890.html b/people/11890.html
index b03919a8..f000ef22 100644
--- a/people/11890.html
+++ b/people/11890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11891.html b/people/11891.html
index a2b234ce..bbd12c43 100644
--- a/people/11891.html
+++ b/people/11891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11892.html b/people/11892.html
index e47a390b..559eef39 100644
--- a/people/11892.html
+++ b/people/11892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11893.html b/people/11893.html
index 5e758845..08997019 100644
--- a/people/11893.html
+++ b/people/11893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11894.html b/people/11894.html
index fb7a54bb..6d1e5936 100644
--- a/people/11894.html
+++ b/people/11894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11895.html b/people/11895.html
index ba9ccd6b..7b101cdc 100644
--- a/people/11895.html
+++ b/people/11895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11896.html b/people/11896.html
index 01b0c73b..ef219700 100644
--- a/people/11896.html
+++ b/people/11896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11897.html b/people/11897.html
index 938a1e2b..4e4508f7 100644
--- a/people/11897.html
+++ b/people/11897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11898.html b/people/11898.html
index faf2e1c6..f6586ddc 100644
--- a/people/11898.html
+++ b/people/11898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11899.html b/people/11899.html
index 4e9c7f30..34289d30 100644
--- a/people/11899.html
+++ b/people/11899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/119.html b/people/119.html
index 9eec87e1..3f4a817b 100644
--- a/people/119.html
+++ b/people/119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1190.html b/people/1190.html
index 52c52bc5..d45c7592 100644
--- a/people/1190.html
+++ b/people/1190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11900.html b/people/11900.html
index cfae6136..c2691307 100644
--- a/people/11900.html
+++ b/people/11900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11901.html b/people/11901.html
index 85a99586..31f29d13 100644
--- a/people/11901.html
+++ b/people/11901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11902.html b/people/11902.html
index 8bea3753..b40cd284 100644
--- a/people/11902.html
+++ b/people/11902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11903.html b/people/11903.html
index 1c9397f0..41d38c2a 100644
--- a/people/11903.html
+++ b/people/11903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11904.html b/people/11904.html
index 04a6990b..2e57b0bc 100644
--- a/people/11904.html
+++ b/people/11904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11905.html b/people/11905.html
index 9f83a7ef..c5ffaeb6 100644
--- a/people/11905.html
+++ b/people/11905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11906.html b/people/11906.html
index c7174035..8e0139df 100644
--- a/people/11906.html
+++ b/people/11906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11907.html b/people/11907.html
index 17f848f3..1eb68aae 100644
--- a/people/11907.html
+++ b/people/11907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11908.html b/people/11908.html
index c8cc19cd..ee8b3cf0 100644
--- a/people/11908.html
+++ b/people/11908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11909.html b/people/11909.html
index b6930072..383c3a18 100644
--- a/people/11909.html
+++ b/people/11909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1191.html b/people/1191.html
index c61256f0..6ecfa578 100644
--- a/people/1191.html
+++ b/people/1191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11910.html b/people/11910.html
index ba959fc5..c0e08672 100644
--- a/people/11910.html
+++ b/people/11910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11911.html b/people/11911.html
index 9a02435c..441c2960 100644
--- a/people/11911.html
+++ b/people/11911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11912.html b/people/11912.html
index ea2e4f3b..17b339d7 100644
--- a/people/11912.html
+++ b/people/11912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11913.html b/people/11913.html
index 041734b6..d193db57 100644
--- a/people/11913.html
+++ b/people/11913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11914.html b/people/11914.html
index ae5d40f4..97ba8057 100644
--- a/people/11914.html
+++ b/people/11914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11915.html b/people/11915.html
index 342d6db9..97f94c80 100644
--- a/people/11915.html
+++ b/people/11915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11916.html b/people/11916.html
index a494a462..cdefa490 100644
--- a/people/11916.html
+++ b/people/11916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11917.html b/people/11917.html
index 142d3441..17a1e3b2 100644
--- a/people/11917.html
+++ b/people/11917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11918.html b/people/11918.html
index 3671672f..7ba90ea5 100644
--- a/people/11918.html
+++ b/people/11918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11919.html b/people/11919.html
index 807449e3..98e328ab 100644
--- a/people/11919.html
+++ b/people/11919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1192.html b/people/1192.html
index c46011eb..1965fafc 100644
--- a/people/1192.html
+++ b/people/1192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11920.html b/people/11920.html
index be5296e8..b5c2a4f1 100644
--- a/people/11920.html
+++ b/people/11920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11921.html b/people/11921.html
index e62b2393..dfaec618 100644
--- a/people/11921.html
+++ b/people/11921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11922.html b/people/11922.html
index c979604b..9375b8da 100644
--- a/people/11922.html
+++ b/people/11922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11923.html b/people/11923.html
index 70d8f881..6830ae86 100644
--- a/people/11923.html
+++ b/people/11923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11924.html b/people/11924.html
index 9cb5efbc..90fe7cf4 100644
--- a/people/11924.html
+++ b/people/11924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11925.html b/people/11925.html
index 15883652..8dbe8235 100644
--- a/people/11925.html
+++ b/people/11925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11926.html b/people/11926.html
index ed954820..c2cda831 100644
--- a/people/11926.html
+++ b/people/11926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11927.html b/people/11927.html
index 9a2007b8..eca9840b 100644
--- a/people/11927.html
+++ b/people/11927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11928.html b/people/11928.html
index 84995ba4..ec51b74e 100644
--- a/people/11928.html
+++ b/people/11928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11929.html b/people/11929.html
index a70ad01e..978bc427 100644
--- a/people/11929.html
+++ b/people/11929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1193.html b/people/1193.html
index 9a766b67..95dbe771 100644
--- a/people/1193.html
+++ b/people/1193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11930.html b/people/11930.html
index dac88be6..710a8b45 100644
--- a/people/11930.html
+++ b/people/11930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11931.html b/people/11931.html
index 6644557a..722696b5 100644
--- a/people/11931.html
+++ b/people/11931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11932.html b/people/11932.html
index bb6ac2d1..0ccfea02 100644
--- a/people/11932.html
+++ b/people/11932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11933.html b/people/11933.html
index cced41ff..c6e3f06c 100644
--- a/people/11933.html
+++ b/people/11933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11934.html b/people/11934.html
index 064e1b7b..8570e596 100644
--- a/people/11934.html
+++ b/people/11934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11935.html b/people/11935.html
index ccf1ef1b..e92c9fdf 100644
--- a/people/11935.html
+++ b/people/11935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11936.html b/people/11936.html
index fc5fd2f1..6c87fad6 100644
--- a/people/11936.html
+++ b/people/11936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11937.html b/people/11937.html
index 665a8aee..81b87a48 100644
--- a/people/11937.html
+++ b/people/11937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11938.html b/people/11938.html
index 393858af..05c9cf54 100644
--- a/people/11938.html
+++ b/people/11938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11939.html b/people/11939.html
index 7d96a274..01c2eabb 100644
--- a/people/11939.html
+++ b/people/11939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1194.html b/people/1194.html
index b3541d57..5b62b608 100644
--- a/people/1194.html
+++ b/people/1194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11940.html b/people/11940.html
index 9e1c17cd..2beed5c0 100644
--- a/people/11940.html
+++ b/people/11940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11941.html b/people/11941.html
index ed56b60f..84704a72 100644
--- a/people/11941.html
+++ b/people/11941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11942.html b/people/11942.html
index e4018c15..4a5ab536 100644
--- a/people/11942.html
+++ b/people/11942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11943.html b/people/11943.html
index 0bd5f7bf..8a0e19b0 100644
--- a/people/11943.html
+++ b/people/11943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11944.html b/people/11944.html
index c4fad567..58fcf4a6 100644
--- a/people/11944.html
+++ b/people/11944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11945.html b/people/11945.html
index b8a3fa1d..b4b068ef 100644
--- a/people/11945.html
+++ b/people/11945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11946.html b/people/11946.html
index 14c0030d..c1d023f6 100644
--- a/people/11946.html
+++ b/people/11946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11947.html b/people/11947.html
index d1a3cd32..c269e31d 100644
--- a/people/11947.html
+++ b/people/11947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11948.html b/people/11948.html
index 61d957db..0e4c5f77 100644
--- a/people/11948.html
+++ b/people/11948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11949.html b/people/11949.html
index d806dff4..5e6cdc6d 100644
--- a/people/11949.html
+++ b/people/11949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1195.html b/people/1195.html
index 2e717523..47cc9585 100644
--- a/people/1195.html
+++ b/people/1195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11950.html b/people/11950.html
index 4ed39cab..d2939997 100644
--- a/people/11950.html
+++ b/people/11950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11951.html b/people/11951.html
index a8097e24..5a586d2a 100644
--- a/people/11951.html
+++ b/people/11951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11952.html b/people/11952.html
index 2ffb773e..153d2198 100644
--- a/people/11952.html
+++ b/people/11952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11953.html b/people/11953.html
index 088a559e..e61d909c 100644
--- a/people/11953.html
+++ b/people/11953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11954.html b/people/11954.html
index 856c8f35..4ebee35a 100644
--- a/people/11954.html
+++ b/people/11954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11955.html b/people/11955.html
index b498a13b..48d463df 100644
--- a/people/11955.html
+++ b/people/11955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11956.html b/people/11956.html
index bf176de0..bc48b038 100644
--- a/people/11956.html
+++ b/people/11956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11957.html b/people/11957.html
index 411de489..08d5a101 100644
--- a/people/11957.html
+++ b/people/11957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11958.html b/people/11958.html
index ee542143..f2e7a4ff 100644
--- a/people/11958.html
+++ b/people/11958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11959.html b/people/11959.html
index 0c97f5da..d809a543 100644
--- a/people/11959.html
+++ b/people/11959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1196.html b/people/1196.html
index a8867ea8..29a0d1c8 100644
--- a/people/1196.html
+++ b/people/1196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11960.html b/people/11960.html
index 8b20cfb1..c7bcd6e7 100644
--- a/people/11960.html
+++ b/people/11960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11961.html b/people/11961.html
index e2bb42bf..5a0f807c 100644
--- a/people/11961.html
+++ b/people/11961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11962.html b/people/11962.html
index 8a13d748..aa98ed8d 100644
--- a/people/11962.html
+++ b/people/11962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11963.html b/people/11963.html
index c6536b5d..accc7503 100644
--- a/people/11963.html
+++ b/people/11963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11964.html b/people/11964.html
index a963d93b..d36d877e 100644
--- a/people/11964.html
+++ b/people/11964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11965.html b/people/11965.html
index 1921a8be..36a4d531 100644
--- a/people/11965.html
+++ b/people/11965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11966.html b/people/11966.html
index 0c1bc4e1..f9c01ae7 100644
--- a/people/11966.html
+++ b/people/11966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11967.html b/people/11967.html
index 1d04d260..a5a2b816 100644
--- a/people/11967.html
+++ b/people/11967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11968.html b/people/11968.html
index 52301f3b..48ef3d83 100644
--- a/people/11968.html
+++ b/people/11968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11969.html b/people/11969.html
index ff8f8a83..57fc31f7 100644
--- a/people/11969.html
+++ b/people/11969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1197.html b/people/1197.html
index 08e9f4a9..70200e90 100644
--- a/people/1197.html
+++ b/people/1197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11970.html b/people/11970.html
index 08f96854..da048f4b 100644
--- a/people/11970.html
+++ b/people/11970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11971.html b/people/11971.html
index 20befadc..1322b045 100644
--- a/people/11971.html
+++ b/people/11971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11972.html b/people/11972.html
index 5dd9d503..f6876ea6 100644
--- a/people/11972.html
+++ b/people/11972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11973.html b/people/11973.html
index 5caee795..0ca1e393 100644
--- a/people/11973.html
+++ b/people/11973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11974.html b/people/11974.html
index 4e27687e..72ccff2d 100644
--- a/people/11974.html
+++ b/people/11974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11975.html b/people/11975.html
index d607cbcc..730303b4 100644
--- a/people/11975.html
+++ b/people/11975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11976.html b/people/11976.html
index 22282a5a..915732fd 100644
--- a/people/11976.html
+++ b/people/11976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11977.html b/people/11977.html
index b6c3e577..35d1b234 100644
--- a/people/11977.html
+++ b/people/11977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11978.html b/people/11978.html
index b9b17461..4edebf15 100644
--- a/people/11978.html
+++ b/people/11978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11979.html b/people/11979.html
index 7b837f81..1efd6549 100644
--- a/people/11979.html
+++ b/people/11979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1198.html b/people/1198.html
index dd2a8355..203e0f66 100644
--- a/people/1198.html
+++ b/people/1198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11980.html b/people/11980.html
index 0061edc5..07ecbbd5 100644
--- a/people/11980.html
+++ b/people/11980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11981.html b/people/11981.html
index 51b1b64e..6c3d56be 100644
--- a/people/11981.html
+++ b/people/11981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11982.html b/people/11982.html
index 2966b6f3..ca71865e 100644
--- a/people/11982.html
+++ b/people/11982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11983.html b/people/11983.html
index c72f8773..b170b482 100644
--- a/people/11983.html
+++ b/people/11983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11984.html b/people/11984.html
index 781595e4..10c0a136 100644
--- a/people/11984.html
+++ b/people/11984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11985.html b/people/11985.html
index 8ab27fdc..86c4d2f6 100644
--- a/people/11985.html
+++ b/people/11985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11986.html b/people/11986.html
index 790f17c8..195f7877 100644
--- a/people/11986.html
+++ b/people/11986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11987.html b/people/11987.html
index f7b7466e..7bc7cc18 100644
--- a/people/11987.html
+++ b/people/11987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11988.html b/people/11988.html
index 14fdb3e0..612c0a97 100644
--- a/people/11988.html
+++ b/people/11988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11989.html b/people/11989.html
index b04fb2eb..ddf150d3 100644
--- a/people/11989.html
+++ b/people/11989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1199.html b/people/1199.html
index 33a29643..28e2403f 100644
--- a/people/1199.html
+++ b/people/1199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11990.html b/people/11990.html
index c4bea13e..db154ccd 100644
--- a/people/11990.html
+++ b/people/11990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11991.html b/people/11991.html
index 70bf90f9..fc5cb4e0 100644
--- a/people/11991.html
+++ b/people/11991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11992.html b/people/11992.html
index 5e66e8bc..256690fd 100644
--- a/people/11992.html
+++ b/people/11992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11993.html b/people/11993.html
index 260b6f04..1c7d5a51 100644
--- a/people/11993.html
+++ b/people/11993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11994.html b/people/11994.html
index d4843193..cea0b336 100644
--- a/people/11994.html
+++ b/people/11994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11995.html b/people/11995.html
index 64a509b2..6c6be446 100644
--- a/people/11995.html
+++ b/people/11995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11996.html b/people/11996.html
index ea340e01..8475dd87 100644
--- a/people/11996.html
+++ b/people/11996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11997.html b/people/11997.html
index 463e6b57..29ad488d 100644
--- a/people/11997.html
+++ b/people/11997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11998.html b/people/11998.html
index 9a41fed2..47c218e7 100644
--- a/people/11998.html
+++ b/people/11998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/11999.html b/people/11999.html
index e7512f28..0b53ba52 100644
--- a/people/11999.html
+++ b/people/11999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12.html b/people/12.html
index dc8508cc..acf8a1a8 100644
--- a/people/12.html
+++ b/people/12.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/120.html b/people/120.html
index b5b759bd..c8f5b301 100644
--- a/people/120.html
+++ b/people/120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1200.html b/people/1200.html
index 2602bf8c..3b2dea9e 100644
--- a/people/1200.html
+++ b/people/1200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12000.html b/people/12000.html
index e16b66a3..0259f9f6 100644
--- a/people/12000.html
+++ b/people/12000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12001.html b/people/12001.html
index abcb9b27..11181cf5 100644
--- a/people/12001.html
+++ b/people/12001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12002.html b/people/12002.html
index 6b0b8f35..c2954b4e 100644
--- a/people/12002.html
+++ b/people/12002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12003.html b/people/12003.html
index ace661da..91f8dc74 100644
--- a/people/12003.html
+++ b/people/12003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12004.html b/people/12004.html
index a5adb7e7..f7149e67 100644
--- a/people/12004.html
+++ b/people/12004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12005.html b/people/12005.html
index e944fa81..55f46c1e 100644
--- a/people/12005.html
+++ b/people/12005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12006.html b/people/12006.html
index 0f9c2780..0f5512ea 100644
--- a/people/12006.html
+++ b/people/12006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12007.html b/people/12007.html
index 5f91384e..f9421454 100644
--- a/people/12007.html
+++ b/people/12007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12008.html b/people/12008.html
index 0ff47d3d..8f35011c 100644
--- a/people/12008.html
+++ b/people/12008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12009.html b/people/12009.html
index b1e430d3..d0b516bd 100644
--- a/people/12009.html
+++ b/people/12009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1201.html b/people/1201.html
index 64d2e138..1da8b686 100644
--- a/people/1201.html
+++ b/people/1201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12010.html b/people/12010.html
index 441ce26e..22a576a5 100644
--- a/people/12010.html
+++ b/people/12010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12011.html b/people/12011.html
index 4a28388e..d216e78e 100644
--- a/people/12011.html
+++ b/people/12011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12012.html b/people/12012.html
index 7462806a..0e9f42db 100644
--- a/people/12012.html
+++ b/people/12012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12013.html b/people/12013.html
index e31cb3e1..9ab74e09 100644
--- a/people/12013.html
+++ b/people/12013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12014.html b/people/12014.html
index fbc9896c..b97144f5 100644
--- a/people/12014.html
+++ b/people/12014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12015.html b/people/12015.html
index 3bad2b21..161c19f8 100644
--- a/people/12015.html
+++ b/people/12015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12016.html b/people/12016.html
index fc4e2a74..a734065d 100644
--- a/people/12016.html
+++ b/people/12016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12017.html b/people/12017.html
index f6777ad2..b8631766 100644
--- a/people/12017.html
+++ b/people/12017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12018.html b/people/12018.html
index 42f27f6d..d27e9dae 100644
--- a/people/12018.html
+++ b/people/12018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12019.html b/people/12019.html
index d9768634..1efc1f46 100644
--- a/people/12019.html
+++ b/people/12019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1202.html b/people/1202.html
index 88d38204..f96993da 100644
--- a/people/1202.html
+++ b/people/1202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12020.html b/people/12020.html
index 7c014d0a..0a2e24cc 100644
--- a/people/12020.html
+++ b/people/12020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12021.html b/people/12021.html
index d54964ef..65e741ae 100644
--- a/people/12021.html
+++ b/people/12021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12022.html b/people/12022.html
index b4099259..9877b54f 100644
--- a/people/12022.html
+++ b/people/12022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12023.html b/people/12023.html
index 325c0a08..15689708 100644
--- a/people/12023.html
+++ b/people/12023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12024.html b/people/12024.html
index c5bf0fe9..c109e81a 100644
--- a/people/12024.html
+++ b/people/12024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12025.html b/people/12025.html
index 683eb4d6..37c0116d 100644
--- a/people/12025.html
+++ b/people/12025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12026.html b/people/12026.html
index 71f27116..adf593b8 100644
--- a/people/12026.html
+++ b/people/12026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12027.html b/people/12027.html
index d29bae50..19e14430 100644
--- a/people/12027.html
+++ b/people/12027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12028.html b/people/12028.html
index a405f155..55375574 100644
--- a/people/12028.html
+++ b/people/12028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12029.html b/people/12029.html
index 9d5b58a0..c670a124 100644
--- a/people/12029.html
+++ b/people/12029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1203.html b/people/1203.html
index 1dc5140a..376d4861 100644
--- a/people/1203.html
+++ b/people/1203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12030.html b/people/12030.html
index 176322ee..12d5b5ac 100644
--- a/people/12030.html
+++ b/people/12030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12031.html b/people/12031.html
index 16a645e3..0b022b8f 100644
--- a/people/12031.html
+++ b/people/12031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12032.html b/people/12032.html
index 6151f698..5b6e6734 100644
--- a/people/12032.html
+++ b/people/12032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12033.html b/people/12033.html
index cecf611d..12fb0478 100644
--- a/people/12033.html
+++ b/people/12033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12034.html b/people/12034.html
index def641c6..8824c1c1 100644
--- a/people/12034.html
+++ b/people/12034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12035.html b/people/12035.html
index 22b78442..0f0ebbcf 100644
--- a/people/12035.html
+++ b/people/12035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12036.html b/people/12036.html
index dc0ec78e..d116eaec 100644
--- a/people/12036.html
+++ b/people/12036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12037.html b/people/12037.html
index d3f92a11..bd422e4e 100644
--- a/people/12037.html
+++ b/people/12037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12038.html b/people/12038.html
index 29011d6c..bff0d13a 100644
--- a/people/12038.html
+++ b/people/12038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12039.html b/people/12039.html
index 58155fea..1088f837 100644
--- a/people/12039.html
+++ b/people/12039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1204.html b/people/1204.html
index 9ff223ea..3b78cda5 100644
--- a/people/1204.html
+++ b/people/1204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12040.html b/people/12040.html
index 142e3f25..07a70618 100644
--- a/people/12040.html
+++ b/people/12040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12041.html b/people/12041.html
index 8583813c..9588d81c 100644
--- a/people/12041.html
+++ b/people/12041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12042.html b/people/12042.html
index dab02dea..c615ebf3 100644
--- a/people/12042.html
+++ b/people/12042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12043.html b/people/12043.html
index 99f8afc6..7a6a9c23 100644
--- a/people/12043.html
+++ b/people/12043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12044.html b/people/12044.html
index f7235e41..a21a49f9 100644
--- a/people/12044.html
+++ b/people/12044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12045.html b/people/12045.html
index 33cdea6f..f18392fe 100644
--- a/people/12045.html
+++ b/people/12045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12046.html b/people/12046.html
index 2f0b7c86..ab53b87f 100644
--- a/people/12046.html
+++ b/people/12046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12047.html b/people/12047.html
index d76e99b7..d298d658 100644
--- a/people/12047.html
+++ b/people/12047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12048.html b/people/12048.html
index b8171625..d6261bbc 100644
--- a/people/12048.html
+++ b/people/12048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12049.html b/people/12049.html
index 790984db..64fb344b 100644
--- a/people/12049.html
+++ b/people/12049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1205.html b/people/1205.html
index 784bebbe..21a652bf 100644
--- a/people/1205.html
+++ b/people/1205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12050.html b/people/12050.html
index 8d3ad338..27e17850 100644
--- a/people/12050.html
+++ b/people/12050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12051.html b/people/12051.html
index 33cf8ad3..fa59acb4 100644
--- a/people/12051.html
+++ b/people/12051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12052.html b/people/12052.html
index 227bfd74..daccdb97 100644
--- a/people/12052.html
+++ b/people/12052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12053.html b/people/12053.html
index d7adf62e..8301de23 100644
--- a/people/12053.html
+++ b/people/12053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12054.html b/people/12054.html
index 901aaaaf..09af56ed 100644
--- a/people/12054.html
+++ b/people/12054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12055.html b/people/12055.html
index 59b46bed..fd87c0fa 100644
--- a/people/12055.html
+++ b/people/12055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12056.html b/people/12056.html
index a4b85fab..51284553 100644
--- a/people/12056.html
+++ b/people/12056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12057.html b/people/12057.html
index 387e6cd5..9cac9232 100644
--- a/people/12057.html
+++ b/people/12057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12058.html b/people/12058.html
index 1c5730a2..03142746 100644
--- a/people/12058.html
+++ b/people/12058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12059.html b/people/12059.html
index 03fe493d..11c1cf7a 100644
--- a/people/12059.html
+++ b/people/12059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1206.html b/people/1206.html
index 00ebd911..c52d3cc9 100644
--- a/people/1206.html
+++ b/people/1206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12060.html b/people/12060.html
index af6aeba7..93434889 100644
--- a/people/12060.html
+++ b/people/12060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12061.html b/people/12061.html
index e21424af..0bfe4e7c 100644
--- a/people/12061.html
+++ b/people/12061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12062.html b/people/12062.html
index dc6aa0f3..dac4ecf7 100644
--- a/people/12062.html
+++ b/people/12062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12063.html b/people/12063.html
index 31308064..5177cd9e 100644
--- a/people/12063.html
+++ b/people/12063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12064.html b/people/12064.html
index 525d578a..69995444 100644
--- a/people/12064.html
+++ b/people/12064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12065.html b/people/12065.html
index a80292d4..3b030da3 100644
--- a/people/12065.html
+++ b/people/12065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12066.html b/people/12066.html
index 82eb0bdd..0291c83d 100644
--- a/people/12066.html
+++ b/people/12066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12067.html b/people/12067.html
index f4c122b6..cc0f9b63 100644
--- a/people/12067.html
+++ b/people/12067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12068.html b/people/12068.html
index c06e552c..2a5d8f57 100644
--- a/people/12068.html
+++ b/people/12068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12069.html b/people/12069.html
index fb8b3fb5..aa6c6e83 100644
--- a/people/12069.html
+++ b/people/12069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1207.html b/people/1207.html
index 3419eb60..0dc5215f 100644
--- a/people/1207.html
+++ b/people/1207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12070.html b/people/12070.html
index dbc4a02b..1b9cd31d 100644
--- a/people/12070.html
+++ b/people/12070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12071.html b/people/12071.html
index b6e497f3..ea011545 100644
--- a/people/12071.html
+++ b/people/12071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12072.html b/people/12072.html
index f7d0733d..4a48094e 100644
--- a/people/12072.html
+++ b/people/12072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12073.html b/people/12073.html
index 506bcbee..bc7f93e2 100644
--- a/people/12073.html
+++ b/people/12073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12074.html b/people/12074.html
index bade60d2..feb7e95e 100644
--- a/people/12074.html
+++ b/people/12074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12075.html b/people/12075.html
index 155de750..9bdf25b7 100644
--- a/people/12075.html
+++ b/people/12075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12076.html b/people/12076.html
index 50cb19c1..3a9bcd3d 100644
--- a/people/12076.html
+++ b/people/12076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12077.html b/people/12077.html
index c1ae938a..366244f5 100644
--- a/people/12077.html
+++ b/people/12077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12078.html b/people/12078.html
index 3d89b88c..480078f1 100644
--- a/people/12078.html
+++ b/people/12078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12079.html b/people/12079.html
index 635d3979..c413943a 100644
--- a/people/12079.html
+++ b/people/12079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1208.html b/people/1208.html
index 22c0c91a..e52f5e22 100644
--- a/people/1208.html
+++ b/people/1208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12080.html b/people/12080.html
index 64bef537..fbb4407f 100644
--- a/people/12080.html
+++ b/people/12080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12081.html b/people/12081.html
index c6fe71e0..d88ff556 100644
--- a/people/12081.html
+++ b/people/12081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12082.html b/people/12082.html
index 90daa0b9..8f65116b 100644
--- a/people/12082.html
+++ b/people/12082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12083.html b/people/12083.html
index b96a4b24..0da8dea8 100644
--- a/people/12083.html
+++ b/people/12083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12084.html b/people/12084.html
index c1224644..933651ee 100644
--- a/people/12084.html
+++ b/people/12084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12085.html b/people/12085.html
index 57d0a21c..4502a23b 100644
--- a/people/12085.html
+++ b/people/12085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12086.html b/people/12086.html
index 82cc3917..7d289587 100644
--- a/people/12086.html
+++ b/people/12086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12087.html b/people/12087.html
index 453273e5..e639c2c8 100644
--- a/people/12087.html
+++ b/people/12087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12088.html b/people/12088.html
index 94109030..e288209d 100644
--- a/people/12088.html
+++ b/people/12088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12089.html b/people/12089.html
index 3e005a49..2c4940d2 100644
--- a/people/12089.html
+++ b/people/12089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1209.html b/people/1209.html
index b22d1bf8..d24fc7b6 100644
--- a/people/1209.html
+++ b/people/1209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12090.html b/people/12090.html
index dad9e673..5ee36c60 100644
--- a/people/12090.html
+++ b/people/12090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12091.html b/people/12091.html
index 0f772e7e..6f053f3d 100644
--- a/people/12091.html
+++ b/people/12091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12092.html b/people/12092.html
index 3d97c396..f601868d 100644
--- a/people/12092.html
+++ b/people/12092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12093.html b/people/12093.html
index d1457709..2bbadfb9 100644
--- a/people/12093.html
+++ b/people/12093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12094.html b/people/12094.html
index 89c9be3c..265a43cc 100644
--- a/people/12094.html
+++ b/people/12094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12095.html b/people/12095.html
index 753d5139..f715f40a 100644
--- a/people/12095.html
+++ b/people/12095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12096.html b/people/12096.html
index aac890d6..48081928 100644
--- a/people/12096.html
+++ b/people/12096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12097.html b/people/12097.html
index 19c77377..4a348975 100644
--- a/people/12097.html
+++ b/people/12097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12098.html b/people/12098.html
index 4f0ffd2b..e6774ef7 100644
--- a/people/12098.html
+++ b/people/12098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12099.html b/people/12099.html
index 2eacfa69..7ab321ff 100644
--- a/people/12099.html
+++ b/people/12099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/121.html b/people/121.html
index d9481459..7ef02ede 100644
--- a/people/121.html
+++ b/people/121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1210.html b/people/1210.html
index 80ee58d1..7ca99dab 100644
--- a/people/1210.html
+++ b/people/1210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12100.html b/people/12100.html
index b544e857..34240678 100644
--- a/people/12100.html
+++ b/people/12100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12101.html b/people/12101.html
index d1f8c674..a5bf2376 100644
--- a/people/12101.html
+++ b/people/12101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12102.html b/people/12102.html
index 1c8f1bb7..7aa98bc2 100644
--- a/people/12102.html
+++ b/people/12102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12103.html b/people/12103.html
index 1295b340..e875f095 100644
--- a/people/12103.html
+++ b/people/12103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12104.html b/people/12104.html
index 51edd77b..9a9ba947 100644
--- a/people/12104.html
+++ b/people/12104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12105.html b/people/12105.html
index 1edb6be1..72213ecd 100644
--- a/people/12105.html
+++ b/people/12105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12106.html b/people/12106.html
index 408e9fec..8a8d885f 100644
--- a/people/12106.html
+++ b/people/12106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12107.html b/people/12107.html
index 16f3468f..d692c689 100644
--- a/people/12107.html
+++ b/people/12107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12108.html b/people/12108.html
index 9e419e55..19f46723 100644
--- a/people/12108.html
+++ b/people/12108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12109.html b/people/12109.html
index 4f2258ab..bc49f5d9 100644
--- a/people/12109.html
+++ b/people/12109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1211.html b/people/1211.html
index df678854..18f2e982 100644
--- a/people/1211.html
+++ b/people/1211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12110.html b/people/12110.html
index 4788f13d..5c48db46 100644
--- a/people/12110.html
+++ b/people/12110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12111.html b/people/12111.html
index 0f0f69e7..b617eec9 100644
--- a/people/12111.html
+++ b/people/12111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12112.html b/people/12112.html
index 0630b882..995bf5f1 100644
--- a/people/12112.html
+++ b/people/12112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12113.html b/people/12113.html
index 8c654f5b..0ad7aca4 100644
--- a/people/12113.html
+++ b/people/12113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12114.html b/people/12114.html
index c34d59d2..ee154682 100644
--- a/people/12114.html
+++ b/people/12114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12115.html b/people/12115.html
index 21aaa57d..cb472cf2 100644
--- a/people/12115.html
+++ b/people/12115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12116.html b/people/12116.html
index e5c99cfb..c394899a 100644
--- a/people/12116.html
+++ b/people/12116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12117.html b/people/12117.html
index 33249482..f8cb5983 100644
--- a/people/12117.html
+++ b/people/12117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12118.html b/people/12118.html
index 1d40b00d..ae38d216 100644
--- a/people/12118.html
+++ b/people/12118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12119.html b/people/12119.html
index d2f1b5bb..7dfe3d2c 100644
--- a/people/12119.html
+++ b/people/12119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1212.html b/people/1212.html
index 1b8a7276..e9a9ee0c 100644
--- a/people/1212.html
+++ b/people/1212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12120.html b/people/12120.html
index 6564bc47..67abfa64 100644
--- a/people/12120.html
+++ b/people/12120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12121.html b/people/12121.html
index 83d9b0dc..ad3100e3 100644
--- a/people/12121.html
+++ b/people/12121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12122.html b/people/12122.html
index 304c08ac..c02e9506 100644
--- a/people/12122.html
+++ b/people/12122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12123.html b/people/12123.html
index 2c6802bd..82b43490 100644
--- a/people/12123.html
+++ b/people/12123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12124.html b/people/12124.html
index 24596f7b..47707928 100644
--- a/people/12124.html
+++ b/people/12124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12125.html b/people/12125.html
index 2e29917e..41a3d39e 100644
--- a/people/12125.html
+++ b/people/12125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12126.html b/people/12126.html
index 2efb37ef..86d2f7e7 100644
--- a/people/12126.html
+++ b/people/12126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12127.html b/people/12127.html
index 7d693235..1f7e2604 100644
--- a/people/12127.html
+++ b/people/12127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12128.html b/people/12128.html
index 1e568746..52e462cd 100644
--- a/people/12128.html
+++ b/people/12128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12129.html b/people/12129.html
index 7b7a0ac1..fdfebe2c 100644
--- a/people/12129.html
+++ b/people/12129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1213.html b/people/1213.html
index 7f274679..98510e00 100644
--- a/people/1213.html
+++ b/people/1213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12130.html b/people/12130.html
index 0403ff79..fa7e7254 100644
--- a/people/12130.html
+++ b/people/12130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12131.html b/people/12131.html
index da847568..71dd8595 100644
--- a/people/12131.html
+++ b/people/12131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12132.html b/people/12132.html
index c0645bb2..b176631d 100644
--- a/people/12132.html
+++ b/people/12132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12133.html b/people/12133.html
index 9345a046..684e95d6 100644
--- a/people/12133.html
+++ b/people/12133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12134.html b/people/12134.html
index f21c5146..96551cc6 100644
--- a/people/12134.html
+++ b/people/12134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12135.html b/people/12135.html
index c853f37e..91f10e2c 100644
--- a/people/12135.html
+++ b/people/12135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12136.html b/people/12136.html
index 3356406e..94d86b2e 100644
--- a/people/12136.html
+++ b/people/12136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12137.html b/people/12137.html
index ee31343a..fddbf0db 100644
--- a/people/12137.html
+++ b/people/12137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12138.html b/people/12138.html
index 7c5f051c..295dbcea 100644
--- a/people/12138.html
+++ b/people/12138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12139.html b/people/12139.html
index 6e7333ba..0449320a 100644
--- a/people/12139.html
+++ b/people/12139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1214.html b/people/1214.html
index 84c03719..47d9b21e 100644
--- a/people/1214.html
+++ b/people/1214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12140.html b/people/12140.html
index f0516899..b2d50ce7 100644
--- a/people/12140.html
+++ b/people/12140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12141.html b/people/12141.html
index b0f3bb13..ef6e5716 100644
--- a/people/12141.html
+++ b/people/12141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12142.html b/people/12142.html
index 8491aa26..f6088347 100644
--- a/people/12142.html
+++ b/people/12142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12143.html b/people/12143.html
index 729869e1..81f8b3a4 100644
--- a/people/12143.html
+++ b/people/12143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12144.html b/people/12144.html
index fb8b4a0d..ddecd6aa 100644
--- a/people/12144.html
+++ b/people/12144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12145.html b/people/12145.html
index 326209c8..5123d020 100644
--- a/people/12145.html
+++ b/people/12145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12146.html b/people/12146.html
index 0917c785..0d276c03 100644
--- a/people/12146.html
+++ b/people/12146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12147.html b/people/12147.html
index dd83f7f5..8560eabd 100644
--- a/people/12147.html
+++ b/people/12147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12148.html b/people/12148.html
index 8dbb48b0..2b7e0f57 100644
--- a/people/12148.html
+++ b/people/12148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12149.html b/people/12149.html
index a7296294..a7668a27 100644
--- a/people/12149.html
+++ b/people/12149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1215.html b/people/1215.html
index 31387504..d731ceb7 100644
--- a/people/1215.html
+++ b/people/1215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12150.html b/people/12150.html
index 1428f384..3f00b545 100644
--- a/people/12150.html
+++ b/people/12150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12151.html b/people/12151.html
index ceac82a8..26109052 100644
--- a/people/12151.html
+++ b/people/12151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12152.html b/people/12152.html
index b99c47b0..c615fa72 100644
--- a/people/12152.html
+++ b/people/12152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12153.html b/people/12153.html
index 1f9fa6d3..02dc8ab9 100644
--- a/people/12153.html
+++ b/people/12153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12154.html b/people/12154.html
index 0ee08e00..df45777e 100644
--- a/people/12154.html
+++ b/people/12154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12155.html b/people/12155.html
index 19b51100..c6eb20b3 100644
--- a/people/12155.html
+++ b/people/12155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12156.html b/people/12156.html
index dcf27c88..d1ebd4fc 100644
--- a/people/12156.html
+++ b/people/12156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12157.html b/people/12157.html
index 479886eb..3361609e 100644
--- a/people/12157.html
+++ b/people/12157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12158.html b/people/12158.html
index a28c8498..8198ced6 100644
--- a/people/12158.html
+++ b/people/12158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12159.html b/people/12159.html
index f057cf37..b922dea0 100644
--- a/people/12159.html
+++ b/people/12159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1216.html b/people/1216.html
index f71cb382..5116f9b0 100644
--- a/people/1216.html
+++ b/people/1216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12160.html b/people/12160.html
index 8f764715..fbf4f326 100644
--- a/people/12160.html
+++ b/people/12160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12161.html b/people/12161.html
index 77b8d121..850e930e 100644
--- a/people/12161.html
+++ b/people/12161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12162.html b/people/12162.html
index 96fa79cf..9925febf 100644
--- a/people/12162.html
+++ b/people/12162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12163.html b/people/12163.html
index 6ac59e27..8a45748b 100644
--- a/people/12163.html
+++ b/people/12163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12164.html b/people/12164.html
index 5b67afa9..c87d5d2c 100644
--- a/people/12164.html
+++ b/people/12164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12165.html b/people/12165.html
index c519f6b1..ffac5e0e 100644
--- a/people/12165.html
+++ b/people/12165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12166.html b/people/12166.html
index 46fe914d..95beea07 100644
--- a/people/12166.html
+++ b/people/12166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12167.html b/people/12167.html
index a5020c91..351af869 100644
--- a/people/12167.html
+++ b/people/12167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12168.html b/people/12168.html
index 3f093d5b..cf6ec7be 100644
--- a/people/12168.html
+++ b/people/12168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12169.html b/people/12169.html
index 3e8b0eaa..bdea4954 100644
--- a/people/12169.html
+++ b/people/12169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1217.html b/people/1217.html
index 9fc04b35..2eb83c1c 100644
--- a/people/1217.html
+++ b/people/1217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12170.html b/people/12170.html
index 2ecdc92f..ea63ac35 100644
--- a/people/12170.html
+++ b/people/12170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12171.html b/people/12171.html
index dcd2bfc8..82533af5 100644
--- a/people/12171.html
+++ b/people/12171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12172.html b/people/12172.html
index 5576fcc5..3757d509 100644
--- a/people/12172.html
+++ b/people/12172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12173.html b/people/12173.html
index 7eb298b9..da09d513 100644
--- a/people/12173.html
+++ b/people/12173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12174.html b/people/12174.html
index 68af49c7..11fd63a5 100644
--- a/people/12174.html
+++ b/people/12174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12175.html b/people/12175.html
index d79578a3..a529b04f 100644
--- a/people/12175.html
+++ b/people/12175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12176.html b/people/12176.html
index 394a6b56..53647bc1 100644
--- a/people/12176.html
+++ b/people/12176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12177.html b/people/12177.html
index 37d949da..f216fe31 100644
--- a/people/12177.html
+++ b/people/12177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12178.html b/people/12178.html
index 8a34d6e6..b364e8e2 100644
--- a/people/12178.html
+++ b/people/12178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12179.html b/people/12179.html
index d968abdc..3bf7ef78 100644
--- a/people/12179.html
+++ b/people/12179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1218.html b/people/1218.html
index 54f6153b..c6221c80 100644
--- a/people/1218.html
+++ b/people/1218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12180.html b/people/12180.html
index 22a0bb3f..7853583f 100644
--- a/people/12180.html
+++ b/people/12180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12181.html b/people/12181.html
index eff3ede2..a19ad28c 100644
--- a/people/12181.html
+++ b/people/12181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12182.html b/people/12182.html
index 9d959521..60f0235b 100644
--- a/people/12182.html
+++ b/people/12182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12183.html b/people/12183.html
index 8a42528b..da1cf08e 100644
--- a/people/12183.html
+++ b/people/12183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12184.html b/people/12184.html
index 855cd8e4..0340d977 100644
--- a/people/12184.html
+++ b/people/12184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12185.html b/people/12185.html
index 47d1421d..1fa007a3 100644
--- a/people/12185.html
+++ b/people/12185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12186.html b/people/12186.html
index 199863d2..fc5ed10d 100644
--- a/people/12186.html
+++ b/people/12186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12187.html b/people/12187.html
index 05dab784..d6e9b2d6 100644
--- a/people/12187.html
+++ b/people/12187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12188.html b/people/12188.html
index 371a08d3..1ac9b0a7 100644
--- a/people/12188.html
+++ b/people/12188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12189.html b/people/12189.html
index a7e1fd28..1e3e4738 100644
--- a/people/12189.html
+++ b/people/12189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1219.html b/people/1219.html
index 4283ccce..87a35c0d 100644
--- a/people/1219.html
+++ b/people/1219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12190.html b/people/12190.html
index 95a4b2f3..12f98e8d 100644
--- a/people/12190.html
+++ b/people/12190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12191.html b/people/12191.html
index 316b7484..4ec26029 100644
--- a/people/12191.html
+++ b/people/12191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12192.html b/people/12192.html
index 39d9bfe1..a35cd60f 100644
--- a/people/12192.html
+++ b/people/12192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12193.html b/people/12193.html
index d862664d..ed95a4ca 100644
--- a/people/12193.html
+++ b/people/12193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12194.html b/people/12194.html
index 13ba7daa..c2feec46 100644
--- a/people/12194.html
+++ b/people/12194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12195.html b/people/12195.html
index 7acfcd22..e24e6bf3 100644
--- a/people/12195.html
+++ b/people/12195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12196.html b/people/12196.html
index 7fe72f17..e2345af5 100644
--- a/people/12196.html
+++ b/people/12196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12197.html b/people/12197.html
index 9d2d0b38..90b3e043 100644
--- a/people/12197.html
+++ b/people/12197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12198.html b/people/12198.html
index 0c57d793..8a15f901 100644
--- a/people/12198.html
+++ b/people/12198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12199.html b/people/12199.html
index 60d1683d..a1a5396e 100644
--- a/people/12199.html
+++ b/people/12199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/122.html b/people/122.html
index 30bd435a..a3143112 100644
--- a/people/122.html
+++ b/people/122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1220.html b/people/1220.html
index a91ed847..2b6cbb4c 100644
--- a/people/1220.html
+++ b/people/1220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12200.html b/people/12200.html
index 213483eb..30cf1315 100644
--- a/people/12200.html
+++ b/people/12200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12201.html b/people/12201.html
index 294e023a..e3e2c8d5 100644
--- a/people/12201.html
+++ b/people/12201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12202.html b/people/12202.html
index 95fe6a21..c5f04a5e 100644
--- a/people/12202.html
+++ b/people/12202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12203.html b/people/12203.html
index 3d4ca2d4..a67227e8 100644
--- a/people/12203.html
+++ b/people/12203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12204.html b/people/12204.html
index 0a6b74e9..0760af70 100644
--- a/people/12204.html
+++ b/people/12204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12205.html b/people/12205.html
index 7d7f6052..f25a66b0 100644
--- a/people/12205.html
+++ b/people/12205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12206.html b/people/12206.html
index 02d1c4a7..ee9cd4ae 100644
--- a/people/12206.html
+++ b/people/12206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12207.html b/people/12207.html
index 674423b9..57ebeb95 100644
--- a/people/12207.html
+++ b/people/12207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12208.html b/people/12208.html
index 7599ddb4..18587529 100644
--- a/people/12208.html
+++ b/people/12208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12209.html b/people/12209.html
index 634dc686..b8931330 100644
--- a/people/12209.html
+++ b/people/12209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1221.html b/people/1221.html
index 919e9e53..ac0a6b14 100644
--- a/people/1221.html
+++ b/people/1221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12210.html b/people/12210.html
index 5cc61514..2aa4ae2e 100644
--- a/people/12210.html
+++ b/people/12210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12211.html b/people/12211.html
index 42e77608..0f473676 100644
--- a/people/12211.html
+++ b/people/12211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12212.html b/people/12212.html
index b7d28f31..74d87ea3 100644
--- a/people/12212.html
+++ b/people/12212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12213.html b/people/12213.html
index e14174d2..1c83b019 100644
--- a/people/12213.html
+++ b/people/12213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12214.html b/people/12214.html
index 82a2145f..1bcc202e 100644
--- a/people/12214.html
+++ b/people/12214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12215.html b/people/12215.html
index 384799cf..a4803be2 100644
--- a/people/12215.html
+++ b/people/12215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12216.html b/people/12216.html
index 82361eba..8bba4b21 100644
--- a/people/12216.html
+++ b/people/12216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12217.html b/people/12217.html
index ca74345a..fb62a5c1 100644
--- a/people/12217.html
+++ b/people/12217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12218.html b/people/12218.html
index 70e3f917..fa11b4d0 100644
--- a/people/12218.html
+++ b/people/12218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12219.html b/people/12219.html
index d3769e9f..688dc4f6 100644
--- a/people/12219.html
+++ b/people/12219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1222.html b/people/1222.html
index 71b70b9d..e1f6e816 100644
--- a/people/1222.html
+++ b/people/1222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12220.html b/people/12220.html
index 051ad932..6b2e9992 100644
--- a/people/12220.html
+++ b/people/12220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12221.html b/people/12221.html
index 6791bc29..2d2e995e 100644
--- a/people/12221.html
+++ b/people/12221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12222.html b/people/12222.html
index b18582c4..75adf7b7 100644
--- a/people/12222.html
+++ b/people/12222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12223.html b/people/12223.html
index 1b30e708..afe5b0a4 100644
--- a/people/12223.html
+++ b/people/12223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12224.html b/people/12224.html
index e504e4e7..a0dc5fea 100644
--- a/people/12224.html
+++ b/people/12224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12225.html b/people/12225.html
index 3cf1ade6..1feafe9d 100644
--- a/people/12225.html
+++ b/people/12225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12226.html b/people/12226.html
index 81c6b6ec..6700a452 100644
--- a/people/12226.html
+++ b/people/12226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12227.html b/people/12227.html
index 3228b7fa..d8bc9bf9 100644
--- a/people/12227.html
+++ b/people/12227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12228.html b/people/12228.html
index 33ccf6f2..d7992510 100644
--- a/people/12228.html
+++ b/people/12228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12229.html b/people/12229.html
index dec2cb26..040f631d 100644
--- a/people/12229.html
+++ b/people/12229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1223.html b/people/1223.html
index abdfaf23..a03611da 100644
--- a/people/1223.html
+++ b/people/1223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12230.html b/people/12230.html
index 6c4c942e..f50fb958 100644
--- a/people/12230.html
+++ b/people/12230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12231.html b/people/12231.html
index 541241ea..1a93901c 100644
--- a/people/12231.html
+++ b/people/12231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12232.html b/people/12232.html
index 58f6d76c..e7ff2b61 100644
--- a/people/12232.html
+++ b/people/12232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12233.html b/people/12233.html
index 371653f9..3d5e9951 100644
--- a/people/12233.html
+++ b/people/12233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12234.html b/people/12234.html
index 983abe3a..7014750b 100644
--- a/people/12234.html
+++ b/people/12234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12235.html b/people/12235.html
index c5b0bc12..df86f24f 100644
--- a/people/12235.html
+++ b/people/12235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12236.html b/people/12236.html
index 6ca3edeb..1f9aa5b7 100644
--- a/people/12236.html
+++ b/people/12236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12237.html b/people/12237.html
index bf4fbdd8..6baeea00 100644
--- a/people/12237.html
+++ b/people/12237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12238.html b/people/12238.html
index 62250f32..42a3db4f 100644
--- a/people/12238.html
+++ b/people/12238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12239.html b/people/12239.html
index dabb05d2..1614401a 100644
--- a/people/12239.html
+++ b/people/12239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1224.html b/people/1224.html
index ebbb5885..0b730632 100644
--- a/people/1224.html
+++ b/people/1224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12240.html b/people/12240.html
index 71297547..9780356b 100644
--- a/people/12240.html
+++ b/people/12240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12241.html b/people/12241.html
index 6b6b77e6..62920969 100644
--- a/people/12241.html
+++ b/people/12241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12242.html b/people/12242.html
index 826e1600..64a8a2f1 100644
--- a/people/12242.html
+++ b/people/12242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12243.html b/people/12243.html
index 43973c5f..cad188df 100644
--- a/people/12243.html
+++ b/people/12243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12244.html b/people/12244.html
index ca01a816..b582fe46 100644
--- a/people/12244.html
+++ b/people/12244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12245.html b/people/12245.html
index 79c297e9..11edb581 100644
--- a/people/12245.html
+++ b/people/12245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12246.html b/people/12246.html
index 8b1ae448..120d4259 100644
--- a/people/12246.html
+++ b/people/12246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12247.html b/people/12247.html
index 5579256f..0f7d6ea2 100644
--- a/people/12247.html
+++ b/people/12247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12248.html b/people/12248.html
index 10a67493..a7ebee47 100644
--- a/people/12248.html
+++ b/people/12248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12249.html b/people/12249.html
index 17c1d20f..1cd549c0 100644
--- a/people/12249.html
+++ b/people/12249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1225.html b/people/1225.html
index c6d0ef55..615b7801 100644
--- a/people/1225.html
+++ b/people/1225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12250.html b/people/12250.html
index 10fee385..7ee4f25d 100644
--- a/people/12250.html
+++ b/people/12250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12251.html b/people/12251.html
index 0a322dff..da811476 100644
--- a/people/12251.html
+++ b/people/12251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12252.html b/people/12252.html
index ccb1cd8c..4c5c3a9a 100644
--- a/people/12252.html
+++ b/people/12252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12253.html b/people/12253.html
index d4660df6..4c927e40 100644
--- a/people/12253.html
+++ b/people/12253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12254.html b/people/12254.html
index b4f184fe..58a7a2d4 100644
--- a/people/12254.html
+++ b/people/12254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12255.html b/people/12255.html
index 902e10d9..0fddd671 100644
--- a/people/12255.html
+++ b/people/12255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12256.html b/people/12256.html
index 84a1fd22..fff00af4 100644
--- a/people/12256.html
+++ b/people/12256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12257.html b/people/12257.html
index 4fbe9e2c..de08a928 100644
--- a/people/12257.html
+++ b/people/12257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12258.html b/people/12258.html
index df88a5ad..f9c9de9f 100644
--- a/people/12258.html
+++ b/people/12258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12259.html b/people/12259.html
index df3f771a..e4b4db25 100644
--- a/people/12259.html
+++ b/people/12259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1226.html b/people/1226.html
index 53e33119..3d64f900 100644
--- a/people/1226.html
+++ b/people/1226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12260.html b/people/12260.html
index 8a36aeb4..4a578ce8 100644
--- a/people/12260.html
+++ b/people/12260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12261.html b/people/12261.html
index 7798bf61..e228aa57 100644
--- a/people/12261.html
+++ b/people/12261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12262.html b/people/12262.html
index e635481d..f9e11af4 100644
--- a/people/12262.html
+++ b/people/12262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12263.html b/people/12263.html
index 4cb1519b..76d9983e 100644
--- a/people/12263.html
+++ b/people/12263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12264.html b/people/12264.html
index 1d6fdf1d..45b86e69 100644
--- a/people/12264.html
+++ b/people/12264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12265.html b/people/12265.html
index 63b4d52f..7a0be4c4 100644
--- a/people/12265.html
+++ b/people/12265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12266.html b/people/12266.html
index c5de4041..112e5c73 100644
--- a/people/12266.html
+++ b/people/12266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12267.html b/people/12267.html
index d2b8dc06..1e944f2d 100644
--- a/people/12267.html
+++ b/people/12267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12268.html b/people/12268.html
index 3cc9c34f..f4ca1f6a 100644
--- a/people/12268.html
+++ b/people/12268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12269.html b/people/12269.html
index 4b152b6e..c6b2909d 100644
--- a/people/12269.html
+++ b/people/12269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1227.html b/people/1227.html
index 7d702171..b5f5eb41 100644
--- a/people/1227.html
+++ b/people/1227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12270.html b/people/12270.html
index 6110ab83..69ed7a4b 100644
--- a/people/12270.html
+++ b/people/12270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12271.html b/people/12271.html
index d3895923..e01c130e 100644
--- a/people/12271.html
+++ b/people/12271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12272.html b/people/12272.html
index 8df278d3..0352f2e8 100644
--- a/people/12272.html
+++ b/people/12272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12273.html b/people/12273.html
index aaacc53f..e0897fe6 100644
--- a/people/12273.html
+++ b/people/12273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12274.html b/people/12274.html
index f6109b45..69536c7c 100644
--- a/people/12274.html
+++ b/people/12274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12275.html b/people/12275.html
index 51d78fd3..fc2c0e89 100644
--- a/people/12275.html
+++ b/people/12275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12276.html b/people/12276.html
index 9e99c534..11999f2b 100644
--- a/people/12276.html
+++ b/people/12276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12277.html b/people/12277.html
index 4f0cc136..f9ba8aee 100644
--- a/people/12277.html
+++ b/people/12277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12278.html b/people/12278.html
index 0a17f675..2bf7989e 100644
--- a/people/12278.html
+++ b/people/12278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12279.html b/people/12279.html
index 4fe8dd24..39e3e45c 100644
--- a/people/12279.html
+++ b/people/12279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1228.html b/people/1228.html
index 7b425c9e..5d92ae37 100644
--- a/people/1228.html
+++ b/people/1228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12280.html b/people/12280.html
index 3c2067a5..8ab41776 100644
--- a/people/12280.html
+++ b/people/12280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12281.html b/people/12281.html
index abd50dfb..7bd216c4 100644
--- a/people/12281.html
+++ b/people/12281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12282.html b/people/12282.html
index 39518d2a..086dac3c 100644
--- a/people/12282.html
+++ b/people/12282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12283.html b/people/12283.html
index 26ffc686..64ef5e45 100644
--- a/people/12283.html
+++ b/people/12283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12284.html b/people/12284.html
index 3b18cf3b..dcf5fbf0 100644
--- a/people/12284.html
+++ b/people/12284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12285.html b/people/12285.html
index 49bed7c3..1901084b 100644
--- a/people/12285.html
+++ b/people/12285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12286.html b/people/12286.html
index 3d026c6e..4955cf0d 100644
--- a/people/12286.html
+++ b/people/12286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12287.html b/people/12287.html
index 6e2335b9..23378b9f 100644
--- a/people/12287.html
+++ b/people/12287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12288.html b/people/12288.html
index 8fc28e15..7fc126c6 100644
--- a/people/12288.html
+++ b/people/12288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12289.html b/people/12289.html
index a8acd4a3..0596bb32 100644
--- a/people/12289.html
+++ b/people/12289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1229.html b/people/1229.html
index a70b21f9..fb08e9e6 100644
--- a/people/1229.html
+++ b/people/1229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12290.html b/people/12290.html
index 244b3c49..d357e4ad 100644
--- a/people/12290.html
+++ b/people/12290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12291.html b/people/12291.html
index 2f1ef176..730ce368 100644
--- a/people/12291.html
+++ b/people/12291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12292.html b/people/12292.html
index 59af29f3..b1c8083f 100644
--- a/people/12292.html
+++ b/people/12292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12293.html b/people/12293.html
index 08a4a41c..10a528f6 100644
--- a/people/12293.html
+++ b/people/12293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12294.html b/people/12294.html
index 5133d008..529412d7 100644
--- a/people/12294.html
+++ b/people/12294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12295.html b/people/12295.html
index 6b8299e6..3ccbae5b 100644
--- a/people/12295.html
+++ b/people/12295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12296.html b/people/12296.html
index c833c9a7..b5303955 100644
--- a/people/12296.html
+++ b/people/12296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12297.html b/people/12297.html
index b22b2404..6774354d 100644
--- a/people/12297.html
+++ b/people/12297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12298.html b/people/12298.html
index e0d0d44a..1831ab53 100644
--- a/people/12298.html
+++ b/people/12298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12299.html b/people/12299.html
index 7b5c9753..c50bf528 100644
--- a/people/12299.html
+++ b/people/12299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/123.html b/people/123.html
index 60c23f6d..32b0ed81 100644
--- a/people/123.html
+++ b/people/123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1230.html b/people/1230.html
index f4432989..34a8d194 100644
--- a/people/1230.html
+++ b/people/1230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12300.html b/people/12300.html
index 03feed44..0d39cc2a 100644
--- a/people/12300.html
+++ b/people/12300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12301.html b/people/12301.html
index c546c4ce..532f4a8d 100644
--- a/people/12301.html
+++ b/people/12301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12302.html b/people/12302.html
index 99c48cd8..402058fa 100644
--- a/people/12302.html
+++ b/people/12302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12303.html b/people/12303.html
index 972cc08f..f42befca 100644
--- a/people/12303.html
+++ b/people/12303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12304.html b/people/12304.html
index a76bfe52..d5533acb 100644
--- a/people/12304.html
+++ b/people/12304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12305.html b/people/12305.html
index c5a46aaa..21ba5611 100644
--- a/people/12305.html
+++ b/people/12305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12306.html b/people/12306.html
index 3e6e7c49..990e9725 100644
--- a/people/12306.html
+++ b/people/12306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12307.html b/people/12307.html
index b0e195b1..ff2d398c 100644
--- a/people/12307.html
+++ b/people/12307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12308.html b/people/12308.html
index fb8de613..65ae2d72 100644
--- a/people/12308.html
+++ b/people/12308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12309.html b/people/12309.html
index b880774b..81edb764 100644
--- a/people/12309.html
+++ b/people/12309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1231.html b/people/1231.html
index 1ecaa91f..87c2e32f 100644
--- a/people/1231.html
+++ b/people/1231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12310.html b/people/12310.html
index b4277f7d..4185fbe7 100644
--- a/people/12310.html
+++ b/people/12310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12311.html b/people/12311.html
index c84ded37..9aadbf48 100644
--- a/people/12311.html
+++ b/people/12311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12312.html b/people/12312.html
index 238f4fbd..e28f6e75 100644
--- a/people/12312.html
+++ b/people/12312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12313.html b/people/12313.html
index 1bf2835b..75b25478 100644
--- a/people/12313.html
+++ b/people/12313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12314.html b/people/12314.html
index ee89da51..8dc08ebf 100644
--- a/people/12314.html
+++ b/people/12314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12315.html b/people/12315.html
index 0634cabc..4c24bc88 100644
--- a/people/12315.html
+++ b/people/12315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12316.html b/people/12316.html
index 7b723cc7..412ce055 100644
--- a/people/12316.html
+++ b/people/12316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12317.html b/people/12317.html
index 9db4ceff..2a258e1f 100644
--- a/people/12317.html
+++ b/people/12317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12318.html b/people/12318.html
index 7ad275a9..845c0766 100644
--- a/people/12318.html
+++ b/people/12318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12319.html b/people/12319.html
index 3ab46fce..76a5d59e 100644
--- a/people/12319.html
+++ b/people/12319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1232.html b/people/1232.html
index 39cdee44..4eb301af 100644
--- a/people/1232.html
+++ b/people/1232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12320.html b/people/12320.html
index 5af496df..e006dd9e 100644
--- a/people/12320.html
+++ b/people/12320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12321.html b/people/12321.html
index c4fe1aba..2a793f4b 100644
--- a/people/12321.html
+++ b/people/12321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12322.html b/people/12322.html
index d3cfc664..0e31a6b0 100644
--- a/people/12322.html
+++ b/people/12322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12323.html b/people/12323.html
index 8afd6e8d..f740aa82 100644
--- a/people/12323.html
+++ b/people/12323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12324.html b/people/12324.html
index 45374f25..764b1662 100644
--- a/people/12324.html
+++ b/people/12324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12325.html b/people/12325.html
index 5918481b..8195503f 100644
--- a/people/12325.html
+++ b/people/12325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12326.html b/people/12326.html
index 28aa310f..fa99654b 100644
--- a/people/12326.html
+++ b/people/12326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12327.html b/people/12327.html
index e78fd2af..afd1cb94 100644
--- a/people/12327.html
+++ b/people/12327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12328.html b/people/12328.html
index d7e097fe..e3057dc8 100644
--- a/people/12328.html
+++ b/people/12328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12329.html b/people/12329.html
index 4a94bab6..27af753b 100644
--- a/people/12329.html
+++ b/people/12329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1233.html b/people/1233.html
index 58db35c9..691b773d 100644
--- a/people/1233.html
+++ b/people/1233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12330.html b/people/12330.html
index 4f0e9f44..2244ad5b 100644
--- a/people/12330.html
+++ b/people/12330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12331.html b/people/12331.html
index 343a2360..f013d5ca 100644
--- a/people/12331.html
+++ b/people/12331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12332.html b/people/12332.html
index 5f744f86..5246302f 100644
--- a/people/12332.html
+++ b/people/12332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12333.html b/people/12333.html
index c1cbaade..10f86466 100644
--- a/people/12333.html
+++ b/people/12333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12334.html b/people/12334.html
index 6b44614b..e47fab74 100644
--- a/people/12334.html
+++ b/people/12334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12335.html b/people/12335.html
index 03165a17..99b830ca 100644
--- a/people/12335.html
+++ b/people/12335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12336.html b/people/12336.html
index c08f1bde..76efc078 100644
--- a/people/12336.html
+++ b/people/12336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12337.html b/people/12337.html
index 7fdfbcf1..7fe734ad 100644
--- a/people/12337.html
+++ b/people/12337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12338.html b/people/12338.html
index 339dd76b..7827798c 100644
--- a/people/12338.html
+++ b/people/12338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12339.html b/people/12339.html
index 34ad689f..3827e751 100644
--- a/people/12339.html
+++ b/people/12339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1234.html b/people/1234.html
index 5d322b70..b3210a71 100644
--- a/people/1234.html
+++ b/people/1234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12340.html b/people/12340.html
index 1075c3f5..f5c5cf0a 100644
--- a/people/12340.html
+++ b/people/12340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12341.html b/people/12341.html
index 127352fd..949e6b00 100644
--- a/people/12341.html
+++ b/people/12341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12342.html b/people/12342.html
index 82e62878..83a3fb14 100644
--- a/people/12342.html
+++ b/people/12342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12343.html b/people/12343.html
index cd252806..09bbfb8f 100644
--- a/people/12343.html
+++ b/people/12343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12344.html b/people/12344.html
index 3ddb239e..c534562a 100644
--- a/people/12344.html
+++ b/people/12344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12345.html b/people/12345.html
index c64f11a1..c5e903d8 100644
--- a/people/12345.html
+++ b/people/12345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12346.html b/people/12346.html
index c3f5069c..66519adb 100644
--- a/people/12346.html
+++ b/people/12346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12347.html b/people/12347.html
index 731e591c..d8a53d87 100644
--- a/people/12347.html
+++ b/people/12347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12348.html b/people/12348.html
index 0283158c..6927d03c 100644
--- a/people/12348.html
+++ b/people/12348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12349.html b/people/12349.html
index a9c61a7d..de7e124a 100644
--- a/people/12349.html
+++ b/people/12349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1235.html b/people/1235.html
index ab9e0c0e..86f43e59 100644
--- a/people/1235.html
+++ b/people/1235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12350.html b/people/12350.html
index 4077c03e..c0f67e2c 100644
--- a/people/12350.html
+++ b/people/12350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12351.html b/people/12351.html
index 817735c1..9f35c1bb 100644
--- a/people/12351.html
+++ b/people/12351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12352.html b/people/12352.html
index 57ced32d..601bf081 100644
--- a/people/12352.html
+++ b/people/12352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12353.html b/people/12353.html
index 428d7fe0..10e19d5b 100644
--- a/people/12353.html
+++ b/people/12353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12354.html b/people/12354.html
index a1190d6e..5d61c156 100644
--- a/people/12354.html
+++ b/people/12354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12355.html b/people/12355.html
index d55c80e4..bfcdfaeb 100644
--- a/people/12355.html
+++ b/people/12355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12356.html b/people/12356.html
index 9370082c..45d6e084 100644
--- a/people/12356.html
+++ b/people/12356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12357.html b/people/12357.html
index b0497c6c..139fe42e 100644
--- a/people/12357.html
+++ b/people/12357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12358.html b/people/12358.html
index 43139aa0..57875d2a 100644
--- a/people/12358.html
+++ b/people/12358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12359.html b/people/12359.html
index eb636ee2..e71b54d2 100644
--- a/people/12359.html
+++ b/people/12359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1236.html b/people/1236.html
index 6c59318f..eefb4399 100644
--- a/people/1236.html
+++ b/people/1236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12360.html b/people/12360.html
index 6d22ca5a..46540aee 100644
--- a/people/12360.html
+++ b/people/12360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12361.html b/people/12361.html
index 0bf1457a..c3a9bdca 100644
--- a/people/12361.html
+++ b/people/12361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12362.html b/people/12362.html
index 56a50829..fa766c06 100644
--- a/people/12362.html
+++ b/people/12362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12363.html b/people/12363.html
index a7f40783..6e1f694c 100644
--- a/people/12363.html
+++ b/people/12363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12364.html b/people/12364.html
index 7789e695..0ff8a78a 100644
--- a/people/12364.html
+++ b/people/12364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12365.html b/people/12365.html
index bf2d97ee..55d07da2 100644
--- a/people/12365.html
+++ b/people/12365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12366.html b/people/12366.html
index 01113326..3f37ff02 100644
--- a/people/12366.html
+++ b/people/12366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12367.html b/people/12367.html
index c06236d1..b733059c 100644
--- a/people/12367.html
+++ b/people/12367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12368.html b/people/12368.html
index dab832bc..e0c20734 100644
--- a/people/12368.html
+++ b/people/12368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12369.html b/people/12369.html
index c4c7a82d..3102583c 100644
--- a/people/12369.html
+++ b/people/12369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1237.html b/people/1237.html
index f02191e7..aa259d88 100644
--- a/people/1237.html
+++ b/people/1237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12370.html b/people/12370.html
index 054e6c78..a1e2ba90 100644
--- a/people/12370.html
+++ b/people/12370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12371.html b/people/12371.html
index 35f29745..0983d056 100644
--- a/people/12371.html
+++ b/people/12371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12372.html b/people/12372.html
index a833a57c..9cafceb7 100644
--- a/people/12372.html
+++ b/people/12372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12373.html b/people/12373.html
index f8397f08..0d33eee6 100644
--- a/people/12373.html
+++ b/people/12373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12374.html b/people/12374.html
index 6085ae74..0e41a4e9 100644
--- a/people/12374.html
+++ b/people/12374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12375.html b/people/12375.html
index 7ac62d1b..2a4fdeb9 100644
--- a/people/12375.html
+++ b/people/12375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12376.html b/people/12376.html
index 49246737..1f9fd54f 100644
--- a/people/12376.html
+++ b/people/12376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12377.html b/people/12377.html
index 5ef2a13e..1801d8bb 100644
--- a/people/12377.html
+++ b/people/12377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12378.html b/people/12378.html
index d80eaddb..ba241102 100644
--- a/people/12378.html
+++ b/people/12378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12379.html b/people/12379.html
index 75033421..fd51c854 100644
--- a/people/12379.html
+++ b/people/12379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1238.html b/people/1238.html
index 71640ea2..3decd216 100644
--- a/people/1238.html
+++ b/people/1238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12380.html b/people/12380.html
index 050a256c..7be01faf 100644
--- a/people/12380.html
+++ b/people/12380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12381.html b/people/12381.html
index 0b312f9a..1b1c1eb5 100644
--- a/people/12381.html
+++ b/people/12381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12382.html b/people/12382.html
index 215f07c0..e186150e 100644
--- a/people/12382.html
+++ b/people/12382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12383.html b/people/12383.html
index f159c61c..4a638f79 100644
--- a/people/12383.html
+++ b/people/12383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12384.html b/people/12384.html
index d350e267..ca46992a 100644
--- a/people/12384.html
+++ b/people/12384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12385.html b/people/12385.html
index eb6e3101..5c5bdf35 100644
--- a/people/12385.html
+++ b/people/12385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12386.html b/people/12386.html
index 44af5915..7a3120ae 100644
--- a/people/12386.html
+++ b/people/12386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12387.html b/people/12387.html
index b5cdf171..d4557a38 100644
--- a/people/12387.html
+++ b/people/12387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12388.html b/people/12388.html
index de53c3f8..32382eb7 100644
--- a/people/12388.html
+++ b/people/12388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12389.html b/people/12389.html
index 0222b0c8..3fa6fbdb 100644
--- a/people/12389.html
+++ b/people/12389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1239.html b/people/1239.html
index 97f9c542..ac14d43f 100644
--- a/people/1239.html
+++ b/people/1239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12390.html b/people/12390.html
index 8ccf59cb..d8ac3b59 100644
--- a/people/12390.html
+++ b/people/12390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12391.html b/people/12391.html
index 8a0fd5f1..7d875a19 100644
--- a/people/12391.html
+++ b/people/12391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12392.html b/people/12392.html
index 65097e3a..0b0fd695 100644
--- a/people/12392.html
+++ b/people/12392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12393.html b/people/12393.html
index 3bc3c09e..e548ada2 100644
--- a/people/12393.html
+++ b/people/12393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12394.html b/people/12394.html
index d85ee124..69a544fc 100644
--- a/people/12394.html
+++ b/people/12394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12395.html b/people/12395.html
index 319e52a0..fe1e9f09 100644
--- a/people/12395.html
+++ b/people/12395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12396.html b/people/12396.html
index d2981be8..415dee49 100644
--- a/people/12396.html
+++ b/people/12396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12397.html b/people/12397.html
index 9b51be36..8b25ff64 100644
--- a/people/12397.html
+++ b/people/12397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12398.html b/people/12398.html
index 82c95331..3ec6eaa4 100644
--- a/people/12398.html
+++ b/people/12398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12399.html b/people/12399.html
index 0cc1db5c..dc849e62 100644
--- a/people/12399.html
+++ b/people/12399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/124.html b/people/124.html
index aec7884b..5cd7e263 100644
--- a/people/124.html
+++ b/people/124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1240.html b/people/1240.html
index 20449710..871e5188 100644
--- a/people/1240.html
+++ b/people/1240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12400.html b/people/12400.html
index 04315e3c..d84f1a4f 100644
--- a/people/12400.html
+++ b/people/12400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12401.html b/people/12401.html
index 73fe3791..0c598ad0 100644
--- a/people/12401.html
+++ b/people/12401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12402.html b/people/12402.html
index 67d68811..a5709366 100644
--- a/people/12402.html
+++ b/people/12402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12403.html b/people/12403.html
index 152f08b0..a123d9f2 100644
--- a/people/12403.html
+++ b/people/12403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12404.html b/people/12404.html
index 64bdcdfc..28c2c6db 100644
--- a/people/12404.html
+++ b/people/12404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12405.html b/people/12405.html
index e14390f1..36079c1b 100644
--- a/people/12405.html
+++ b/people/12405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12406.html b/people/12406.html
index 8513e362..0bfb45dc 100644
--- a/people/12406.html
+++ b/people/12406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12407.html b/people/12407.html
index 43ef05b9..fc976cd1 100644
--- a/people/12407.html
+++ b/people/12407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12408.html b/people/12408.html
index 5d43bd72..15c47fc1 100644
--- a/people/12408.html
+++ b/people/12408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12409.html b/people/12409.html
index 1bea3d75..1440ca14 100644
--- a/people/12409.html
+++ b/people/12409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1241.html b/people/1241.html
index 7f19bc41..2168274b 100644
--- a/people/1241.html
+++ b/people/1241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12410.html b/people/12410.html
index 0723e7b3..03e203b3 100644
--- a/people/12410.html
+++ b/people/12410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12411.html b/people/12411.html
index 659cf847..8e1a1d13 100644
--- a/people/12411.html
+++ b/people/12411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12412.html b/people/12412.html
index 697917d5..0f2c20ac 100644
--- a/people/12412.html
+++ b/people/12412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12413.html b/people/12413.html
index 0468bdb5..dfd1b488 100644
--- a/people/12413.html
+++ b/people/12413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12414.html b/people/12414.html
index abd6634a..732c0734 100644
--- a/people/12414.html
+++ b/people/12414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12415.html b/people/12415.html
index b341c32e..2eed6eaa 100644
--- a/people/12415.html
+++ b/people/12415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12416.html b/people/12416.html
index 14e26434..5137d69a 100644
--- a/people/12416.html
+++ b/people/12416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12417.html b/people/12417.html
index 7db7b258..55837fe7 100644
--- a/people/12417.html
+++ b/people/12417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12418.html b/people/12418.html
index c2eceba8..20e1e70a 100644
--- a/people/12418.html
+++ b/people/12418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12419.html b/people/12419.html
index fe2f4e6e..6ddbe948 100644
--- a/people/12419.html
+++ b/people/12419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1242.html b/people/1242.html
index 8a58bc03..3ea0fc4b 100644
--- a/people/1242.html
+++ b/people/1242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12420.html b/people/12420.html
index 86f98629..16a1b6d9 100644
--- a/people/12420.html
+++ b/people/12420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12421.html b/people/12421.html
index bc8ddca6..a580e920 100644
--- a/people/12421.html
+++ b/people/12421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12422.html b/people/12422.html
index 27e1f69b..cbd921e9 100644
--- a/people/12422.html
+++ b/people/12422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12423.html b/people/12423.html
index 617854e9..ea2c6778 100644
--- a/people/12423.html
+++ b/people/12423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12424.html b/people/12424.html
index 52425082..303ba020 100644
--- a/people/12424.html
+++ b/people/12424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12425.html b/people/12425.html
index 2b73dc31..4833b781 100644
--- a/people/12425.html
+++ b/people/12425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12426.html b/people/12426.html
index 9aed656d..608c001a 100644
--- a/people/12426.html
+++ b/people/12426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12427.html b/people/12427.html
index d6851782..9912b2d8 100644
--- a/people/12427.html
+++ b/people/12427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12428.html b/people/12428.html
index 36e53a95..a6d4ae11 100644
--- a/people/12428.html
+++ b/people/12428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12429.html b/people/12429.html
index 99f0e9e7..ad109a2f 100644
--- a/people/12429.html
+++ b/people/12429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1243.html b/people/1243.html
index a20e4c8b..21b9621b 100644
--- a/people/1243.html
+++ b/people/1243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12430.html b/people/12430.html
index 8db5d3be..1dfe1abd 100644
--- a/people/12430.html
+++ b/people/12430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12431.html b/people/12431.html
index 4cb51846..7db62a57 100644
--- a/people/12431.html
+++ b/people/12431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12432.html b/people/12432.html
index 036cbe66..590ef49d 100644
--- a/people/12432.html
+++ b/people/12432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12433.html b/people/12433.html
index e37ca5af..602ea1d1 100644
--- a/people/12433.html
+++ b/people/12433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12434.html b/people/12434.html
index 631ae251..116ef16d 100644
--- a/people/12434.html
+++ b/people/12434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12435.html b/people/12435.html
index 40874037..19add29e 100644
--- a/people/12435.html
+++ b/people/12435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12436.html b/people/12436.html
index 95c71f9a..db56aa52 100644
--- a/people/12436.html
+++ b/people/12436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12437.html b/people/12437.html
index 2924e565..8203beb2 100644
--- a/people/12437.html
+++ b/people/12437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12438.html b/people/12438.html
index c4fcaab3..ebbfb268 100644
--- a/people/12438.html
+++ b/people/12438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12439.html b/people/12439.html
index bfa537c8..52297d3a 100644
--- a/people/12439.html
+++ b/people/12439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1244.html b/people/1244.html
index dbc9a8fa..6cf71d58 100644
--- a/people/1244.html
+++ b/people/1244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12440.html b/people/12440.html
index 2faedeae..f4a78547 100644
--- a/people/12440.html
+++ b/people/12440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12441.html b/people/12441.html
index 7b2d4531..bf543dc9 100644
--- a/people/12441.html
+++ b/people/12441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12442.html b/people/12442.html
index 2ba930a6..73d7f336 100644
--- a/people/12442.html
+++ b/people/12442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12443.html b/people/12443.html
index c59e4f1e..6031db9c 100644
--- a/people/12443.html
+++ b/people/12443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12444.html b/people/12444.html
index 0512fdfb..36eedf10 100644
--- a/people/12444.html
+++ b/people/12444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12445.html b/people/12445.html
index 241c9ed2..6171986f 100644
--- a/people/12445.html
+++ b/people/12445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12446.html b/people/12446.html
index 05fee5c4..9f654601 100644
--- a/people/12446.html
+++ b/people/12446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12447.html b/people/12447.html
index 29251d4a..0e8030b1 100644
--- a/people/12447.html
+++ b/people/12447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12448.html b/people/12448.html
index d584507f..5de39392 100644
--- a/people/12448.html
+++ b/people/12448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12449.html b/people/12449.html
index 3ded0104..2c5ccefa 100644
--- a/people/12449.html
+++ b/people/12449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1245.html b/people/1245.html
index acdef515..eb9a9980 100644
--- a/people/1245.html
+++ b/people/1245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12450.html b/people/12450.html
index 50bf7cf8..265e2222 100644
--- a/people/12450.html
+++ b/people/12450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12451.html b/people/12451.html
index a5b7d5e7..2452f9ae 100644
--- a/people/12451.html
+++ b/people/12451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12452.html b/people/12452.html
index 7786e6d8..aa7d5902 100644
--- a/people/12452.html
+++ b/people/12452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12453.html b/people/12453.html
index d7959db6..819a5e19 100644
--- a/people/12453.html
+++ b/people/12453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12454.html b/people/12454.html
index 52eb1e0b..7d4a1075 100644
--- a/people/12454.html
+++ b/people/12454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12455.html b/people/12455.html
index 14347211..8c797f72 100644
--- a/people/12455.html
+++ b/people/12455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12456.html b/people/12456.html
index 90bf4931..2882c7bb 100644
--- a/people/12456.html
+++ b/people/12456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12457.html b/people/12457.html
index 797aaada..a6422ca7 100644
--- a/people/12457.html
+++ b/people/12457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12458.html b/people/12458.html
index f7265e33..973b6907 100644
--- a/people/12458.html
+++ b/people/12458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12459.html b/people/12459.html
index ce1c7c31..aebb76de 100644
--- a/people/12459.html
+++ b/people/12459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1246.html b/people/1246.html
index c6523617..8053301a 100644
--- a/people/1246.html
+++ b/people/1246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12460.html b/people/12460.html
index 2d05a865..c4a5b717 100644
--- a/people/12460.html
+++ b/people/12460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12461.html b/people/12461.html
index 7542806c..76170fde 100644
--- a/people/12461.html
+++ b/people/12461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12462.html b/people/12462.html
index 2acb5896..3087d9fb 100644
--- a/people/12462.html
+++ b/people/12462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12463.html b/people/12463.html
index 1d3a8a9c..504d5802 100644
--- a/people/12463.html
+++ b/people/12463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12464.html b/people/12464.html
index fc2f0a47..42656231 100644
--- a/people/12464.html
+++ b/people/12464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12465.html b/people/12465.html
index 52e1d56b..55d612a6 100644
--- a/people/12465.html
+++ b/people/12465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12466.html b/people/12466.html
index 7697a61d..dad9d274 100644
--- a/people/12466.html
+++ b/people/12466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12467.html b/people/12467.html
index 51fb31a2..4e44f2ef 100644
--- a/people/12467.html
+++ b/people/12467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12468.html b/people/12468.html
index 38dd462e..d3cd2dbe 100644
--- a/people/12468.html
+++ b/people/12468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12469.html b/people/12469.html
index dc4d2b52..052450fb 100644
--- a/people/12469.html
+++ b/people/12469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1247.html b/people/1247.html
index 57f4dd94..b084e2af 100644
--- a/people/1247.html
+++ b/people/1247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12470.html b/people/12470.html
index d0b70290..9f85e015 100644
--- a/people/12470.html
+++ b/people/12470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12471.html b/people/12471.html
index 34ecf88c..88c19788 100644
--- a/people/12471.html
+++ b/people/12471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12472.html b/people/12472.html
index 75de3419..4e8beb61 100644
--- a/people/12472.html
+++ b/people/12472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12473.html b/people/12473.html
index 5df4f5c8..77b07724 100644
--- a/people/12473.html
+++ b/people/12473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12474.html b/people/12474.html
index b23a74d3..e279a455 100644
--- a/people/12474.html
+++ b/people/12474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12475.html b/people/12475.html
index 09e91019..6fca2166 100644
--- a/people/12475.html
+++ b/people/12475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12476.html b/people/12476.html
index 7a99a3de..455928dc 100644
--- a/people/12476.html
+++ b/people/12476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12477.html b/people/12477.html
index 180a7e0b..2ac1be13 100644
--- a/people/12477.html
+++ b/people/12477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12478.html b/people/12478.html
index 2d0987aa..54c13c79 100644
--- a/people/12478.html
+++ b/people/12478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12479.html b/people/12479.html
index 485cce08..662fca0e 100644
--- a/people/12479.html
+++ b/people/12479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1248.html b/people/1248.html
index 0cf7e235..fbe08fe7 100644
--- a/people/1248.html
+++ b/people/1248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12480.html b/people/12480.html
index ca55727d..a0a33fdf 100644
--- a/people/12480.html
+++ b/people/12480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12481.html b/people/12481.html
index b86481cf..2777d0b9 100644
--- a/people/12481.html
+++ b/people/12481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12482.html b/people/12482.html
index 72bff513..1f607903 100644
--- a/people/12482.html
+++ b/people/12482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12483.html b/people/12483.html
index bb1faba8..e3573334 100644
--- a/people/12483.html
+++ b/people/12483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12484.html b/people/12484.html
index be0bcbb2..29572d1d 100644
--- a/people/12484.html
+++ b/people/12484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12485.html b/people/12485.html
index 35d7de7a..caa5654f 100644
--- a/people/12485.html
+++ b/people/12485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12486.html b/people/12486.html
index 77711862..c9c4b38b 100644
--- a/people/12486.html
+++ b/people/12486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12487.html b/people/12487.html
index ff4905bd..f0e97af8 100644
--- a/people/12487.html
+++ b/people/12487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12488.html b/people/12488.html
index 5ead289a..9bce65fd 100644
--- a/people/12488.html
+++ b/people/12488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12489.html b/people/12489.html
index 40bcb1ad..a8e4fa28 100644
--- a/people/12489.html
+++ b/people/12489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1249.html b/people/1249.html
index 49ec120a..3093e53c 100644
--- a/people/1249.html
+++ b/people/1249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12490.html b/people/12490.html
index 05be81ed..f04622df 100644
--- a/people/12490.html
+++ b/people/12490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12491.html b/people/12491.html
index 39c9e93b..5d186cdc 100644
--- a/people/12491.html
+++ b/people/12491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12492.html b/people/12492.html
index 6bd73734..51d861e9 100644
--- a/people/12492.html
+++ b/people/12492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12493.html b/people/12493.html
index 2bca6159..c5e7adf9 100644
--- a/people/12493.html
+++ b/people/12493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12494.html b/people/12494.html
index 5213f5be..e677ddf6 100644
--- a/people/12494.html
+++ b/people/12494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12495.html b/people/12495.html
index 1d47e656..0db0b88f 100644
--- a/people/12495.html
+++ b/people/12495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12496.html b/people/12496.html
index e2caedd5..8df8f7af 100644
--- a/people/12496.html
+++ b/people/12496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12497.html b/people/12497.html
index 9da35dfc..b64208c3 100644
--- a/people/12497.html
+++ b/people/12497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12498.html b/people/12498.html
index 8c4250e0..2110eaf9 100644
--- a/people/12498.html
+++ b/people/12498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12499.html b/people/12499.html
index 80601153..6b023abc 100644
--- a/people/12499.html
+++ b/people/12499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/125.html b/people/125.html
index a77710f3..553451ff 100644
--- a/people/125.html
+++ b/people/125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1250.html b/people/1250.html
index 0ab012d3..72133049 100644
--- a/people/1250.html
+++ b/people/1250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12500.html b/people/12500.html
index ae4e5d5b..1eeda7ea 100644
--- a/people/12500.html
+++ b/people/12500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12501.html b/people/12501.html
index 8107e38a..4662bc48 100644
--- a/people/12501.html
+++ b/people/12501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12502.html b/people/12502.html
index 1425637d..f8c323a5 100644
--- a/people/12502.html
+++ b/people/12502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12503.html b/people/12503.html
index d0801d13..2b04d90d 100644
--- a/people/12503.html
+++ b/people/12503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12504.html b/people/12504.html
index c788ba99..30694586 100644
--- a/people/12504.html
+++ b/people/12504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12505.html b/people/12505.html
index 2c173b0c..1c8a62d9 100644
--- a/people/12505.html
+++ b/people/12505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12506.html b/people/12506.html
index cef876e3..9b1ec604 100644
--- a/people/12506.html
+++ b/people/12506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12507.html b/people/12507.html
index 55d3cf88..dccc847d 100644
--- a/people/12507.html
+++ b/people/12507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12508.html b/people/12508.html
index 315e38a3..af518134 100644
--- a/people/12508.html
+++ b/people/12508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12509.html b/people/12509.html
index 28dfc4bf..c18bb6ae 100644
--- a/people/12509.html
+++ b/people/12509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1251.html b/people/1251.html
index 25810146..89891ed7 100644
--- a/people/1251.html
+++ b/people/1251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12510.html b/people/12510.html
index f4ab1358..f39e6b47 100644
--- a/people/12510.html
+++ b/people/12510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12511.html b/people/12511.html
index 60598396..0764f92a 100644
--- a/people/12511.html
+++ b/people/12511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12512.html b/people/12512.html
index afe5b8f6..28a17b04 100644
--- a/people/12512.html
+++ b/people/12512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12513.html b/people/12513.html
index 9baa199f..184dc0a3 100644
--- a/people/12513.html
+++ b/people/12513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12514.html b/people/12514.html
index 9987719a..02f5d795 100644
--- a/people/12514.html
+++ b/people/12514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12515.html b/people/12515.html
index df78c474..606e960f 100644
--- a/people/12515.html
+++ b/people/12515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12516.html b/people/12516.html
index 451a77b1..4e6f2dd2 100644
--- a/people/12516.html
+++ b/people/12516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12517.html b/people/12517.html
index 885f300f..7d9f0865 100644
--- a/people/12517.html
+++ b/people/12517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12518.html b/people/12518.html
index 99265d80..61ff1d80 100644
--- a/people/12518.html
+++ b/people/12518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12519.html b/people/12519.html
index eadff0ad..f911cf6a 100644
--- a/people/12519.html
+++ b/people/12519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1252.html b/people/1252.html
index b9f83506..fd9d6da9 100644
--- a/people/1252.html
+++ b/people/1252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12520.html b/people/12520.html
index 34f39f62..b1d929e7 100644
--- a/people/12520.html
+++ b/people/12520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12521.html b/people/12521.html
index 16f9dcb4..7aa10dfb 100644
--- a/people/12521.html
+++ b/people/12521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12522.html b/people/12522.html
index 765ae98c..2c9b48f9 100644
--- a/people/12522.html
+++ b/people/12522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12523.html b/people/12523.html
index 299ac376..e15ebd91 100644
--- a/people/12523.html
+++ b/people/12523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12524.html b/people/12524.html
index 2d3cf439..f1a7368e 100644
--- a/people/12524.html
+++ b/people/12524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12525.html b/people/12525.html
index aa1063e3..8f1f6006 100644
--- a/people/12525.html
+++ b/people/12525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12526.html b/people/12526.html
index 5208586d..a37cbfeb 100644
--- a/people/12526.html
+++ b/people/12526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12527.html b/people/12527.html
index 0cad6376..87343e98 100644
--- a/people/12527.html
+++ b/people/12527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12528.html b/people/12528.html
index a758b744..0a370b28 100644
--- a/people/12528.html
+++ b/people/12528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12529.html b/people/12529.html
index a0bd9e98..a64f323f 100644
--- a/people/12529.html
+++ b/people/12529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1253.html b/people/1253.html
index 8b51191a..2825ab41 100644
--- a/people/1253.html
+++ b/people/1253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12530.html b/people/12530.html
index 1e63ed60..fb673170 100644
--- a/people/12530.html
+++ b/people/12530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12531.html b/people/12531.html
index fee1688e..c0242277 100644
--- a/people/12531.html
+++ b/people/12531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12532.html b/people/12532.html
index 082628fa..b9eb1f72 100644
--- a/people/12532.html
+++ b/people/12532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12533.html b/people/12533.html
index 97ba6cf1..a2db00f9 100644
--- a/people/12533.html
+++ b/people/12533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12534.html b/people/12534.html
index 5c7cb961..fd0b989c 100644
--- a/people/12534.html
+++ b/people/12534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12535.html b/people/12535.html
index 9ced6330..38b06dfd 100644
--- a/people/12535.html
+++ b/people/12535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12536.html b/people/12536.html
index 5f6f129e..cd0cb17f 100644
--- a/people/12536.html
+++ b/people/12536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12537.html b/people/12537.html
index e85d18af..a9cac8a5 100644
--- a/people/12537.html
+++ b/people/12537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12538.html b/people/12538.html
index 55985ab3..b893abcc 100644
--- a/people/12538.html
+++ b/people/12538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12539.html b/people/12539.html
index 6eb56076..46053334 100644
--- a/people/12539.html
+++ b/people/12539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1254.html b/people/1254.html
index 7a231aa3..d0e96d33 100644
--- a/people/1254.html
+++ b/people/1254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12540.html b/people/12540.html
index c0332495..f1f400cd 100644
--- a/people/12540.html
+++ b/people/12540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12541.html b/people/12541.html
index db00b67c..96e1b929 100644
--- a/people/12541.html
+++ b/people/12541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12542.html b/people/12542.html
index 73bbc7e9..88b6b1ee 100644
--- a/people/12542.html
+++ b/people/12542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12543.html b/people/12543.html
index 5cda6ce3..1ce4ddc6 100644
--- a/people/12543.html
+++ b/people/12543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12544.html b/people/12544.html
index 928fba89..1acbc850 100644
--- a/people/12544.html
+++ b/people/12544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12545.html b/people/12545.html
index d3a60c53..9dfffe3b 100644
--- a/people/12545.html
+++ b/people/12545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12546.html b/people/12546.html
index dea80fc9..05d18f05 100644
--- a/people/12546.html
+++ b/people/12546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12547.html b/people/12547.html
index 06bdd851..9e7b649b 100644
--- a/people/12547.html
+++ b/people/12547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12548.html b/people/12548.html
index 3e98e7b5..7fc7af01 100644
--- a/people/12548.html
+++ b/people/12548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12549.html b/people/12549.html
index d3ed7255..d9ad5a40 100644
--- a/people/12549.html
+++ b/people/12549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1255.html b/people/1255.html
index 8cfbb63e..a2829437 100644
--- a/people/1255.html
+++ b/people/1255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12550.html b/people/12550.html
index 9cea855e..35c36b87 100644
--- a/people/12550.html
+++ b/people/12550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12551.html b/people/12551.html
index 15dac3e3..cdb5f40c 100644
--- a/people/12551.html
+++ b/people/12551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12552.html b/people/12552.html
index fb24c6bc..4710cfc6 100644
--- a/people/12552.html
+++ b/people/12552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12553.html b/people/12553.html
index c66cf353..3aea36e8 100644
--- a/people/12553.html
+++ b/people/12553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12554.html b/people/12554.html
index 3ca7d954..f9a7c4cf 100644
--- a/people/12554.html
+++ b/people/12554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12555.html b/people/12555.html
index 3d7abb92..775c66ac 100644
--- a/people/12555.html
+++ b/people/12555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12556.html b/people/12556.html
index e4c52cee..9fcbf963 100644
--- a/people/12556.html
+++ b/people/12556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12557.html b/people/12557.html
index 0c1e30e8..4bcab1d7 100644
--- a/people/12557.html
+++ b/people/12557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12558.html b/people/12558.html
index 593d4198..75f0f402 100644
--- a/people/12558.html
+++ b/people/12558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12559.html b/people/12559.html
index f5b86294..f4338e89 100644
--- a/people/12559.html
+++ b/people/12559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1256.html b/people/1256.html
index 2720b95e..5bc0bc74 100644
--- a/people/1256.html
+++ b/people/1256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12560.html b/people/12560.html
index 8180095f..689276ff 100644
--- a/people/12560.html
+++ b/people/12560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12561.html b/people/12561.html
index 9377d239..a6df32f2 100644
--- a/people/12561.html
+++ b/people/12561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12562.html b/people/12562.html
index 30959ff1..ceec35eb 100644
--- a/people/12562.html
+++ b/people/12562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12563.html b/people/12563.html
index fe40e875..7c9ebbf7 100644
--- a/people/12563.html
+++ b/people/12563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12564.html b/people/12564.html
index c2e979c3..61032f68 100644
--- a/people/12564.html
+++ b/people/12564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12565.html b/people/12565.html
index b5e3d3f5..75f5329e 100644
--- a/people/12565.html
+++ b/people/12565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12566.html b/people/12566.html
index 08af40b7..bd62f34a 100644
--- a/people/12566.html
+++ b/people/12566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12567.html b/people/12567.html
index 3ff82d46..bc9bcb2c 100644
--- a/people/12567.html
+++ b/people/12567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12568.html b/people/12568.html
index 2620e869..2ae5b410 100644
--- a/people/12568.html
+++ b/people/12568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12569.html b/people/12569.html
index 1086f595..aa0484f5 100644
--- a/people/12569.html
+++ b/people/12569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1257.html b/people/1257.html
index 51eaea24..32572dd9 100644
--- a/people/1257.html
+++ b/people/1257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12570.html b/people/12570.html
index 8a7098aa..e51b0aea 100644
--- a/people/12570.html
+++ b/people/12570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12571.html b/people/12571.html
index 5884c550..f6f63ee7 100644
--- a/people/12571.html
+++ b/people/12571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12572.html b/people/12572.html
index e599316b..a04a88de 100644
--- a/people/12572.html
+++ b/people/12572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12573.html b/people/12573.html
index 096d3d68..792ff8b8 100644
--- a/people/12573.html
+++ b/people/12573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12574.html b/people/12574.html
index f8641974..194b92dd 100644
--- a/people/12574.html
+++ b/people/12574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12575.html b/people/12575.html
index 38783089..43c6ab76 100644
--- a/people/12575.html
+++ b/people/12575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12576.html b/people/12576.html
index c1263bc6..c07151a8 100644
--- a/people/12576.html
+++ b/people/12576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12577.html b/people/12577.html
index ba5a6b79..2126f478 100644
--- a/people/12577.html
+++ b/people/12577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12578.html b/people/12578.html
index a1769acf..b2f0af8c 100644
--- a/people/12578.html
+++ b/people/12578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12579.html b/people/12579.html
index 1b4e6b71..633bd949 100644
--- a/people/12579.html
+++ b/people/12579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1258.html b/people/1258.html
index 35e569f5..ea284202 100644
--- a/people/1258.html
+++ b/people/1258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12580.html b/people/12580.html
index 274c6adc..1a7914a1 100644
--- a/people/12580.html
+++ b/people/12580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12581.html b/people/12581.html
index ccd263c5..a1de7960 100644
--- a/people/12581.html
+++ b/people/12581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12582.html b/people/12582.html
index 30a0df15..431174fc 100644
--- a/people/12582.html
+++ b/people/12582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12583.html b/people/12583.html
index 983a65d3..e7ba67bc 100644
--- a/people/12583.html
+++ b/people/12583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12584.html b/people/12584.html
index ccdc36ad..e2362d37 100644
--- a/people/12584.html
+++ b/people/12584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12585.html b/people/12585.html
index c09657de..c864ae24 100644
--- a/people/12585.html
+++ b/people/12585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12586.html b/people/12586.html
index 5f46174b..516cc126 100644
--- a/people/12586.html
+++ b/people/12586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12587.html b/people/12587.html
index 169cbbee..14c8936b 100644
--- a/people/12587.html
+++ b/people/12587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12588.html b/people/12588.html
index 1e233683..f5657db8 100644
--- a/people/12588.html
+++ b/people/12588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12589.html b/people/12589.html
index b7f0207f..1e90a0bb 100644
--- a/people/12589.html
+++ b/people/12589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1259.html b/people/1259.html
index e7696cde..f0bb7fa8 100644
--- a/people/1259.html
+++ b/people/1259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12590.html b/people/12590.html
index eb283e81..3d15d1b4 100644
--- a/people/12590.html
+++ b/people/12590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12591.html b/people/12591.html
index cf4d2aad..6638a1ef 100644
--- a/people/12591.html
+++ b/people/12591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12592.html b/people/12592.html
index dca74d2a..d99b8487 100644
--- a/people/12592.html
+++ b/people/12592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12593.html b/people/12593.html
index e46457ba..f15150de 100644
--- a/people/12593.html
+++ b/people/12593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12594.html b/people/12594.html
index 6789c93f..b6ad2d4b 100644
--- a/people/12594.html
+++ b/people/12594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12595.html b/people/12595.html
index d96ea11a..7cda099e 100644
--- a/people/12595.html
+++ b/people/12595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12596.html b/people/12596.html
index 33f9b364..87a3d0de 100644
--- a/people/12596.html
+++ b/people/12596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12597.html b/people/12597.html
index 90464e40..262ddac1 100644
--- a/people/12597.html
+++ b/people/12597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12598.html b/people/12598.html
index 9c0eeb4a..02d13464 100644
--- a/people/12598.html
+++ b/people/12598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12599.html b/people/12599.html
index 2b81c910..20c6fb3e 100644
--- a/people/12599.html
+++ b/people/12599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/126.html b/people/126.html
index 373e395b..29b1fc39 100644
--- a/people/126.html
+++ b/people/126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1260.html b/people/1260.html
index 64eeb1f9..e8b85dbe 100644
--- a/people/1260.html
+++ b/people/1260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12600.html b/people/12600.html
index 288ddbbd..029970d5 100644
--- a/people/12600.html
+++ b/people/12600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12601.html b/people/12601.html
index 19c1fadb..49506a43 100644
--- a/people/12601.html
+++ b/people/12601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12602.html b/people/12602.html
index daf540b7..afe5d1fa 100644
--- a/people/12602.html
+++ b/people/12602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12603.html b/people/12603.html
index 0b2de1cd..aeb7755b 100644
--- a/people/12603.html
+++ b/people/12603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12604.html b/people/12604.html
index 41ed5414..04db0a43 100644
--- a/people/12604.html
+++ b/people/12604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12605.html b/people/12605.html
index 15da872b..1d402547 100644
--- a/people/12605.html
+++ b/people/12605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12606.html b/people/12606.html
index c2ea538a..86f09f1b 100644
--- a/people/12606.html
+++ b/people/12606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12607.html b/people/12607.html
index 058f0b3e..e0451ca7 100644
--- a/people/12607.html
+++ b/people/12607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12608.html b/people/12608.html
index b4132b17..47bedb82 100644
--- a/people/12608.html
+++ b/people/12608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12609.html b/people/12609.html
index 9c5ffe1e..4e672a32 100644
--- a/people/12609.html
+++ b/people/12609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1261.html b/people/1261.html
index 12967328..16b7d263 100644
--- a/people/1261.html
+++ b/people/1261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12610.html b/people/12610.html
index 3e6b4956..e2b5f099 100644
--- a/people/12610.html
+++ b/people/12610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12611.html b/people/12611.html
index 69aae11b..26bf9ec3 100644
--- a/people/12611.html
+++ b/people/12611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12612.html b/people/12612.html
index 0e11b266..96dd4e21 100644
--- a/people/12612.html
+++ b/people/12612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12613.html b/people/12613.html
index e4a00aea..e5e3fc54 100644
--- a/people/12613.html
+++ b/people/12613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12614.html b/people/12614.html
index 54775d13..6d74474e 100644
--- a/people/12614.html
+++ b/people/12614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12615.html b/people/12615.html
index 8454752d..5f36e997 100644
--- a/people/12615.html
+++ b/people/12615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12616.html b/people/12616.html
index c7980402..f04778b2 100644
--- a/people/12616.html
+++ b/people/12616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12617.html b/people/12617.html
index 21b63b51..d85cdbc9 100644
--- a/people/12617.html
+++ b/people/12617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12618.html b/people/12618.html
index d741d4fa..845be515 100644
--- a/people/12618.html
+++ b/people/12618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12619.html b/people/12619.html
index ffd7c2ad..7ca694a4 100644
--- a/people/12619.html
+++ b/people/12619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1262.html b/people/1262.html
index 17cf0187..350b90ad 100644
--- a/people/1262.html
+++ b/people/1262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12620.html b/people/12620.html
index 562d8268..197da034 100644
--- a/people/12620.html
+++ b/people/12620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12621.html b/people/12621.html
index 867b202b..fb8d02c8 100644
--- a/people/12621.html
+++ b/people/12621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12622.html b/people/12622.html
index b411c6f0..d6c14113 100644
--- a/people/12622.html
+++ b/people/12622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12623.html b/people/12623.html
index ff772a2d..947654fc 100644
--- a/people/12623.html
+++ b/people/12623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12624.html b/people/12624.html
index 505cfdbd..1e26530f 100644
--- a/people/12624.html
+++ b/people/12624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12625.html b/people/12625.html
index 38423d0f..840acb1f 100644
--- a/people/12625.html
+++ b/people/12625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12626.html b/people/12626.html
index 4ccf9bc9..d153cb61 100644
--- a/people/12626.html
+++ b/people/12626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12627.html b/people/12627.html
index 5d8cf228..403bb8f7 100644
--- a/people/12627.html
+++ b/people/12627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12628.html b/people/12628.html
index 7eca4da7..8428ac62 100644
--- a/people/12628.html
+++ b/people/12628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12629.html b/people/12629.html
index 088b586d..ee8898ea 100644
--- a/people/12629.html
+++ b/people/12629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1263.html b/people/1263.html
index 1d1ea3ee..9912cf2f 100644
--- a/people/1263.html
+++ b/people/1263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12630.html b/people/12630.html
index 13ad0fee..a254c4b2 100644
--- a/people/12630.html
+++ b/people/12630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12631.html b/people/12631.html
index 26221b15..815ea88b 100644
--- a/people/12631.html
+++ b/people/12631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12632.html b/people/12632.html
index 7f509f6e..00d21f16 100644
--- a/people/12632.html
+++ b/people/12632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12633.html b/people/12633.html
index e8e35a23..494e4d85 100644
--- a/people/12633.html
+++ b/people/12633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12634.html b/people/12634.html
index ea8cf7fe..951d1a7e 100644
--- a/people/12634.html
+++ b/people/12634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12635.html b/people/12635.html
index 97d191fa..3d726d41 100644
--- a/people/12635.html
+++ b/people/12635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12636.html b/people/12636.html
index 50b5915c..e6108e5f 100644
--- a/people/12636.html
+++ b/people/12636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12637.html b/people/12637.html
index 4c358fd9..f7ff139f 100644
--- a/people/12637.html
+++ b/people/12637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12638.html b/people/12638.html
index d522ca8a..9fb12779 100644
--- a/people/12638.html
+++ b/people/12638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12639.html b/people/12639.html
index 3abdb648..5d5933bf 100644
--- a/people/12639.html
+++ b/people/12639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1264.html b/people/1264.html
index 390716da..86283d21 100644
--- a/people/1264.html
+++ b/people/1264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12640.html b/people/12640.html
index dd1ed590..4b3cce1d 100644
--- a/people/12640.html
+++ b/people/12640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12641.html b/people/12641.html
index 2dbc5fa8..b2c64eb7 100644
--- a/people/12641.html
+++ b/people/12641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12642.html b/people/12642.html
index 61086980..dfd19674 100644
--- a/people/12642.html
+++ b/people/12642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12643.html b/people/12643.html
index a7f49d26..fdb9ed5a 100644
--- a/people/12643.html
+++ b/people/12643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12644.html b/people/12644.html
index d1acab50..0303d844 100644
--- a/people/12644.html
+++ b/people/12644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12645.html b/people/12645.html
index 76cb06af..ab69f2e8 100644
--- a/people/12645.html
+++ b/people/12645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12646.html b/people/12646.html
index 8206fccb..cee71b70 100644
--- a/people/12646.html
+++ b/people/12646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12647.html b/people/12647.html
index a84863c5..755295cc 100644
--- a/people/12647.html
+++ b/people/12647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12648.html b/people/12648.html
index 1d8e6b9a..d3a0b7e4 100644
--- a/people/12648.html
+++ b/people/12648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12649.html b/people/12649.html
index d249c713..7a0279f4 100644
--- a/people/12649.html
+++ b/people/12649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1265.html b/people/1265.html
index e237736d..ef3e9d2e 100644
--- a/people/1265.html
+++ b/people/1265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12650.html b/people/12650.html
index 044f9674..0c8e5384 100644
--- a/people/12650.html
+++ b/people/12650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12651.html b/people/12651.html
index 13eb0cae..71e12c09 100644
--- a/people/12651.html
+++ b/people/12651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12652.html b/people/12652.html
index 936a49ec..9e14a9d1 100644
--- a/people/12652.html
+++ b/people/12652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12653.html b/people/12653.html
index b6df1a8c..90016987 100644
--- a/people/12653.html
+++ b/people/12653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12654.html b/people/12654.html
index cdd711c9..4c5cb2c9 100644
--- a/people/12654.html
+++ b/people/12654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12655.html b/people/12655.html
index 89302c51..b55150ba 100644
--- a/people/12655.html
+++ b/people/12655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12656.html b/people/12656.html
index b0e003e4..5d4b52cd 100644
--- a/people/12656.html
+++ b/people/12656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12657.html b/people/12657.html
index 317afbc8..645e2c66 100644
--- a/people/12657.html
+++ b/people/12657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12658.html b/people/12658.html
index cb421d6e..2357bc9a 100644
--- a/people/12658.html
+++ b/people/12658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12659.html b/people/12659.html
index a13b14ad..50e7d32a 100644
--- a/people/12659.html
+++ b/people/12659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1266.html b/people/1266.html
index 3ea64ddf..37ada937 100644
--- a/people/1266.html
+++ b/people/1266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12660.html b/people/12660.html
index 06bb8fb0..e9f287a3 100644
--- a/people/12660.html
+++ b/people/12660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12661.html b/people/12661.html
index e3351fbc..411c782c 100644
--- a/people/12661.html
+++ b/people/12661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12662.html b/people/12662.html
index 9ea29b42..966b1e54 100644
--- a/people/12662.html
+++ b/people/12662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12663.html b/people/12663.html
index a4d06607..e638f46e 100644
--- a/people/12663.html
+++ b/people/12663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12664.html b/people/12664.html
index f019094d..ad4bc921 100644
--- a/people/12664.html
+++ b/people/12664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12665.html b/people/12665.html
index 3750cb0f..22d61dc5 100644
--- a/people/12665.html
+++ b/people/12665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12666.html b/people/12666.html
index 4c3ed8cf..8b0c897c 100644
--- a/people/12666.html
+++ b/people/12666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12667.html b/people/12667.html
index d05e9ccd..5b8e21d8 100644
--- a/people/12667.html
+++ b/people/12667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12668.html b/people/12668.html
index 3b6c8e3a..4baae0cd 100644
--- a/people/12668.html
+++ b/people/12668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12669.html b/people/12669.html
index 485c275a..3e25ec3f 100644
--- a/people/12669.html
+++ b/people/12669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1267.html b/people/1267.html
index 945ec10b..3fbb2032 100644
--- a/people/1267.html
+++ b/people/1267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12670.html b/people/12670.html
index a0773397..238e2c64 100644
--- a/people/12670.html
+++ b/people/12670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12671.html b/people/12671.html
index 4a587d99..5a7bbcb6 100644
--- a/people/12671.html
+++ b/people/12671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12672.html b/people/12672.html
index 07c27a9c..92a1a5b9 100644
--- a/people/12672.html
+++ b/people/12672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12673.html b/people/12673.html
index b0ef02ba..e50c743a 100644
--- a/people/12673.html
+++ b/people/12673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12674.html b/people/12674.html
index 9fa064fd..1a11b387 100644
--- a/people/12674.html
+++ b/people/12674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12675.html b/people/12675.html
index d68b7e55..8268c379 100644
--- a/people/12675.html
+++ b/people/12675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12676.html b/people/12676.html
index 17e67c7d..7915b3d8 100644
--- a/people/12676.html
+++ b/people/12676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12677.html b/people/12677.html
index 9a53abd1..d1f240d6 100644
--- a/people/12677.html
+++ b/people/12677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12678.html b/people/12678.html
index 276a6799..651a1180 100644
--- a/people/12678.html
+++ b/people/12678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12679.html b/people/12679.html
index 2150a905..eff290cf 100644
--- a/people/12679.html
+++ b/people/12679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1268.html b/people/1268.html
index 003dc3c8..667851b8 100644
--- a/people/1268.html
+++ b/people/1268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12680.html b/people/12680.html
index 4a21586a..c43e3cac 100644
--- a/people/12680.html
+++ b/people/12680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12681.html b/people/12681.html
index 4f9dc401..e0aef55d 100644
--- a/people/12681.html
+++ b/people/12681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12682.html b/people/12682.html
index 0e70b547..6a6bf572 100644
--- a/people/12682.html
+++ b/people/12682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12683.html b/people/12683.html
index 7882084b..257155f6 100644
--- a/people/12683.html
+++ b/people/12683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12684.html b/people/12684.html
index ff8e8073..39652f28 100644
--- a/people/12684.html
+++ b/people/12684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12685.html b/people/12685.html
index b44560fb..c9f31b37 100644
--- a/people/12685.html
+++ b/people/12685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12686.html b/people/12686.html
index 54c74867..89ebefc3 100644
--- a/people/12686.html
+++ b/people/12686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12687.html b/people/12687.html
index 7b70321a..2f067371 100644
--- a/people/12687.html
+++ b/people/12687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12688.html b/people/12688.html
index 1343f21f..3175481c 100644
--- a/people/12688.html
+++ b/people/12688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12689.html b/people/12689.html
index d6118e72..59e0dd3d 100644
--- a/people/12689.html
+++ b/people/12689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1269.html b/people/1269.html
index d973923a..053f7a97 100644
--- a/people/1269.html
+++ b/people/1269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12690.html b/people/12690.html
index 81adfec2..ff94c96c 100644
--- a/people/12690.html
+++ b/people/12690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12691.html b/people/12691.html
index 85d160af..2808466b 100644
--- a/people/12691.html
+++ b/people/12691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12692.html b/people/12692.html
index 96a7e440..639ce6eb 100644
--- a/people/12692.html
+++ b/people/12692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12693.html b/people/12693.html
index 46f8f25d..4d2daa0d 100644
--- a/people/12693.html
+++ b/people/12693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12694.html b/people/12694.html
index bb141b83..9ae738be 100644
--- a/people/12694.html
+++ b/people/12694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12695.html b/people/12695.html
index 59c42fde..ef852272 100644
--- a/people/12695.html
+++ b/people/12695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12696.html b/people/12696.html
index e43bf15e..e6329ae6 100644
--- a/people/12696.html
+++ b/people/12696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12697.html b/people/12697.html
index 48a8ccc3..38bbb428 100644
--- a/people/12697.html
+++ b/people/12697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12698.html b/people/12698.html
index 084a87b1..e18790ae 100644
--- a/people/12698.html
+++ b/people/12698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12699.html b/people/12699.html
index d06eb7b5..539531b2 100644
--- a/people/12699.html
+++ b/people/12699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/127.html b/people/127.html
index 56c3b937..9ff9bdf5 100644
--- a/people/127.html
+++ b/people/127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1270.html b/people/1270.html
index 98e9a884..57da3012 100644
--- a/people/1270.html
+++ b/people/1270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12700.html b/people/12700.html
index 450f49a4..df348814 100644
--- a/people/12700.html
+++ b/people/12700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12701.html b/people/12701.html
index 5c4d75c7..d50699c0 100644
--- a/people/12701.html
+++ b/people/12701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12702.html b/people/12702.html
index 417a1f10..7aeb5ebb 100644
--- a/people/12702.html
+++ b/people/12702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12703.html b/people/12703.html
index 08bef39f..10a9f7ac 100644
--- a/people/12703.html
+++ b/people/12703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12704.html b/people/12704.html
index 1b59c980..c1cee1bf 100644
--- a/people/12704.html
+++ b/people/12704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12705.html b/people/12705.html
index 3b208d88..1867def7 100644
--- a/people/12705.html
+++ b/people/12705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12706.html b/people/12706.html
index 031da149..807c20b4 100644
--- a/people/12706.html
+++ b/people/12706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12707.html b/people/12707.html
index 88390ce9..a2294d82 100644
--- a/people/12707.html
+++ b/people/12707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12708.html b/people/12708.html
index 9df8af21..f1550a40 100644
--- a/people/12708.html
+++ b/people/12708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12709.html b/people/12709.html
index f1d3926e..82f298bc 100644
--- a/people/12709.html
+++ b/people/12709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1271.html b/people/1271.html
index b1fe49be..ba507f69 100644
--- a/people/1271.html
+++ b/people/1271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12710.html b/people/12710.html
index 0ba01fc1..79e1c769 100644
--- a/people/12710.html
+++ b/people/12710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12711.html b/people/12711.html
index ea35f7d1..e76f5215 100644
--- a/people/12711.html
+++ b/people/12711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12712.html b/people/12712.html
index 203de636..41233b78 100644
--- a/people/12712.html
+++ b/people/12712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12713.html b/people/12713.html
index c335b25f..d3c6191e 100644
--- a/people/12713.html
+++ b/people/12713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12714.html b/people/12714.html
index 0f0b1ccf..0fd35a0a 100644
--- a/people/12714.html
+++ b/people/12714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12715.html b/people/12715.html
index c95d798c..6326f316 100644
--- a/people/12715.html
+++ b/people/12715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12716.html b/people/12716.html
index 31f5e443..872f644b 100644
--- a/people/12716.html
+++ b/people/12716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12717.html b/people/12717.html
index c6bfe0e7..24470191 100644
--- a/people/12717.html
+++ b/people/12717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12718.html b/people/12718.html
index e2a598b2..cfb2ec18 100644
--- a/people/12718.html
+++ b/people/12718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12719.html b/people/12719.html
index 4bb132a4..a05f7b3d 100644
--- a/people/12719.html
+++ b/people/12719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1272.html b/people/1272.html
index eb889849..73a7434f 100644
--- a/people/1272.html
+++ b/people/1272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12720.html b/people/12720.html
index 09f5cd57..1e9300fd 100644
--- a/people/12720.html
+++ b/people/12720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12721.html b/people/12721.html
index 65750d43..b4d8e419 100644
--- a/people/12721.html
+++ b/people/12721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12722.html b/people/12722.html
index f5b6e4d1..b9ef0326 100644
--- a/people/12722.html
+++ b/people/12722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12723.html b/people/12723.html
index c265ace5..b5baf287 100644
--- a/people/12723.html
+++ b/people/12723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12724.html b/people/12724.html
index 97700faf..2131447f 100644
--- a/people/12724.html
+++ b/people/12724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12725.html b/people/12725.html
index 1d629a29..292b7f0a 100644
--- a/people/12725.html
+++ b/people/12725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12726.html b/people/12726.html
index 658a0358..233ef0a5 100644
--- a/people/12726.html
+++ b/people/12726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12727.html b/people/12727.html
index 4585b1e1..d841cc89 100644
--- a/people/12727.html
+++ b/people/12727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12728.html b/people/12728.html
index 1ec297bb..084e410b 100644
--- a/people/12728.html
+++ b/people/12728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12729.html b/people/12729.html
index 8c5558c8..82eefbe2 100644
--- a/people/12729.html
+++ b/people/12729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1273.html b/people/1273.html
index 71fe71fe..291d09b5 100644
--- a/people/1273.html
+++ b/people/1273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12730.html b/people/12730.html
index 37c341cc..3b739a41 100644
--- a/people/12730.html
+++ b/people/12730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12731.html b/people/12731.html
index 9cf7d161..11c87042 100644
--- a/people/12731.html
+++ b/people/12731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12732.html b/people/12732.html
index 5ec8b5d6..a89894e0 100644
--- a/people/12732.html
+++ b/people/12732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12733.html b/people/12733.html
index 9701b6da..20a23cca 100644
--- a/people/12733.html
+++ b/people/12733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12734.html b/people/12734.html
index d6941c64..9278d210 100644
--- a/people/12734.html
+++ b/people/12734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12735.html b/people/12735.html
index ac31f545..94139896 100644
--- a/people/12735.html
+++ b/people/12735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12736.html b/people/12736.html
index 63752556..f2082679 100644
--- a/people/12736.html
+++ b/people/12736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12737.html b/people/12737.html
index 58769e2a..08457a0c 100644
--- a/people/12737.html
+++ b/people/12737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12738.html b/people/12738.html
index 67a46507..3c5e954c 100644
--- a/people/12738.html
+++ b/people/12738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12739.html b/people/12739.html
index df784490..ea810dd5 100644
--- a/people/12739.html
+++ b/people/12739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1274.html b/people/1274.html
index 238d0bfe..7d800094 100644
--- a/people/1274.html
+++ b/people/1274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12740.html b/people/12740.html
index 34b2cabe..dc543920 100644
--- a/people/12740.html
+++ b/people/12740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12741.html b/people/12741.html
index 3f099d89..21f816fe 100644
--- a/people/12741.html
+++ b/people/12741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12742.html b/people/12742.html
index 290e3319..8a86d638 100644
--- a/people/12742.html
+++ b/people/12742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12743.html b/people/12743.html
index 2120a4a5..6aa5a0e6 100644
--- a/people/12743.html
+++ b/people/12743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12744.html b/people/12744.html
index a1232192..6c2bd656 100644
--- a/people/12744.html
+++ b/people/12744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12745.html b/people/12745.html
index e89370a5..cc42d125 100644
--- a/people/12745.html
+++ b/people/12745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12746.html b/people/12746.html
index 3771d10a..57d093ee 100644
--- a/people/12746.html
+++ b/people/12746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12747.html b/people/12747.html
index ecf563a6..d322db03 100644
--- a/people/12747.html
+++ b/people/12747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12748.html b/people/12748.html
index 9767892e..5695df0d 100644
--- a/people/12748.html
+++ b/people/12748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12749.html b/people/12749.html
index ce4d0df2..f2b2c0ed 100644
--- a/people/12749.html
+++ b/people/12749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1275.html b/people/1275.html
index 5c44efb1..90fb5834 100644
--- a/people/1275.html
+++ b/people/1275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12750.html b/people/12750.html
index 63d0cb2d..d85e484d 100644
--- a/people/12750.html
+++ b/people/12750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12751.html b/people/12751.html
index a4b5267b..fde85c0f 100644
--- a/people/12751.html
+++ b/people/12751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12752.html b/people/12752.html
index 8f41a578..934f14a2 100644
--- a/people/12752.html
+++ b/people/12752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12753.html b/people/12753.html
index da45927f..18ca129b 100644
--- a/people/12753.html
+++ b/people/12753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12754.html b/people/12754.html
index 428eef19..da034444 100644
--- a/people/12754.html
+++ b/people/12754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12755.html b/people/12755.html
index 73f3506d..26612330 100644
--- a/people/12755.html
+++ b/people/12755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12756.html b/people/12756.html
index 8106711c..32aba219 100644
--- a/people/12756.html
+++ b/people/12756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12757.html b/people/12757.html
index 089719c2..7fb1344f 100644
--- a/people/12757.html
+++ b/people/12757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12758.html b/people/12758.html
index a5b47a28..939967c9 100644
--- a/people/12758.html
+++ b/people/12758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12759.html b/people/12759.html
index 0240516e..5d36255a 100644
--- a/people/12759.html
+++ b/people/12759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1276.html b/people/1276.html
index 4db18c8a..1a9d0ac5 100644
--- a/people/1276.html
+++ b/people/1276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12760.html b/people/12760.html
index 99244a72..b29d1d5b 100644
--- a/people/12760.html
+++ b/people/12760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12761.html b/people/12761.html
index 90222c65..298b699a 100644
--- a/people/12761.html
+++ b/people/12761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12762.html b/people/12762.html
index 9d1207b3..dc6e19ec 100644
--- a/people/12762.html
+++ b/people/12762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12763.html b/people/12763.html
index b71fe609..f3c4c75f 100644
--- a/people/12763.html
+++ b/people/12763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12764.html b/people/12764.html
index 9efba57d..eabd55cf 100644
--- a/people/12764.html
+++ b/people/12764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12765.html b/people/12765.html
index ccb68347..e31852a9 100644
--- a/people/12765.html
+++ b/people/12765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12766.html b/people/12766.html
index df67419d..54dfef57 100644
--- a/people/12766.html
+++ b/people/12766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12767.html b/people/12767.html
index 5afc6300..340a510b 100644
--- a/people/12767.html
+++ b/people/12767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12768.html b/people/12768.html
index 5b7f7537..bdaf1884 100644
--- a/people/12768.html
+++ b/people/12768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12769.html b/people/12769.html
index 89d043ba..05b478eb 100644
--- a/people/12769.html
+++ b/people/12769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1277.html b/people/1277.html
index 53077143..e8f87bc3 100644
--- a/people/1277.html
+++ b/people/1277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12770.html b/people/12770.html
index 29c12bf3..4cfe2108 100644
--- a/people/12770.html
+++ b/people/12770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12771.html b/people/12771.html
index 805fda65..a2c84448 100644
--- a/people/12771.html
+++ b/people/12771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12772.html b/people/12772.html
index cec70dde..15471a15 100644
--- a/people/12772.html
+++ b/people/12772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12773.html b/people/12773.html
index 5ea49ccc..d15be79f 100644
--- a/people/12773.html
+++ b/people/12773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12774.html b/people/12774.html
index 4b6551ca..517bb50c 100644
--- a/people/12774.html
+++ b/people/12774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12775.html b/people/12775.html
index 623b7b7a..8e7642df 100644
--- a/people/12775.html
+++ b/people/12775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12776.html b/people/12776.html
index 9ca88cc0..b9bc3fa9 100644
--- a/people/12776.html
+++ b/people/12776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12777.html b/people/12777.html
index b2f0fb09..aed76d56 100644
--- a/people/12777.html
+++ b/people/12777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12778.html b/people/12778.html
index f3957c60..34a3b2f9 100644
--- a/people/12778.html
+++ b/people/12778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12779.html b/people/12779.html
index e0001e74..bf10ad58 100644
--- a/people/12779.html
+++ b/people/12779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1278.html b/people/1278.html
index 5b67163d..d7dfa70e 100644
--- a/people/1278.html
+++ b/people/1278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12780.html b/people/12780.html
index e0b13f30..980377c2 100644
--- a/people/12780.html
+++ b/people/12780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12781.html b/people/12781.html
index c0fe1ac4..2088758f 100644
--- a/people/12781.html
+++ b/people/12781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12782.html b/people/12782.html
index fe846b17..d67dece2 100644
--- a/people/12782.html
+++ b/people/12782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12783.html b/people/12783.html
index 51c56e48..62d37c70 100644
--- a/people/12783.html
+++ b/people/12783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12784.html b/people/12784.html
index 6f340869..4c753579 100644
--- a/people/12784.html
+++ b/people/12784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12785.html b/people/12785.html
index da7c9b85..c1b3e7e9 100644
--- a/people/12785.html
+++ b/people/12785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12786.html b/people/12786.html
index f75120d3..4859d391 100644
--- a/people/12786.html
+++ b/people/12786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12787.html b/people/12787.html
index e4e01ab8..78999eb3 100644
--- a/people/12787.html
+++ b/people/12787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12788.html b/people/12788.html
index 38e3f0df..e2505d86 100644
--- a/people/12788.html
+++ b/people/12788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12789.html b/people/12789.html
index f932e028..afe839ce 100644
--- a/people/12789.html
+++ b/people/12789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1279.html b/people/1279.html
index a0f10697..22b36b40 100644
--- a/people/1279.html
+++ b/people/1279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12790.html b/people/12790.html
index c78d3ef0..51bbdc39 100644
--- a/people/12790.html
+++ b/people/12790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12791.html b/people/12791.html
index 886cd8c1..6f078f26 100644
--- a/people/12791.html
+++ b/people/12791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12792.html b/people/12792.html
index af5ca978..a30f55a0 100644
--- a/people/12792.html
+++ b/people/12792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12793.html b/people/12793.html
index 1a8b3857..8702b8a0 100644
--- a/people/12793.html
+++ b/people/12793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12794.html b/people/12794.html
index 7cba8d6f..f2827c89 100644
--- a/people/12794.html
+++ b/people/12794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12795.html b/people/12795.html
index feb5bb00..d9232780 100644
--- a/people/12795.html
+++ b/people/12795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12796.html b/people/12796.html
index 5c6c161f..7c5e8fe0 100644
--- a/people/12796.html
+++ b/people/12796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12797.html b/people/12797.html
index 901a6740..d6f5e17d 100644
--- a/people/12797.html
+++ b/people/12797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12798.html b/people/12798.html
index bcda023e..0a302752 100644
--- a/people/12798.html
+++ b/people/12798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12799.html b/people/12799.html
index 6c2c2df4..5583c3a2 100644
--- a/people/12799.html
+++ b/people/12799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/128.html b/people/128.html
index 03a47b37..3eb06da9 100644
--- a/people/128.html
+++ b/people/128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1280.html b/people/1280.html
index d185eed2..50ce165a 100644
--- a/people/1280.html
+++ b/people/1280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12800.html b/people/12800.html
index 2755a571..0af87a84 100644
--- a/people/12800.html
+++ b/people/12800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12801.html b/people/12801.html
index afc35f09..f5d2903a 100644
--- a/people/12801.html
+++ b/people/12801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12802.html b/people/12802.html
index 6000840f..da56f896 100644
--- a/people/12802.html
+++ b/people/12802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12803.html b/people/12803.html
index 949aa764..c0ecc894 100644
--- a/people/12803.html
+++ b/people/12803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12804.html b/people/12804.html
index d5ea3542..283a6ff0 100644
--- a/people/12804.html
+++ b/people/12804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12805.html b/people/12805.html
index 1afb3556..55e092ba 100644
--- a/people/12805.html
+++ b/people/12805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12806.html b/people/12806.html
index b980163d..d77fb5fe 100644
--- a/people/12806.html
+++ b/people/12806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12807.html b/people/12807.html
index 6c8e2af6..287b17f6 100644
--- a/people/12807.html
+++ b/people/12807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12808.html b/people/12808.html
index 3c202d51..2bebfcb0 100644
--- a/people/12808.html
+++ b/people/12808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12809.html b/people/12809.html
index fa68da97..fb3ae8fe 100644
--- a/people/12809.html
+++ b/people/12809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1281.html b/people/1281.html
index a89e6106..4fa95a46 100644
--- a/people/1281.html
+++ b/people/1281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12810.html b/people/12810.html
index 10da0a8b..0ad87278 100644
--- a/people/12810.html
+++ b/people/12810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12811.html b/people/12811.html
index 9ce39d35..12d07d0d 100644
--- a/people/12811.html
+++ b/people/12811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12812.html b/people/12812.html
index a9ccbbee..611ee90c 100644
--- a/people/12812.html
+++ b/people/12812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12813.html b/people/12813.html
index 54c20dd1..464b8426 100644
--- a/people/12813.html
+++ b/people/12813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12814.html b/people/12814.html
index f69b39c3..aa48c05d 100644
--- a/people/12814.html
+++ b/people/12814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12815.html b/people/12815.html
index 6a4897dd..87892e61 100644
--- a/people/12815.html
+++ b/people/12815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12816.html b/people/12816.html
index 2c454111..f1faa93b 100644
--- a/people/12816.html
+++ b/people/12816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12817.html b/people/12817.html
index 9a14e853..be8a38de 100644
--- a/people/12817.html
+++ b/people/12817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12818.html b/people/12818.html
index cb278e2d..9ac1ed9b 100644
--- a/people/12818.html
+++ b/people/12818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12819.html b/people/12819.html
index 9c9dcf0a..3906786f 100644
--- a/people/12819.html
+++ b/people/12819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1282.html b/people/1282.html
index de40d3e8..2657b7cc 100644
--- a/people/1282.html
+++ b/people/1282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12820.html b/people/12820.html
index ca1a00d6..bfdaea95 100644
--- a/people/12820.html
+++ b/people/12820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12821.html b/people/12821.html
index cedbb1cd..f6a92da7 100644
--- a/people/12821.html
+++ b/people/12821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12822.html b/people/12822.html
index c5f15473..983a0cdb 100644
--- a/people/12822.html
+++ b/people/12822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12823.html b/people/12823.html
index c9973ce8..59efe1cd 100644
--- a/people/12823.html
+++ b/people/12823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12824.html b/people/12824.html
index a10cba31..03faf6e8 100644
--- a/people/12824.html
+++ b/people/12824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12825.html b/people/12825.html
index 9365e4ed..5111377f 100644
--- a/people/12825.html
+++ b/people/12825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12826.html b/people/12826.html
index 923e2a22..7dedf554 100644
--- a/people/12826.html
+++ b/people/12826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12827.html b/people/12827.html
index c16a7a54..7ceade61 100644
--- a/people/12827.html
+++ b/people/12827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12828.html b/people/12828.html
index 3df8c1e7..c141f612 100644
--- a/people/12828.html
+++ b/people/12828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12829.html b/people/12829.html
index 0ae93d74..c4a3ebfc 100644
--- a/people/12829.html
+++ b/people/12829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1283.html b/people/1283.html
index 4fbe7b2e..a7f39a6a 100644
--- a/people/1283.html
+++ b/people/1283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12830.html b/people/12830.html
index 3a011d4a..3e74b3ea 100644
--- a/people/12830.html
+++ b/people/12830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12831.html b/people/12831.html
index 50d6d27e..cfa866f9 100644
--- a/people/12831.html
+++ b/people/12831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12832.html b/people/12832.html
index e5ab6514..eae9cd7a 100644
--- a/people/12832.html
+++ b/people/12832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12833.html b/people/12833.html
index 0c5ec410..69873570 100644
--- a/people/12833.html
+++ b/people/12833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12834.html b/people/12834.html
index 10782c8c..c87f1ba0 100644
--- a/people/12834.html
+++ b/people/12834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12835.html b/people/12835.html
index 2e8f7d74..a37bc42a 100644
--- a/people/12835.html
+++ b/people/12835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12836.html b/people/12836.html
index 76cdbd5f..8fa45b44 100644
--- a/people/12836.html
+++ b/people/12836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12837.html b/people/12837.html
index a4612985..55cc7581 100644
--- a/people/12837.html
+++ b/people/12837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12838.html b/people/12838.html
index 44bd4571..92b10f2d 100644
--- a/people/12838.html
+++ b/people/12838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12839.html b/people/12839.html
index 91995bf2..50b62ed4 100644
--- a/people/12839.html
+++ b/people/12839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1284.html b/people/1284.html
index de99565e..0fed67ae 100644
--- a/people/1284.html
+++ b/people/1284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12840.html b/people/12840.html
index eb0f6212..73bb96bf 100644
--- a/people/12840.html
+++ b/people/12840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12841.html b/people/12841.html
index 2d551bba..e94b7d83 100644
--- a/people/12841.html
+++ b/people/12841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12842.html b/people/12842.html
index abd50fef..5ff1c283 100644
--- a/people/12842.html
+++ b/people/12842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12843.html b/people/12843.html
index dd98032c..d0265876 100644
--- a/people/12843.html
+++ b/people/12843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12844.html b/people/12844.html
index c3227c7f..226c69ab 100644
--- a/people/12844.html
+++ b/people/12844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12845.html b/people/12845.html
index 50ff65c2..69da6a80 100644
--- a/people/12845.html
+++ b/people/12845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12846.html b/people/12846.html
index 29bd63c5..335bd307 100644
--- a/people/12846.html
+++ b/people/12846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12847.html b/people/12847.html
index 64e0f75d..05c311a0 100644
--- a/people/12847.html
+++ b/people/12847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12848.html b/people/12848.html
index 744d67a7..1ce0bc7e 100644
--- a/people/12848.html
+++ b/people/12848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12849.html b/people/12849.html
index 389c051d..8bef6a27 100644
--- a/people/12849.html
+++ b/people/12849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1285.html b/people/1285.html
index 2160584e..0a0abdd0 100644
--- a/people/1285.html
+++ b/people/1285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12850.html b/people/12850.html
index fcb458eb..2375ca68 100644
--- a/people/12850.html
+++ b/people/12850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12851.html b/people/12851.html
index c3e83d5a..131ddc41 100644
--- a/people/12851.html
+++ b/people/12851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12852.html b/people/12852.html
index 79975d52..3bab7acb 100644
--- a/people/12852.html
+++ b/people/12852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12853.html b/people/12853.html
index 87f8c891..77cc348e 100644
--- a/people/12853.html
+++ b/people/12853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12854.html b/people/12854.html
index d48cb6bf..cf9eb0e4 100644
--- a/people/12854.html
+++ b/people/12854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12855.html b/people/12855.html
index 9bf938b3..e821dea9 100644
--- a/people/12855.html
+++ b/people/12855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12856.html b/people/12856.html
index 88a001bd..37295576 100644
--- a/people/12856.html
+++ b/people/12856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12857.html b/people/12857.html
index 07d4147a..d6a90700 100644
--- a/people/12857.html
+++ b/people/12857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12858.html b/people/12858.html
index de6c3fe4..777bbd0c 100644
--- a/people/12858.html
+++ b/people/12858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12859.html b/people/12859.html
index 65ae7677..a2a1ad01 100644
--- a/people/12859.html
+++ b/people/12859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1286.html b/people/1286.html
index 93ab7216..469b5a8c 100644
--- a/people/1286.html
+++ b/people/1286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12860.html b/people/12860.html
index c9296c6d..97b91642 100644
--- a/people/12860.html
+++ b/people/12860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12861.html b/people/12861.html
index 21c73dec..332d2d32 100644
--- a/people/12861.html
+++ b/people/12861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12862.html b/people/12862.html
index 93006344..a3962cba 100644
--- a/people/12862.html
+++ b/people/12862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12863.html b/people/12863.html
index 6aeaf62a..08c5d4c4 100644
--- a/people/12863.html
+++ b/people/12863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12864.html b/people/12864.html
index 0eae6a50..b7bd5517 100644
--- a/people/12864.html
+++ b/people/12864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12865.html b/people/12865.html
index b4b939b5..38038664 100644
--- a/people/12865.html
+++ b/people/12865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12866.html b/people/12866.html
index ef969c7b..a482601c 100644
--- a/people/12866.html
+++ b/people/12866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12867.html b/people/12867.html
index 151be1a8..912df010 100644
--- a/people/12867.html
+++ b/people/12867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12868.html b/people/12868.html
index 6ac4c157..ffe7ef70 100644
--- a/people/12868.html
+++ b/people/12868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12869.html b/people/12869.html
index 304fcf64..8e491597 100644
--- a/people/12869.html
+++ b/people/12869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1287.html b/people/1287.html
index 5ab7049a..14fce893 100644
--- a/people/1287.html
+++ b/people/1287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12870.html b/people/12870.html
index 9cd2e940..0b1db9bc 100644
--- a/people/12870.html
+++ b/people/12870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12871.html b/people/12871.html
index 3193fbb9..1cf654cf 100644
--- a/people/12871.html
+++ b/people/12871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12872.html b/people/12872.html
index 80c5571a..1e5379a0 100644
--- a/people/12872.html
+++ b/people/12872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12873.html b/people/12873.html
index 5224ca3e..493a2f7a 100644
--- a/people/12873.html
+++ b/people/12873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12874.html b/people/12874.html
index 7499afed..256e370f 100644
--- a/people/12874.html
+++ b/people/12874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12875.html b/people/12875.html
index d7487ddf..a9cd8bce 100644
--- a/people/12875.html
+++ b/people/12875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12876.html b/people/12876.html
index ed32fcec..abe3ed24 100644
--- a/people/12876.html
+++ b/people/12876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12877.html b/people/12877.html
index 0cafc068..4b2fddb9 100644
--- a/people/12877.html
+++ b/people/12877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12878.html b/people/12878.html
index 7a97ad3b..383109e6 100644
--- a/people/12878.html
+++ b/people/12878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12879.html b/people/12879.html
index 7c47ae24..9033db70 100644
--- a/people/12879.html
+++ b/people/12879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1288.html b/people/1288.html
index 7ee76c8b..5760f688 100644
--- a/people/1288.html
+++ b/people/1288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12880.html b/people/12880.html
index ccdda6f7..ea350ff7 100644
--- a/people/12880.html
+++ b/people/12880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12881.html b/people/12881.html
index a5d0bb08..f1a7aa11 100644
--- a/people/12881.html
+++ b/people/12881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12882.html b/people/12882.html
index c293e5b5..a164b4e4 100644
--- a/people/12882.html
+++ b/people/12882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12883.html b/people/12883.html
index 90825c01..be161cca 100644
--- a/people/12883.html
+++ b/people/12883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12884.html b/people/12884.html
index c5c756e4..be52b01f 100644
--- a/people/12884.html
+++ b/people/12884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12885.html b/people/12885.html
index 9cfdabe2..a147aeec 100644
--- a/people/12885.html
+++ b/people/12885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12886.html b/people/12886.html
index 740838fd..79af23a9 100644
--- a/people/12886.html
+++ b/people/12886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12887.html b/people/12887.html
index d8a5d6bf..9cefa7eb 100644
--- a/people/12887.html
+++ b/people/12887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12888.html b/people/12888.html
index f6e21078..8f1f1b92 100644
--- a/people/12888.html
+++ b/people/12888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12889.html b/people/12889.html
index c8b747f6..29c2790c 100644
--- a/people/12889.html
+++ b/people/12889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1289.html b/people/1289.html
index 3b9f727f..eaf9d413 100644
--- a/people/1289.html
+++ b/people/1289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12890.html b/people/12890.html
index add06c71..64e291b7 100644
--- a/people/12890.html
+++ b/people/12890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12891.html b/people/12891.html
index bc4b96e7..e996a653 100644
--- a/people/12891.html
+++ b/people/12891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12892.html b/people/12892.html
index aa87b9c9..8a4eff47 100644
--- a/people/12892.html
+++ b/people/12892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12893.html b/people/12893.html
index 43c34489..9b539f6f 100644
--- a/people/12893.html
+++ b/people/12893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12894.html b/people/12894.html
index 58bb1dc6..7e300acc 100644
--- a/people/12894.html
+++ b/people/12894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12895.html b/people/12895.html
index d75fb563..3db8a2e9 100644
--- a/people/12895.html
+++ b/people/12895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12896.html b/people/12896.html
index cdbd69f3..ff9178d3 100644
--- a/people/12896.html
+++ b/people/12896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12897.html b/people/12897.html
index 1c8036fa..ccb6a02a 100644
--- a/people/12897.html
+++ b/people/12897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12898.html b/people/12898.html
index b83c7695..78aa30ea 100644
--- a/people/12898.html
+++ b/people/12898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12899.html b/people/12899.html
index c355d779..e5bf9477 100644
--- a/people/12899.html
+++ b/people/12899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/129.html b/people/129.html
index a37cb7cf..35420420 100644
--- a/people/129.html
+++ b/people/129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1290.html b/people/1290.html
index 45e6b484..92c34b50 100644
--- a/people/1290.html
+++ b/people/1290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12900.html b/people/12900.html
index cd8c1442..495b3bdf 100644
--- a/people/12900.html
+++ b/people/12900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12901.html b/people/12901.html
index f7831549..8fcfdf04 100644
--- a/people/12901.html
+++ b/people/12901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12902.html b/people/12902.html
index b914b636..4b2fab00 100644
--- a/people/12902.html
+++ b/people/12902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12903.html b/people/12903.html
index da8e10c7..6f1aaac9 100644
--- a/people/12903.html
+++ b/people/12903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12904.html b/people/12904.html
index 4f6adc2a..be53b706 100644
--- a/people/12904.html
+++ b/people/12904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12905.html b/people/12905.html
index 18cef413..4a60c09a 100644
--- a/people/12905.html
+++ b/people/12905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12906.html b/people/12906.html
index e2f8f3f6..8832d876 100644
--- a/people/12906.html
+++ b/people/12906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12907.html b/people/12907.html
index 0e5dcd4f..ce17d396 100644
--- a/people/12907.html
+++ b/people/12907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12908.html b/people/12908.html
index e4a1361a..b40a1fd9 100644
--- a/people/12908.html
+++ b/people/12908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12909.html b/people/12909.html
index 4e0d6bb4..08418e35 100644
--- a/people/12909.html
+++ b/people/12909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1291.html b/people/1291.html
index 674b28bf..9de007f2 100644
--- a/people/1291.html
+++ b/people/1291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12910.html b/people/12910.html
index 6c272f56..c962bafa 100644
--- a/people/12910.html
+++ b/people/12910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12911.html b/people/12911.html
index 0d913e0e..b82516d9 100644
--- a/people/12911.html
+++ b/people/12911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12912.html b/people/12912.html
index 0beb8289..465008b9 100644
--- a/people/12912.html
+++ b/people/12912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12913.html b/people/12913.html
index bfe256e6..56ab4969 100644
--- a/people/12913.html
+++ b/people/12913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12914.html b/people/12914.html
index 75cc8c7c..74de7f11 100644
--- a/people/12914.html
+++ b/people/12914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12915.html b/people/12915.html
index 874bd68b..cfa65cb0 100644
--- a/people/12915.html
+++ b/people/12915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12916.html b/people/12916.html
index 0ebc39a5..254bb197 100644
--- a/people/12916.html
+++ b/people/12916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12917.html b/people/12917.html
index cbaee6f2..02e8b014 100644
--- a/people/12917.html
+++ b/people/12917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12918.html b/people/12918.html
index 9d3f84b7..f0b3d632 100644
--- a/people/12918.html
+++ b/people/12918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12919.html b/people/12919.html
index 2841b260..c001ec4c 100644
--- a/people/12919.html
+++ b/people/12919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1292.html b/people/1292.html
index d508ff41..98d9fd9f 100644
--- a/people/1292.html
+++ b/people/1292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12920.html b/people/12920.html
index 007a59c8..235e94f7 100644
--- a/people/12920.html
+++ b/people/12920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12921.html b/people/12921.html
index 4d012bf7..abd6a6d9 100644
--- a/people/12921.html
+++ b/people/12921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12922.html b/people/12922.html
index 63e1d102..97fb084f 100644
--- a/people/12922.html
+++ b/people/12922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12923.html b/people/12923.html
index ca660eb9..39af6e98 100644
--- a/people/12923.html
+++ b/people/12923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12924.html b/people/12924.html
index 957d406f..75987364 100644
--- a/people/12924.html
+++ b/people/12924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12925.html b/people/12925.html
index 247e6d39..57fe6a76 100644
--- a/people/12925.html
+++ b/people/12925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12926.html b/people/12926.html
index 532b0e93..c717c1d5 100644
--- a/people/12926.html
+++ b/people/12926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12927.html b/people/12927.html
index a00d1374..3b131e80 100644
--- a/people/12927.html
+++ b/people/12927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12928.html b/people/12928.html
index 483d1570..c0fd23cf 100644
--- a/people/12928.html
+++ b/people/12928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12929.html b/people/12929.html
index 9ffbd6f8..cf2750ef 100644
--- a/people/12929.html
+++ b/people/12929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1293.html b/people/1293.html
index 93ebe0a9..d5da75ce 100644
--- a/people/1293.html
+++ b/people/1293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12930.html b/people/12930.html
index 7f18f61d..99a11d26 100644
--- a/people/12930.html
+++ b/people/12930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12931.html b/people/12931.html
index cdf8c1dc..4d4b1807 100644
--- a/people/12931.html
+++ b/people/12931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12932.html b/people/12932.html
index 1d0e43ec..bfdd7f77 100644
--- a/people/12932.html
+++ b/people/12932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12933.html b/people/12933.html
index 2df28eb3..8899e2e1 100644
--- a/people/12933.html
+++ b/people/12933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12934.html b/people/12934.html
index 50153f7f..f2a943e4 100644
--- a/people/12934.html
+++ b/people/12934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12935.html b/people/12935.html
index 7c361076..4cec8a8d 100644
--- a/people/12935.html
+++ b/people/12935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12936.html b/people/12936.html
index 1be7b628..8eadc9be 100644
--- a/people/12936.html
+++ b/people/12936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12937.html b/people/12937.html
index 65e8be3e..ba36510a 100644
--- a/people/12937.html
+++ b/people/12937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12938.html b/people/12938.html
index 6f9b07ce..333f89e3 100644
--- a/people/12938.html
+++ b/people/12938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12939.html b/people/12939.html
index ebe92adf..aa7f4542 100644
--- a/people/12939.html
+++ b/people/12939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1294.html b/people/1294.html
index aa11a8b3..4fcd4317 100644
--- a/people/1294.html
+++ b/people/1294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12940.html b/people/12940.html
index 73048972..96111787 100644
--- a/people/12940.html
+++ b/people/12940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12941.html b/people/12941.html
index cc72e854..7bea4b6a 100644
--- a/people/12941.html
+++ b/people/12941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12942.html b/people/12942.html
index c6b28909..1d17b214 100644
--- a/people/12942.html
+++ b/people/12942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12943.html b/people/12943.html
index 7761d4a6..509cb762 100644
--- a/people/12943.html
+++ b/people/12943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12944.html b/people/12944.html
index 6b3e4817..03f6c541 100644
--- a/people/12944.html
+++ b/people/12944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12945.html b/people/12945.html
index 839aea64..67246dd6 100644
--- a/people/12945.html
+++ b/people/12945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12946.html b/people/12946.html
index 41647866..f5276c5b 100644
--- a/people/12946.html
+++ b/people/12946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12947.html b/people/12947.html
index a65fbc1a..1c8b30a1 100644
--- a/people/12947.html
+++ b/people/12947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12948.html b/people/12948.html
index e40d310f..ba6a591f 100644
--- a/people/12948.html
+++ b/people/12948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12949.html b/people/12949.html
index 0a6c5ea8..f02f08db 100644
--- a/people/12949.html
+++ b/people/12949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1295.html b/people/1295.html
index d86f153f..b85a3123 100644
--- a/people/1295.html
+++ b/people/1295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12950.html b/people/12950.html
index bd5c6660..ec5e1f3e 100644
--- a/people/12950.html
+++ b/people/12950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12951.html b/people/12951.html
index afd34b3a..c0aa0ed4 100644
--- a/people/12951.html
+++ b/people/12951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12952.html b/people/12952.html
index b8377122..32c42621 100644
--- a/people/12952.html
+++ b/people/12952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12953.html b/people/12953.html
index fad9e31e..365adebd 100644
--- a/people/12953.html
+++ b/people/12953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12954.html b/people/12954.html
index 7e75d0ab..2d66a667 100644
--- a/people/12954.html
+++ b/people/12954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12955.html b/people/12955.html
index 2ad2a6fb..ab48f659 100644
--- a/people/12955.html
+++ b/people/12955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12956.html b/people/12956.html
index 95b255e2..21b6aa0a 100644
--- a/people/12956.html
+++ b/people/12956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12957.html b/people/12957.html
index eaa4bc5a..d6fe23fb 100644
--- a/people/12957.html
+++ b/people/12957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12958.html b/people/12958.html
index fca97896..1c3bacc5 100644
--- a/people/12958.html
+++ b/people/12958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12959.html b/people/12959.html
index a2bf7843..99679915 100644
--- a/people/12959.html
+++ b/people/12959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1296.html b/people/1296.html
index b6047c50..0c1105f3 100644
--- a/people/1296.html
+++ b/people/1296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12960.html b/people/12960.html
index f1d4ba36..de2cd47a 100644
--- a/people/12960.html
+++ b/people/12960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12961.html b/people/12961.html
index f3348580..2a7ecaa6 100644
--- a/people/12961.html
+++ b/people/12961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12962.html b/people/12962.html
index 9c3832a8..f2967f3a 100644
--- a/people/12962.html
+++ b/people/12962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12963.html b/people/12963.html
index b3d5f51b..09f6c17c 100644
--- a/people/12963.html
+++ b/people/12963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12964.html b/people/12964.html
index 30bfb284..bfea3ef7 100644
--- a/people/12964.html
+++ b/people/12964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12965.html b/people/12965.html
index 2c337619..983bf54e 100644
--- a/people/12965.html
+++ b/people/12965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12966.html b/people/12966.html
index 90f35828..2be14ab3 100644
--- a/people/12966.html
+++ b/people/12966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12967.html b/people/12967.html
index 0a858795..f59da9d2 100644
--- a/people/12967.html
+++ b/people/12967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12968.html b/people/12968.html
index d21ca44c..2f57ed85 100644
--- a/people/12968.html
+++ b/people/12968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12969.html b/people/12969.html
index 9ebfb5f4..004ff1c6 100644
--- a/people/12969.html
+++ b/people/12969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1297.html b/people/1297.html
index e058b3b3..86b2d594 100644
--- a/people/1297.html
+++ b/people/1297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12970.html b/people/12970.html
index 351c6bcb..d7f489f9 100644
--- a/people/12970.html
+++ b/people/12970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12971.html b/people/12971.html
index 8ccbcc05..788b587c 100644
--- a/people/12971.html
+++ b/people/12971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12972.html b/people/12972.html
index 5e585d3d..6c43b10c 100644
--- a/people/12972.html
+++ b/people/12972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12973.html b/people/12973.html
index 2dc432e2..66d11ab4 100644
--- a/people/12973.html
+++ b/people/12973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12974.html b/people/12974.html
index ef73a6d9..619347cb 100644
--- a/people/12974.html
+++ b/people/12974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12975.html b/people/12975.html
index e4cbb6f9..3a6ee4e5 100644
--- a/people/12975.html
+++ b/people/12975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12976.html b/people/12976.html
index e503c7e7..a38701a0 100644
--- a/people/12976.html
+++ b/people/12976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12977.html b/people/12977.html
index d3174f98..95898deb 100644
--- a/people/12977.html
+++ b/people/12977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12978.html b/people/12978.html
index c65a2026..ed46f200 100644
--- a/people/12978.html
+++ b/people/12978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12979.html b/people/12979.html
index f9dbef2c..69ddec78 100644
--- a/people/12979.html
+++ b/people/12979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1298.html b/people/1298.html
index c757b425..6bec3fff 100644
--- a/people/1298.html
+++ b/people/1298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12980.html b/people/12980.html
index 22042e8c..51ae89e4 100644
--- a/people/12980.html
+++ b/people/12980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12981.html b/people/12981.html
index 7743d93e..b4edbcfe 100644
--- a/people/12981.html
+++ b/people/12981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12982.html b/people/12982.html
index 97ee0347..f3fb72c7 100644
--- a/people/12982.html
+++ b/people/12982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12983.html b/people/12983.html
index a860f370..c383e01f 100644
--- a/people/12983.html
+++ b/people/12983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12984.html b/people/12984.html
index 0b760917..9ade8af8 100644
--- a/people/12984.html
+++ b/people/12984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12985.html b/people/12985.html
index 5259f4b7..43cda4bf 100644
--- a/people/12985.html
+++ b/people/12985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12986.html b/people/12986.html
index 2b8ed21d..66102c22 100644
--- a/people/12986.html
+++ b/people/12986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12987.html b/people/12987.html
index b886c61c..da8581b4 100644
--- a/people/12987.html
+++ b/people/12987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12988.html b/people/12988.html
index 3904d1fe..8d798650 100644
--- a/people/12988.html
+++ b/people/12988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12989.html b/people/12989.html
index 0ff9b4db..20ab17f6 100644
--- a/people/12989.html
+++ b/people/12989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1299.html b/people/1299.html
index 2c5e37af..70bbbba1 100644
--- a/people/1299.html
+++ b/people/1299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12990.html b/people/12990.html
index f0a992f2..c7b02710 100644
--- a/people/12990.html
+++ b/people/12990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12991.html b/people/12991.html
index 0dd82e4a..59ab9899 100644
--- a/people/12991.html
+++ b/people/12991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12992.html b/people/12992.html
index 9a307508..0bd0ecf8 100644
--- a/people/12992.html
+++ b/people/12992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12993.html b/people/12993.html
index 13a1aa14..cacfdb2b 100644
--- a/people/12993.html
+++ b/people/12993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12994.html b/people/12994.html
index 93773117..21e75493 100644
--- a/people/12994.html
+++ b/people/12994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12995.html b/people/12995.html
index ca1007a1..6c541c50 100644
--- a/people/12995.html
+++ b/people/12995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12996.html b/people/12996.html
index 9f140eaa..8e8dcf0b 100644
--- a/people/12996.html
+++ b/people/12996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12997.html b/people/12997.html
index 9a8a92fd..0e988e47 100644
--- a/people/12997.html
+++ b/people/12997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12998.html b/people/12998.html
index ba4942b1..ee1b33e3 100644
--- a/people/12998.html
+++ b/people/12998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/12999.html b/people/12999.html
index 1f99cd47..3d3ea949 100644
--- a/people/12999.html
+++ b/people/12999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13.html b/people/13.html
index bfc8585e..93a455e9 100644
--- a/people/13.html
+++ b/people/13.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/130.html b/people/130.html
index 79ebe071..12eb6173 100644
--- a/people/130.html
+++ b/people/130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1300.html b/people/1300.html
index 49f1db6e..53cac6b8 100644
--- a/people/1300.html
+++ b/people/1300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13000.html b/people/13000.html
index f2b9e145..5dc7fc59 100644
--- a/people/13000.html
+++ b/people/13000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13001.html b/people/13001.html
index 4b0afbbb..fad5c221 100644
--- a/people/13001.html
+++ b/people/13001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13002.html b/people/13002.html
index c2d1fc91..56805071 100644
--- a/people/13002.html
+++ b/people/13002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13003.html b/people/13003.html
index c0a057cc..fbcbcac8 100644
--- a/people/13003.html
+++ b/people/13003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13004.html b/people/13004.html
index a19c24c6..0833bf7f 100644
--- a/people/13004.html
+++ b/people/13004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13005.html b/people/13005.html
index b73f0a08..ad599438 100644
--- a/people/13005.html
+++ b/people/13005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13006.html b/people/13006.html
index 8dce779f..5d52aef5 100644
--- a/people/13006.html
+++ b/people/13006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13007.html b/people/13007.html
index 4c5674fa..b15402fd 100644
--- a/people/13007.html
+++ b/people/13007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13008.html b/people/13008.html
index 4e0243c8..3fdf528d 100644
--- a/people/13008.html
+++ b/people/13008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13009.html b/people/13009.html
index 0fb5f485..9add401a 100644
--- a/people/13009.html
+++ b/people/13009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1301.html b/people/1301.html
index 7f1216c8..9e3ed816 100644
--- a/people/1301.html
+++ b/people/1301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13010.html b/people/13010.html
index 1b2a0a2c..70422214 100644
--- a/people/13010.html
+++ b/people/13010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13011.html b/people/13011.html
index a62c20fb..422ea769 100644
--- a/people/13011.html
+++ b/people/13011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13012.html b/people/13012.html
index 97c46aca..0d0d3c13 100644
--- a/people/13012.html
+++ b/people/13012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13013.html b/people/13013.html
index 6eaab691..81d7a382 100644
--- a/people/13013.html
+++ b/people/13013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13014.html b/people/13014.html
index d606f246..e934998b 100644
--- a/people/13014.html
+++ b/people/13014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13015.html b/people/13015.html
index 6f709225..517ff063 100644
--- a/people/13015.html
+++ b/people/13015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13016.html b/people/13016.html
index e151c2fc..64aabfba 100644
--- a/people/13016.html
+++ b/people/13016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13017.html b/people/13017.html
index 6763b4e8..056e7cf4 100644
--- a/people/13017.html
+++ b/people/13017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13018.html b/people/13018.html
index 0c0dbbf1..c30a0410 100644
--- a/people/13018.html
+++ b/people/13018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13019.html b/people/13019.html
index fa950468..881dcbe9 100644
--- a/people/13019.html
+++ b/people/13019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1302.html b/people/1302.html
index d131454d..db221c7a 100644
--- a/people/1302.html
+++ b/people/1302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13020.html b/people/13020.html
index cc5c2115..39cfe7a0 100644
--- a/people/13020.html
+++ b/people/13020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13021.html b/people/13021.html
index e4ad2bc2..3ca5bfc6 100644
--- a/people/13021.html
+++ b/people/13021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13022.html b/people/13022.html
index 466a6e0a..395ae833 100644
--- a/people/13022.html
+++ b/people/13022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13023.html b/people/13023.html
index d8735e14..978e1766 100644
--- a/people/13023.html
+++ b/people/13023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13024.html b/people/13024.html
index 2a51dd13..f2be5842 100644
--- a/people/13024.html
+++ b/people/13024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13025.html b/people/13025.html
index 90c70db5..d09f5bfa 100644
--- a/people/13025.html
+++ b/people/13025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13026.html b/people/13026.html
index dc98f57b..c783777d 100644
--- a/people/13026.html
+++ b/people/13026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13027.html b/people/13027.html
index 631522a5..044cd0c4 100644
--- a/people/13027.html
+++ b/people/13027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13028.html b/people/13028.html
index 9c24f729..1be3f1ec 100644
--- a/people/13028.html
+++ b/people/13028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13029.html b/people/13029.html
index 45c1106e..df37519f 100644
--- a/people/13029.html
+++ b/people/13029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1303.html b/people/1303.html
index c55ecb9e..4adb67eb 100644
--- a/people/1303.html
+++ b/people/1303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13030.html b/people/13030.html
index 5f34e6d8..947482d9 100644
--- a/people/13030.html
+++ b/people/13030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13031.html b/people/13031.html
index 6754494b..12f763ca 100644
--- a/people/13031.html
+++ b/people/13031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13032.html b/people/13032.html
index 4ddc5852..cf843a07 100644
--- a/people/13032.html
+++ b/people/13032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13033.html b/people/13033.html
index c74dd346..ae04529d 100644
--- a/people/13033.html
+++ b/people/13033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13034.html b/people/13034.html
index e70c2af0..4a4812d4 100644
--- a/people/13034.html
+++ b/people/13034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13035.html b/people/13035.html
index 9d171469..49494b4f 100644
--- a/people/13035.html
+++ b/people/13035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13036.html b/people/13036.html
index b75d885e..6954f35f 100644
--- a/people/13036.html
+++ b/people/13036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13037.html b/people/13037.html
index b533f5e3..4c64a0d7 100644
--- a/people/13037.html
+++ b/people/13037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13038.html b/people/13038.html
index b8195165..238c4dd8 100644
--- a/people/13038.html
+++ b/people/13038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13039.html b/people/13039.html
index 46478ce9..50794274 100644
--- a/people/13039.html
+++ b/people/13039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1304.html b/people/1304.html
index 2d061d36..a4285d3b 100644
--- a/people/1304.html
+++ b/people/1304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13040.html b/people/13040.html
index 7279f8cc..5509f4a0 100644
--- a/people/13040.html
+++ b/people/13040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13041.html b/people/13041.html
index 80729974..3e2d691e 100644
--- a/people/13041.html
+++ b/people/13041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13042.html b/people/13042.html
index 8cde871d..2559e01a 100644
--- a/people/13042.html
+++ b/people/13042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13043.html b/people/13043.html
index 63cbd118..4d3b2e9f 100644
--- a/people/13043.html
+++ b/people/13043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13044.html b/people/13044.html
index 8fcc1ec6..aa1a0ab9 100644
--- a/people/13044.html
+++ b/people/13044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13045.html b/people/13045.html
index 38a224e5..8f52423e 100644
--- a/people/13045.html
+++ b/people/13045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13046.html b/people/13046.html
index a60c1aef..293f6dc0 100644
--- a/people/13046.html
+++ b/people/13046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13047.html b/people/13047.html
index 3c58ca31..dc0e8de1 100644
--- a/people/13047.html
+++ b/people/13047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13048.html b/people/13048.html
index 1b0bb81a..2bb8838a 100644
--- a/people/13048.html
+++ b/people/13048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13049.html b/people/13049.html
index 3dbff7f7..77be7bf5 100644
--- a/people/13049.html
+++ b/people/13049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1305.html b/people/1305.html
index 2a96c91d..a3ae1c1c 100644
--- a/people/1305.html
+++ b/people/1305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13050.html b/people/13050.html
index 1f5e5007..ddc46892 100644
--- a/people/13050.html
+++ b/people/13050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13051.html b/people/13051.html
index f9710757..53dd72fd 100644
--- a/people/13051.html
+++ b/people/13051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13052.html b/people/13052.html
index 608035b0..7e1036c7 100644
--- a/people/13052.html
+++ b/people/13052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13053.html b/people/13053.html
index cbf25e63..8e33bf7e 100644
--- a/people/13053.html
+++ b/people/13053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13054.html b/people/13054.html
index d90dae77..bea5db2c 100644
--- a/people/13054.html
+++ b/people/13054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13055.html b/people/13055.html
index 8a44c223..54fe925c 100644
--- a/people/13055.html
+++ b/people/13055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13056.html b/people/13056.html
index f0478677..389a9065 100644
--- a/people/13056.html
+++ b/people/13056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13057.html b/people/13057.html
index 3d6607e2..e14c7ae3 100644
--- a/people/13057.html
+++ b/people/13057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13058.html b/people/13058.html
index c486cf03..98d04312 100644
--- a/people/13058.html
+++ b/people/13058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13059.html b/people/13059.html
index 134a564a..8fc56c22 100644
--- a/people/13059.html
+++ b/people/13059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1306.html b/people/1306.html
index 935cfcdc..38ac9bed 100644
--- a/people/1306.html
+++ b/people/1306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13060.html b/people/13060.html
index 94bf3fdb..a5910c85 100644
--- a/people/13060.html
+++ b/people/13060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13061.html b/people/13061.html
index dba0f6d7..bc90e52b 100644
--- a/people/13061.html
+++ b/people/13061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13062.html b/people/13062.html
index 38def5f9..235c72a7 100644
--- a/people/13062.html
+++ b/people/13062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13063.html b/people/13063.html
index 39c7bc4d..0fb1c0ea 100644
--- a/people/13063.html
+++ b/people/13063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13064.html b/people/13064.html
index 1805dbb5..7175d810 100644
--- a/people/13064.html
+++ b/people/13064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13065.html b/people/13065.html
index 5793a823..2b62b41a 100644
--- a/people/13065.html
+++ b/people/13065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13066.html b/people/13066.html
index edbc8075..1fb68f73 100644
--- a/people/13066.html
+++ b/people/13066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13067.html b/people/13067.html
index fdeec84d..c7a629c2 100644
--- a/people/13067.html
+++ b/people/13067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13068.html b/people/13068.html
index c49b86c4..37e84218 100644
--- a/people/13068.html
+++ b/people/13068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13069.html b/people/13069.html
index 85b00864..eb6873fd 100644
--- a/people/13069.html
+++ b/people/13069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1307.html b/people/1307.html
index 3b74d514..9c8692db 100644
--- a/people/1307.html
+++ b/people/1307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13070.html b/people/13070.html
index ddd3748d..361842ec 100644
--- a/people/13070.html
+++ b/people/13070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13071.html b/people/13071.html
index 71b6402b..1bf9889c 100644
--- a/people/13071.html
+++ b/people/13071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13072.html b/people/13072.html
index ff589a70..4a2c827e 100644
--- a/people/13072.html
+++ b/people/13072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13073.html b/people/13073.html
index 50c68733..10620139 100644
--- a/people/13073.html
+++ b/people/13073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13074.html b/people/13074.html
index 68634549..86acddd3 100644
--- a/people/13074.html
+++ b/people/13074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13075.html b/people/13075.html
index 45e95feb..1d9405cd 100644
--- a/people/13075.html
+++ b/people/13075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13076.html b/people/13076.html
index c31476f1..f0cea330 100644
--- a/people/13076.html
+++ b/people/13076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13077.html b/people/13077.html
index f73e5ab6..a883da47 100644
--- a/people/13077.html
+++ b/people/13077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13078.html b/people/13078.html
index 66752ba4..e3fc16ba 100644
--- a/people/13078.html
+++ b/people/13078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13079.html b/people/13079.html
index 44206d5a..99106db4 100644
--- a/people/13079.html
+++ b/people/13079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1308.html b/people/1308.html
index 6e7023de..1a2fd76d 100644
--- a/people/1308.html
+++ b/people/1308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13080.html b/people/13080.html
index 9b05332a..5b23e2d8 100644
--- a/people/13080.html
+++ b/people/13080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13081.html b/people/13081.html
index 7f88bb77..4e193b37 100644
--- a/people/13081.html
+++ b/people/13081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13082.html b/people/13082.html
index effef413..8f3c3bd3 100644
--- a/people/13082.html
+++ b/people/13082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13083.html b/people/13083.html
index d06d72cc..c273aa1e 100644
--- a/people/13083.html
+++ b/people/13083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13084.html b/people/13084.html
index e79baf2a..d51dc74f 100644
--- a/people/13084.html
+++ b/people/13084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13085.html b/people/13085.html
index c43ce0f3..ba8c696c 100644
--- a/people/13085.html
+++ b/people/13085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13086.html b/people/13086.html
index 8d132f93..1676c0f3 100644
--- a/people/13086.html
+++ b/people/13086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13087.html b/people/13087.html
index 77df123a..fbefbb9d 100644
--- a/people/13087.html
+++ b/people/13087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13088.html b/people/13088.html
index 4524a0ca..28596865 100644
--- a/people/13088.html
+++ b/people/13088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13089.html b/people/13089.html
index c4d0ce0e..fb48fa79 100644
--- a/people/13089.html
+++ b/people/13089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1309.html b/people/1309.html
index 44feb5aa..330e12a2 100644
--- a/people/1309.html
+++ b/people/1309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13090.html b/people/13090.html
index 100d0cd5..36aac1cc 100644
--- a/people/13090.html
+++ b/people/13090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13091.html b/people/13091.html
index 0e29278e..1893bf2a 100644
--- a/people/13091.html
+++ b/people/13091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13092.html b/people/13092.html
index e78e5574..e20755e1 100644
--- a/people/13092.html
+++ b/people/13092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13093.html b/people/13093.html
index f151ab69..c7b10b5f 100644
--- a/people/13093.html
+++ b/people/13093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13094.html b/people/13094.html
index 9a3b0658..5e31d8ab 100644
--- a/people/13094.html
+++ b/people/13094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13095.html b/people/13095.html
index 4f6450b2..08b65a35 100644
--- a/people/13095.html
+++ b/people/13095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13096.html b/people/13096.html
index 0b8cb604..21d91db1 100644
--- a/people/13096.html
+++ b/people/13096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13097.html b/people/13097.html
index 6b0d5e3a..54076c8d 100644
--- a/people/13097.html
+++ b/people/13097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13098.html b/people/13098.html
index 29b7d982..519901ee 100644
--- a/people/13098.html
+++ b/people/13098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13099.html b/people/13099.html
index 6190757e..5f21d231 100644
--- a/people/13099.html
+++ b/people/13099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/131.html b/people/131.html
index 66f7c10c..62a8ad47 100644
--- a/people/131.html
+++ b/people/131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1310.html b/people/1310.html
index 15ddeecb..f4f696e2 100644
--- a/people/1310.html
+++ b/people/1310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13100.html b/people/13100.html
index 721581ec..7b87f489 100644
--- a/people/13100.html
+++ b/people/13100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13101.html b/people/13101.html
index d1e7fbd2..217a0cf4 100644
--- a/people/13101.html
+++ b/people/13101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13102.html b/people/13102.html
index 207d8ce4..c7ed5158 100644
--- a/people/13102.html
+++ b/people/13102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13103.html b/people/13103.html
index a165bdd9..206597ac 100644
--- a/people/13103.html
+++ b/people/13103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13104.html b/people/13104.html
index 0592e266..5f90f0c8 100644
--- a/people/13104.html
+++ b/people/13104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13105.html b/people/13105.html
index 99890d07..b0644295 100644
--- a/people/13105.html
+++ b/people/13105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13106.html b/people/13106.html
index dc92e357..32bc0b85 100644
--- a/people/13106.html
+++ b/people/13106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13107.html b/people/13107.html
index 79154437..f0e9178a 100644
--- a/people/13107.html
+++ b/people/13107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13108.html b/people/13108.html
index cf6d9f07..de575f6e 100644
--- a/people/13108.html
+++ b/people/13108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13109.html b/people/13109.html
index 223f61ec..8afaf2be 100644
--- a/people/13109.html
+++ b/people/13109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1311.html b/people/1311.html
index 512d657f..b57df2e1 100644
--- a/people/1311.html
+++ b/people/1311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13110.html b/people/13110.html
index 9c73f335..e6d9ec63 100644
--- a/people/13110.html
+++ b/people/13110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13111.html b/people/13111.html
index 9abcb688..b6724d1e 100644
--- a/people/13111.html
+++ b/people/13111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13112.html b/people/13112.html
index 8c41b075..7ad8e699 100644
--- a/people/13112.html
+++ b/people/13112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13113.html b/people/13113.html
index 4b894e95..62d12055 100644
--- a/people/13113.html
+++ b/people/13113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13114.html b/people/13114.html
index 8f95ba86..47c7cec9 100644
--- a/people/13114.html
+++ b/people/13114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13115.html b/people/13115.html
index ff43c19f..776cd2c8 100644
--- a/people/13115.html
+++ b/people/13115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13116.html b/people/13116.html
index 2f155ae4..0f659f0a 100644
--- a/people/13116.html
+++ b/people/13116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13117.html b/people/13117.html
index 2bf89f44..452ea194 100644
--- a/people/13117.html
+++ b/people/13117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13118.html b/people/13118.html
index f7c6d04b..dbee9d06 100644
--- a/people/13118.html
+++ b/people/13118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13119.html b/people/13119.html
index 6fcee66f..2dd84ca9 100644
--- a/people/13119.html
+++ b/people/13119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1312.html b/people/1312.html
index 6416aafb..06f52d76 100644
--- a/people/1312.html
+++ b/people/1312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13120.html b/people/13120.html
index d52c06bd..bcecd554 100644
--- a/people/13120.html
+++ b/people/13120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13121.html b/people/13121.html
index fb890e73..75ced233 100644
--- a/people/13121.html
+++ b/people/13121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13122.html b/people/13122.html
index fd4df655..6a36cbe1 100644
--- a/people/13122.html
+++ b/people/13122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13123.html b/people/13123.html
index c1332b4e..0398171d 100644
--- a/people/13123.html
+++ b/people/13123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13124.html b/people/13124.html
index c66e57aa..c20263a8 100644
--- a/people/13124.html
+++ b/people/13124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13125.html b/people/13125.html
index 022a7eda..18ae6c85 100644
--- a/people/13125.html
+++ b/people/13125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13126.html b/people/13126.html
index a716867a..054ece9e 100644
--- a/people/13126.html
+++ b/people/13126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13127.html b/people/13127.html
index 36dea455..fbe713fa 100644
--- a/people/13127.html
+++ b/people/13127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13128.html b/people/13128.html
index 1808ccc3..044a1be6 100644
--- a/people/13128.html
+++ b/people/13128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13129.html b/people/13129.html
index 71c4caa9..e1c82525 100644
--- a/people/13129.html
+++ b/people/13129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1313.html b/people/1313.html
index d6b2ee4a..f63016d1 100644
--- a/people/1313.html
+++ b/people/1313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13130.html b/people/13130.html
index 8dd5509a..db09ee9d 100644
--- a/people/13130.html
+++ b/people/13130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13131.html b/people/13131.html
index afefd354..a1980f5a 100644
--- a/people/13131.html
+++ b/people/13131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13132.html b/people/13132.html
index 6683f001..0d3db3a0 100644
--- a/people/13132.html
+++ b/people/13132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13133.html b/people/13133.html
index 051fa105..2a45cd67 100644
--- a/people/13133.html
+++ b/people/13133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13134.html b/people/13134.html
index 019c55be..7f3337b2 100644
--- a/people/13134.html
+++ b/people/13134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13135.html b/people/13135.html
index c4ff0157..952a4016 100644
--- a/people/13135.html
+++ b/people/13135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13136.html b/people/13136.html
index 707aefdc..09d9e47c 100644
--- a/people/13136.html
+++ b/people/13136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13137.html b/people/13137.html
index df4a44fc..63e1b615 100644
--- a/people/13137.html
+++ b/people/13137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13138.html b/people/13138.html
index 4947ad88..e12e7a5a 100644
--- a/people/13138.html
+++ b/people/13138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13139.html b/people/13139.html
index 6c8b544d..f898b197 100644
--- a/people/13139.html
+++ b/people/13139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1314.html b/people/1314.html
index f9dfc46f..2fa6217a 100644
--- a/people/1314.html
+++ b/people/1314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13140.html b/people/13140.html
index 26c0dd16..ae47e439 100644
--- a/people/13140.html
+++ b/people/13140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13141.html b/people/13141.html
index 415f8ae0..c6b5079c 100644
--- a/people/13141.html
+++ b/people/13141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13142.html b/people/13142.html
index 1d5a5879..021c21ca 100644
--- a/people/13142.html
+++ b/people/13142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13143.html b/people/13143.html
index 5c9cb327..aa3ed3a8 100644
--- a/people/13143.html
+++ b/people/13143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13144.html b/people/13144.html
index f2be7621..15cdda05 100644
--- a/people/13144.html
+++ b/people/13144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13145.html b/people/13145.html
index e44f582f..2e16a454 100644
--- a/people/13145.html
+++ b/people/13145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13146.html b/people/13146.html
index 1eb00d42..f430d85e 100644
--- a/people/13146.html
+++ b/people/13146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13147.html b/people/13147.html
index 0fe61201..c1b335c3 100644
--- a/people/13147.html
+++ b/people/13147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13148.html b/people/13148.html
index d0d68915..b90db954 100644
--- a/people/13148.html
+++ b/people/13148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13149.html b/people/13149.html
index 9fe712b2..b16a19ff 100644
--- a/people/13149.html
+++ b/people/13149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1315.html b/people/1315.html
index 056a877c..7f392437 100644
--- a/people/1315.html
+++ b/people/1315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13150.html b/people/13150.html
index 5b4d0e72..5f02cf4e 100644
--- a/people/13150.html
+++ b/people/13150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13151.html b/people/13151.html
index 3a95a921..305c6281 100644
--- a/people/13151.html
+++ b/people/13151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13152.html b/people/13152.html
index 662c4bbb..a159d2a8 100644
--- a/people/13152.html
+++ b/people/13152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13153.html b/people/13153.html
index 3c75ae8f..d31e9c6d 100644
--- a/people/13153.html
+++ b/people/13153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13154.html b/people/13154.html
index d14f4d41..4e136669 100644
--- a/people/13154.html
+++ b/people/13154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13155.html b/people/13155.html
index fa149feb..6ec6709b 100644
--- a/people/13155.html
+++ b/people/13155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13156.html b/people/13156.html
index dbcba687..6e5bdbc0 100644
--- a/people/13156.html
+++ b/people/13156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13157.html b/people/13157.html
index 42220ae3..927635fa 100644
--- a/people/13157.html
+++ b/people/13157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13158.html b/people/13158.html
index efef81db..c4696385 100644
--- a/people/13158.html
+++ b/people/13158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13159.html b/people/13159.html
index 32177b15..37eca0b7 100644
--- a/people/13159.html
+++ b/people/13159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1316.html b/people/1316.html
index 6d7faf54..c2821491 100644
--- a/people/1316.html
+++ b/people/1316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13160.html b/people/13160.html
index 47b5276c..c4a7fdc0 100644
--- a/people/13160.html
+++ b/people/13160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13161.html b/people/13161.html
index 58d8957f..c8fb8d4c 100644
--- a/people/13161.html
+++ b/people/13161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13162.html b/people/13162.html
index dc7e1504..1682bf5e 100644
--- a/people/13162.html
+++ b/people/13162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13163.html b/people/13163.html
index 44b2e106..97e68179 100644
--- a/people/13163.html
+++ b/people/13163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13164.html b/people/13164.html
index 135a6f19..31f0e267 100644
--- a/people/13164.html
+++ b/people/13164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13165.html b/people/13165.html
index f4629254..765e01b6 100644
--- a/people/13165.html
+++ b/people/13165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13166.html b/people/13166.html
index 1b45ba0b..a6fa51f4 100644
--- a/people/13166.html
+++ b/people/13166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13167.html b/people/13167.html
index 0becf211..3593d90c 100644
--- a/people/13167.html
+++ b/people/13167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13168.html b/people/13168.html
index 132c93eb..7841e9fe 100644
--- a/people/13168.html
+++ b/people/13168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13169.html b/people/13169.html
index 2313563b..345822d3 100644
--- a/people/13169.html
+++ b/people/13169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1317.html b/people/1317.html
index d14b0a03..ced8692b 100644
--- a/people/1317.html
+++ b/people/1317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13170.html b/people/13170.html
index 1b19fafc..a288fa5d 100644
--- a/people/13170.html
+++ b/people/13170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13171.html b/people/13171.html
index 8247179e..51de05ed 100644
--- a/people/13171.html
+++ b/people/13171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13172.html b/people/13172.html
index 34a93f4d..51496c85 100644
--- a/people/13172.html
+++ b/people/13172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13173.html b/people/13173.html
index c177a5a9..1fc1062f 100644
--- a/people/13173.html
+++ b/people/13173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13174.html b/people/13174.html
index 4f7e356a..efa19f1a 100644
--- a/people/13174.html
+++ b/people/13174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13175.html b/people/13175.html
index fa6b2d20..bf5fe550 100644
--- a/people/13175.html
+++ b/people/13175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13176.html b/people/13176.html
index 77de4663..3802512a 100644
--- a/people/13176.html
+++ b/people/13176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13177.html b/people/13177.html
index 66b344a4..3a42cf3e 100644
--- a/people/13177.html
+++ b/people/13177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13178.html b/people/13178.html
index 0658dee3..d838ff0d 100644
--- a/people/13178.html
+++ b/people/13178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13179.html b/people/13179.html
index de4a3bc5..d9302d0d 100644
--- a/people/13179.html
+++ b/people/13179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1318.html b/people/1318.html
index f0a624c1..333c3e6b 100644
--- a/people/1318.html
+++ b/people/1318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13180.html b/people/13180.html
index 98cd66ab..d7037201 100644
--- a/people/13180.html
+++ b/people/13180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13181.html b/people/13181.html
index ea94853e..e172aee7 100644
--- a/people/13181.html
+++ b/people/13181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13182.html b/people/13182.html
index f23e21c0..297dc439 100644
--- a/people/13182.html
+++ b/people/13182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13183.html b/people/13183.html
index 02736999..d6dee7fc 100644
--- a/people/13183.html
+++ b/people/13183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13184.html b/people/13184.html
index d04dd4ae..68cd9528 100644
--- a/people/13184.html
+++ b/people/13184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13185.html b/people/13185.html
index c71bbc2f..0dc6d801 100644
--- a/people/13185.html
+++ b/people/13185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13186.html b/people/13186.html
index c1cbbb03..c25d4ed8 100644
--- a/people/13186.html
+++ b/people/13186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13187.html b/people/13187.html
index 6e2772ac..bceee6cd 100644
--- a/people/13187.html
+++ b/people/13187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13188.html b/people/13188.html
index 51596c44..692c338e 100644
--- a/people/13188.html
+++ b/people/13188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13189.html b/people/13189.html
index ddbd0c29..ad9f8048 100644
--- a/people/13189.html
+++ b/people/13189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1319.html b/people/1319.html
index de82adb1..fd6cb651 100644
--- a/people/1319.html
+++ b/people/1319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13190.html b/people/13190.html
index 7512913b..5606da71 100644
--- a/people/13190.html
+++ b/people/13190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13191.html b/people/13191.html
index 4da60654..3c4d0520 100644
--- a/people/13191.html
+++ b/people/13191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13192.html b/people/13192.html
index 8f9cc4e1..477b5e90 100644
--- a/people/13192.html
+++ b/people/13192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13193.html b/people/13193.html
index bc9b3b7b..fc120ce3 100644
--- a/people/13193.html
+++ b/people/13193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13194.html b/people/13194.html
index 5bc1859c..ed5b85a6 100644
--- a/people/13194.html
+++ b/people/13194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13195.html b/people/13195.html
index 21c4798c..70eb41a0 100644
--- a/people/13195.html
+++ b/people/13195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13196.html b/people/13196.html
index f08cb137..54fec2a3 100644
--- a/people/13196.html
+++ b/people/13196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13197.html b/people/13197.html
index fd3d31e9..be258b6b 100644
--- a/people/13197.html
+++ b/people/13197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13198.html b/people/13198.html
index 13ab666d..efb1d4c3 100644
--- a/people/13198.html
+++ b/people/13198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13199.html b/people/13199.html
index b29fe28c..fbfd4214 100644
--- a/people/13199.html
+++ b/people/13199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/132.html b/people/132.html
index 2aaa99d1..08199a93 100644
--- a/people/132.html
+++ b/people/132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1320.html b/people/1320.html
index 3484b951..e9782c53 100644
--- a/people/1320.html
+++ b/people/1320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13200.html b/people/13200.html
index c171af52..914f8b8c 100644
--- a/people/13200.html
+++ b/people/13200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13201.html b/people/13201.html
index caac319a..402f60ed 100644
--- a/people/13201.html
+++ b/people/13201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13202.html b/people/13202.html
index df62eae5..9c5d7cd6 100644
--- a/people/13202.html
+++ b/people/13202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13203.html b/people/13203.html
index 47025d74..ae4ebb4a 100644
--- a/people/13203.html
+++ b/people/13203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13204.html b/people/13204.html
index 428e24df..bcd648c1 100644
--- a/people/13204.html
+++ b/people/13204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13205.html b/people/13205.html
index b52f8802..e6a3be24 100644
--- a/people/13205.html
+++ b/people/13205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13206.html b/people/13206.html
index 601b9dbd..9e93f853 100644
--- a/people/13206.html
+++ b/people/13206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13207.html b/people/13207.html
index fdbc164c..1a4b0573 100644
--- a/people/13207.html
+++ b/people/13207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13208.html b/people/13208.html
index 65edf740..b045f0bf 100644
--- a/people/13208.html
+++ b/people/13208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13209.html b/people/13209.html
index 3dd67f6f..d85b8531 100644
--- a/people/13209.html
+++ b/people/13209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1321.html b/people/1321.html
index 6ef288b0..13dc600b 100644
--- a/people/1321.html
+++ b/people/1321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13210.html b/people/13210.html
index 9d88c797..90b26625 100644
--- a/people/13210.html
+++ b/people/13210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13211.html b/people/13211.html
index 751679ec..82469892 100644
--- a/people/13211.html
+++ b/people/13211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13212.html b/people/13212.html
index 2d14c520..2a706515 100644
--- a/people/13212.html
+++ b/people/13212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13213.html b/people/13213.html
index 6193dcdf..44641fbb 100644
--- a/people/13213.html
+++ b/people/13213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13214.html b/people/13214.html
index 8f9c7c1d..6d6eec2c 100644
--- a/people/13214.html
+++ b/people/13214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13215.html b/people/13215.html
index 2ac4c6d3..55005029 100644
--- a/people/13215.html
+++ b/people/13215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13216.html b/people/13216.html
index 1461ef63..59bf29e0 100644
--- a/people/13216.html
+++ b/people/13216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13217.html b/people/13217.html
index deef9539..78094b70 100644
--- a/people/13217.html
+++ b/people/13217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13218.html b/people/13218.html
index 827f98f3..0f931a91 100644
--- a/people/13218.html
+++ b/people/13218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13219.html b/people/13219.html
index 6e3fb51d..8bb008a9 100644
--- a/people/13219.html
+++ b/people/13219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1322.html b/people/1322.html
index 5ba0ce49..48abe46d 100644
--- a/people/1322.html
+++ b/people/1322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13220.html b/people/13220.html
index 3748af35..8622540b 100644
--- a/people/13220.html
+++ b/people/13220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13221.html b/people/13221.html
index 76743836..12542eb1 100644
--- a/people/13221.html
+++ b/people/13221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13222.html b/people/13222.html
index 5e19eb7f..ee4b4415 100644
--- a/people/13222.html
+++ b/people/13222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13223.html b/people/13223.html
index 1306806f..63d6c8a1 100644
--- a/people/13223.html
+++ b/people/13223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13224.html b/people/13224.html
index e75e1c72..54e3cd79 100644
--- a/people/13224.html
+++ b/people/13224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13225.html b/people/13225.html
index 62139cac..6bcd6cfe 100644
--- a/people/13225.html
+++ b/people/13225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13226.html b/people/13226.html
index 67cae37c..2db49d4f 100644
--- a/people/13226.html
+++ b/people/13226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13227.html b/people/13227.html
index 3541967b..f80972da 100644
--- a/people/13227.html
+++ b/people/13227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13228.html b/people/13228.html
index b1030a47..1892783c 100644
--- a/people/13228.html
+++ b/people/13228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13229.html b/people/13229.html
index 98563add..0abfdb24 100644
--- a/people/13229.html
+++ b/people/13229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1323.html b/people/1323.html
index 0cb4fb4d..fad2ec06 100644
--- a/people/1323.html
+++ b/people/1323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13230.html b/people/13230.html
index 071c5a1e..e88fcb24 100644
--- a/people/13230.html
+++ b/people/13230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13231.html b/people/13231.html
index 4af0a3ad..512f2999 100644
--- a/people/13231.html
+++ b/people/13231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13232.html b/people/13232.html
index 524fb361..f59fa11e 100644
--- a/people/13232.html
+++ b/people/13232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13233.html b/people/13233.html
index 23d0209c..177655bc 100644
--- a/people/13233.html
+++ b/people/13233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13234.html b/people/13234.html
index 03ddf552..c3cc357d 100644
--- a/people/13234.html
+++ b/people/13234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13235.html b/people/13235.html
index 835c2cae..bdd7f980 100644
--- a/people/13235.html
+++ b/people/13235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13236.html b/people/13236.html
index 6eb88363..24682f21 100644
--- a/people/13236.html
+++ b/people/13236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13237.html b/people/13237.html
index 5c083ac2..c4d250ed 100644
--- a/people/13237.html
+++ b/people/13237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13238.html b/people/13238.html
index 1b4de2f5..6efc8fd1 100644
--- a/people/13238.html
+++ b/people/13238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13239.html b/people/13239.html
index 602356ff..ef0d04da 100644
--- a/people/13239.html
+++ b/people/13239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1324.html b/people/1324.html
index 3bf66782..bd86b457 100644
--- a/people/1324.html
+++ b/people/1324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13240.html b/people/13240.html
index 3e668f34..504c9264 100644
--- a/people/13240.html
+++ b/people/13240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13241.html b/people/13241.html
index d261aab6..5da0bd59 100644
--- a/people/13241.html
+++ b/people/13241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13242.html b/people/13242.html
index a7f11fb3..1ca0c40b 100644
--- a/people/13242.html
+++ b/people/13242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13243.html b/people/13243.html
index 87edbc9e..eab5e2cc 100644
--- a/people/13243.html
+++ b/people/13243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13244.html b/people/13244.html
index 01911dd8..dd1231df 100644
--- a/people/13244.html
+++ b/people/13244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13245.html b/people/13245.html
index e6a4f6a8..47df4142 100644
--- a/people/13245.html
+++ b/people/13245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13246.html b/people/13246.html
index 5ecb07bb..4e645b10 100644
--- a/people/13246.html
+++ b/people/13246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13247.html b/people/13247.html
index 22c4fabe..24538131 100644
--- a/people/13247.html
+++ b/people/13247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13248.html b/people/13248.html
index dad3d9b7..a462f96f 100644
--- a/people/13248.html
+++ b/people/13248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13249.html b/people/13249.html
index d07cd1cc..68faa6fe 100644
--- a/people/13249.html
+++ b/people/13249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1325.html b/people/1325.html
index 817a2d14..58232f95 100644
--- a/people/1325.html
+++ b/people/1325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13250.html b/people/13250.html
index 3072d59d..1002fe84 100644
--- a/people/13250.html
+++ b/people/13250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13251.html b/people/13251.html
index b73a7ca4..f37d3c1b 100644
--- a/people/13251.html
+++ b/people/13251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13252.html b/people/13252.html
index 1d4ca2f5..35892394 100644
--- a/people/13252.html
+++ b/people/13252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13253.html b/people/13253.html
index 1bc8d238..0e6f00f8 100644
--- a/people/13253.html
+++ b/people/13253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13254.html b/people/13254.html
index 3552d5dc..883c9955 100644
--- a/people/13254.html
+++ b/people/13254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13255.html b/people/13255.html
index e8ec2765..34e8769e 100644
--- a/people/13255.html
+++ b/people/13255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13256.html b/people/13256.html
index 8bf4a803..3a8701fd 100644
--- a/people/13256.html
+++ b/people/13256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13257.html b/people/13257.html
index 44ee0101..9f20daeb 100644
--- a/people/13257.html
+++ b/people/13257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13258.html b/people/13258.html
index 909b96fb..acf5e163 100644
--- a/people/13258.html
+++ b/people/13258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13259.html b/people/13259.html
index a0d63b28..3772de3a 100644
--- a/people/13259.html
+++ b/people/13259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1326.html b/people/1326.html
index c5be32de..f90c609b 100644
--- a/people/1326.html
+++ b/people/1326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13260.html b/people/13260.html
index 67cb9ebd..6364cd8d 100644
--- a/people/13260.html
+++ b/people/13260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13261.html b/people/13261.html
index 41b4da19..e4ba1455 100644
--- a/people/13261.html
+++ b/people/13261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13262.html b/people/13262.html
index 9ea8c46d..c9449253 100644
--- a/people/13262.html
+++ b/people/13262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13263.html b/people/13263.html
index 1c954806..1ba8b0ba 100644
--- a/people/13263.html
+++ b/people/13263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13264.html b/people/13264.html
index cf412a01..abbeae63 100644
--- a/people/13264.html
+++ b/people/13264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13265.html b/people/13265.html
index 280f1504..529ad988 100644
--- a/people/13265.html
+++ b/people/13265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13266.html b/people/13266.html
index c78544f6..1a700ab0 100644
--- a/people/13266.html
+++ b/people/13266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13267.html b/people/13267.html
index 4f33f109..864139ec 100644
--- a/people/13267.html
+++ b/people/13267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13268.html b/people/13268.html
index 27dde1c9..01fc706b 100644
--- a/people/13268.html
+++ b/people/13268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13269.html b/people/13269.html
index d7c4dc88..1c134a01 100644
--- a/people/13269.html
+++ b/people/13269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1327.html b/people/1327.html
index cf04ea19..1492eea1 100644
--- a/people/1327.html
+++ b/people/1327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13270.html b/people/13270.html
index e3500b8e..d96265cb 100644
--- a/people/13270.html
+++ b/people/13270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13271.html b/people/13271.html
index 762a7d66..bef49f3d 100644
--- a/people/13271.html
+++ b/people/13271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13272.html b/people/13272.html
index 6818bd6e..d7f7ac81 100644
--- a/people/13272.html
+++ b/people/13272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13273.html b/people/13273.html
index c6a4b5f2..cc88d067 100644
--- a/people/13273.html
+++ b/people/13273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13274.html b/people/13274.html
index 683de48e..d5f1a4bd 100644
--- a/people/13274.html
+++ b/people/13274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13275.html b/people/13275.html
index 53d3d0f0..f404353d 100644
--- a/people/13275.html
+++ b/people/13275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13276.html b/people/13276.html
index d3932411..3f41e2ed 100644
--- a/people/13276.html
+++ b/people/13276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13277.html b/people/13277.html
index 95dda2a5..cd03b274 100644
--- a/people/13277.html
+++ b/people/13277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13278.html b/people/13278.html
index 8e9c6302..67dab200 100644
--- a/people/13278.html
+++ b/people/13278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13279.html b/people/13279.html
index 16aff0b6..a384d39c 100644
--- a/people/13279.html
+++ b/people/13279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1328.html b/people/1328.html
index 594616b0..873c002a 100644
--- a/people/1328.html
+++ b/people/1328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13280.html b/people/13280.html
index 94160b6f..ec132260 100644
--- a/people/13280.html
+++ b/people/13280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13281.html b/people/13281.html
index 034a98a4..5f9db767 100644
--- a/people/13281.html
+++ b/people/13281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13282.html b/people/13282.html
index 2ee1f6cb..6ac81ebb 100644
--- a/people/13282.html
+++ b/people/13282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13283.html b/people/13283.html
index 9368272a..19be307d 100644
--- a/people/13283.html
+++ b/people/13283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13284.html b/people/13284.html
index b62e12fc..e142ea6f 100644
--- a/people/13284.html
+++ b/people/13284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13285.html b/people/13285.html
index b5719b6a..97ddd645 100644
--- a/people/13285.html
+++ b/people/13285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13286.html b/people/13286.html
index 2bea1d89..0f0bd9cc 100644
--- a/people/13286.html
+++ b/people/13286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13287.html b/people/13287.html
index 4c659842..35473499 100644
--- a/people/13287.html
+++ b/people/13287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13288.html b/people/13288.html
index 3c6159a0..ea9bdcaf 100644
--- a/people/13288.html
+++ b/people/13288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13289.html b/people/13289.html
index 30f8de73..1de95aee 100644
--- a/people/13289.html
+++ b/people/13289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1329.html b/people/1329.html
index 9c71e41d..ec1071cc 100644
--- a/people/1329.html
+++ b/people/1329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13290.html b/people/13290.html
index 961eb43e..572167e2 100644
--- a/people/13290.html
+++ b/people/13290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13291.html b/people/13291.html
index b816db3b..f9440fb2 100644
--- a/people/13291.html
+++ b/people/13291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13292.html b/people/13292.html
index 2be7fa09..d8cb8a15 100644
--- a/people/13292.html
+++ b/people/13292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13293.html b/people/13293.html
index 3013bcab..0a124a5f 100644
--- a/people/13293.html
+++ b/people/13293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13294.html b/people/13294.html
index 516fe327..9c263016 100644
--- a/people/13294.html
+++ b/people/13294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13295.html b/people/13295.html
index 8c1a949b..7ec0ee60 100644
--- a/people/13295.html
+++ b/people/13295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13296.html b/people/13296.html
index 8890d32b..43cee946 100644
--- a/people/13296.html
+++ b/people/13296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13297.html b/people/13297.html
index 15852fe3..ad5570d6 100644
--- a/people/13297.html
+++ b/people/13297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13298.html b/people/13298.html
index f78db801..52e7dcef 100644
--- a/people/13298.html
+++ b/people/13298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13299.html b/people/13299.html
index 65852a1e..6bece418 100644
--- a/people/13299.html
+++ b/people/13299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/133.html b/people/133.html
index 3490017b..2cbf7938 100644
--- a/people/133.html
+++ b/people/133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1330.html b/people/1330.html
index 7eb5d995..4c56fd2f 100644
--- a/people/1330.html
+++ b/people/1330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13300.html b/people/13300.html
index 1bc1fab0..1329f21c 100644
--- a/people/13300.html
+++ b/people/13300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13301.html b/people/13301.html
index c180930b..5ededd0a 100644
--- a/people/13301.html
+++ b/people/13301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13302.html b/people/13302.html
index 71cb87fd..c9e91349 100644
--- a/people/13302.html
+++ b/people/13302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13303.html b/people/13303.html
index ec89f1d8..b7a7f729 100644
--- a/people/13303.html
+++ b/people/13303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13304.html b/people/13304.html
index 36be62f0..c4017424 100644
--- a/people/13304.html
+++ b/people/13304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13305.html b/people/13305.html
index 657107d2..666c1146 100644
--- a/people/13305.html
+++ b/people/13305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13306.html b/people/13306.html
index 66af56f9..2f57e09e 100644
--- a/people/13306.html
+++ b/people/13306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13307.html b/people/13307.html
index 285369f2..e371f1d4 100644
--- a/people/13307.html
+++ b/people/13307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13308.html b/people/13308.html
index ac07393a..936a8996 100644
--- a/people/13308.html
+++ b/people/13308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13309.html b/people/13309.html
index ebcc897b..9ee1841a 100644
--- a/people/13309.html
+++ b/people/13309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1331.html b/people/1331.html
index 6638a8a6..9f62ee2d 100644
--- a/people/1331.html
+++ b/people/1331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13310.html b/people/13310.html
index c0174c30..5bdef806 100644
--- a/people/13310.html
+++ b/people/13310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13311.html b/people/13311.html
index 8a28140e..38234481 100644
--- a/people/13311.html
+++ b/people/13311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13312.html b/people/13312.html
index d53a4de4..78d077cb 100644
--- a/people/13312.html
+++ b/people/13312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13313.html b/people/13313.html
index f4280063..718616e3 100644
--- a/people/13313.html
+++ b/people/13313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13314.html b/people/13314.html
index 92f9e0f4..16b6ea50 100644
--- a/people/13314.html
+++ b/people/13314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13315.html b/people/13315.html
index aee84da4..786aef30 100644
--- a/people/13315.html
+++ b/people/13315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13316.html b/people/13316.html
index c15f2155..8e8f1c98 100644
--- a/people/13316.html
+++ b/people/13316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13317.html b/people/13317.html
index 8e0fc5d5..e581a50e 100644
--- a/people/13317.html
+++ b/people/13317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13318.html b/people/13318.html
index 9afdd5ab..6bf78000 100644
--- a/people/13318.html
+++ b/people/13318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13319.html b/people/13319.html
index f7101e4d..a343c824 100644
--- a/people/13319.html
+++ b/people/13319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1332.html b/people/1332.html
index c3da84e7..6e1599bb 100644
--- a/people/1332.html
+++ b/people/1332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13320.html b/people/13320.html
index eac13d10..b05fe73e 100644
--- a/people/13320.html
+++ b/people/13320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13321.html b/people/13321.html
index 53641aa1..31142030 100644
--- a/people/13321.html
+++ b/people/13321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13322.html b/people/13322.html
index 6eb042d3..21a4c4c4 100644
--- a/people/13322.html
+++ b/people/13322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13323.html b/people/13323.html
index db624cb9..1e577e2a 100644
--- a/people/13323.html
+++ b/people/13323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13324.html b/people/13324.html
index 8d1d9cc3..401f877b 100644
--- a/people/13324.html
+++ b/people/13324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13325.html b/people/13325.html
index a62ad71f..22cf14e7 100644
--- a/people/13325.html
+++ b/people/13325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13326.html b/people/13326.html
index 81b3f304..fa62458f 100644
--- a/people/13326.html
+++ b/people/13326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13327.html b/people/13327.html
index 67391a50..2be0b456 100644
--- a/people/13327.html
+++ b/people/13327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13328.html b/people/13328.html
index dade1d8c..d54bc30e 100644
--- a/people/13328.html
+++ b/people/13328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13329.html b/people/13329.html
index 19316439..0c7dc183 100644
--- a/people/13329.html
+++ b/people/13329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1333.html b/people/1333.html
index 062b59d7..c1f09341 100644
--- a/people/1333.html
+++ b/people/1333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13330.html b/people/13330.html
index 61af7c0f..9cd6fac9 100644
--- a/people/13330.html
+++ b/people/13330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13331.html b/people/13331.html
index 7ac26b87..80099bea 100644
--- a/people/13331.html
+++ b/people/13331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13332.html b/people/13332.html
index f6b7719b..3d960a4b 100644
--- a/people/13332.html
+++ b/people/13332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13333.html b/people/13333.html
index d9f467e7..3efffc2c 100644
--- a/people/13333.html
+++ b/people/13333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13334.html b/people/13334.html
index 8576ce3c..2cb03b8e 100644
--- a/people/13334.html
+++ b/people/13334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13335.html b/people/13335.html
index 96f44773..15e5e495 100644
--- a/people/13335.html
+++ b/people/13335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13336.html b/people/13336.html
index 744efc11..70739cc3 100644
--- a/people/13336.html
+++ b/people/13336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13337.html b/people/13337.html
index 9f85a2bf..47f2d7e9 100644
--- a/people/13337.html
+++ b/people/13337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13338.html b/people/13338.html
index e879d9d4..0604ed19 100644
--- a/people/13338.html
+++ b/people/13338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13339.html b/people/13339.html
index ec0ce242..7425a072 100644
--- a/people/13339.html
+++ b/people/13339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1334.html b/people/1334.html
index a2d756d8..3116a260 100644
--- a/people/1334.html
+++ b/people/1334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13340.html b/people/13340.html
index 751ab704..5b427427 100644
--- a/people/13340.html
+++ b/people/13340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13341.html b/people/13341.html
index 29e6aec9..ed842d89 100644
--- a/people/13341.html
+++ b/people/13341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13342.html b/people/13342.html
index bcfe0d87..6fefd225 100644
--- a/people/13342.html
+++ b/people/13342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13343.html b/people/13343.html
index 154338b1..fa328b82 100644
--- a/people/13343.html
+++ b/people/13343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13344.html b/people/13344.html
index eb1af37e..90e10326 100644
--- a/people/13344.html
+++ b/people/13344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13345.html b/people/13345.html
index 52532639..4697a863 100644
--- a/people/13345.html
+++ b/people/13345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13346.html b/people/13346.html
index 501f308b..d041b27a 100644
--- a/people/13346.html
+++ b/people/13346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13347.html b/people/13347.html
index 38212401..9a031bf7 100644
--- a/people/13347.html
+++ b/people/13347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13348.html b/people/13348.html
index 7cecffb0..37166da0 100644
--- a/people/13348.html
+++ b/people/13348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13349.html b/people/13349.html
index a97d5165..15422925 100644
--- a/people/13349.html
+++ b/people/13349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1335.html b/people/1335.html
index 476b175c..a3968e93 100644
--- a/people/1335.html
+++ b/people/1335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13350.html b/people/13350.html
index 521a621b..74ddd8aa 100644
--- a/people/13350.html
+++ b/people/13350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13351.html b/people/13351.html
index cf696778..13635dd5 100644
--- a/people/13351.html
+++ b/people/13351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13352.html b/people/13352.html
index d200df9a..4884afdd 100644
--- a/people/13352.html
+++ b/people/13352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13353.html b/people/13353.html
index 23c5180a..abfb5fb9 100644
--- a/people/13353.html
+++ b/people/13353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13354.html b/people/13354.html
index 5ec3470e..73382c58 100644
--- a/people/13354.html
+++ b/people/13354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13355.html b/people/13355.html
index 898dec19..2e3d3634 100644
--- a/people/13355.html
+++ b/people/13355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13356.html b/people/13356.html
index 546ee8bc..d9f4ebc4 100644
--- a/people/13356.html
+++ b/people/13356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13357.html b/people/13357.html
index b2258231..65edf64c 100644
--- a/people/13357.html
+++ b/people/13357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13358.html b/people/13358.html
index 6653217d..554edb71 100644
--- a/people/13358.html
+++ b/people/13358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13359.html b/people/13359.html
index afe1f615..7e17dc3e 100644
--- a/people/13359.html
+++ b/people/13359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1336.html b/people/1336.html
index 78314c70..246db107 100644
--- a/people/1336.html
+++ b/people/1336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13360.html b/people/13360.html
index 47a78213..20a9d406 100644
--- a/people/13360.html
+++ b/people/13360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13361.html b/people/13361.html
index be64ed91..d94e5c8f 100644
--- a/people/13361.html
+++ b/people/13361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13362.html b/people/13362.html
index 3e92a4e6..766493bf 100644
--- a/people/13362.html
+++ b/people/13362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13363.html b/people/13363.html
index 7b782b0c..63c095cb 100644
--- a/people/13363.html
+++ b/people/13363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13364.html b/people/13364.html
index 7a49aec7..d09a8086 100644
--- a/people/13364.html
+++ b/people/13364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13365.html b/people/13365.html
index 81938eae..30edb31a 100644
--- a/people/13365.html
+++ b/people/13365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13366.html b/people/13366.html
index fd16de03..416999a1 100644
--- a/people/13366.html
+++ b/people/13366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13367.html b/people/13367.html
index 3ff5a655..6930ba7b 100644
--- a/people/13367.html
+++ b/people/13367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13368.html b/people/13368.html
index ed687b5f..2fcad16f 100644
--- a/people/13368.html
+++ b/people/13368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13369.html b/people/13369.html
index 4febb812..44c1a05e 100644
--- a/people/13369.html
+++ b/people/13369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1337.html b/people/1337.html
index 7a735593..e97dfe97 100644
--- a/people/1337.html
+++ b/people/1337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13370.html b/people/13370.html
index 1e7f446f..fecc95a5 100644
--- a/people/13370.html
+++ b/people/13370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13371.html b/people/13371.html
index 36187ee6..7c3f0774 100644
--- a/people/13371.html
+++ b/people/13371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13372.html b/people/13372.html
index c5b0f15a..9e8bfea4 100644
--- a/people/13372.html
+++ b/people/13372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13373.html b/people/13373.html
index cd2f05cd..8d10e6d4 100644
--- a/people/13373.html
+++ b/people/13373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13374.html b/people/13374.html
index 89ff29d4..4b9822b5 100644
--- a/people/13374.html
+++ b/people/13374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13375.html b/people/13375.html
index ecb17ed9..1323aea9 100644
--- a/people/13375.html
+++ b/people/13375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13376.html b/people/13376.html
index 8d638e7f..54f102a5 100644
--- a/people/13376.html
+++ b/people/13376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13377.html b/people/13377.html
index 053f849d..3e6393a5 100644
--- a/people/13377.html
+++ b/people/13377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13378.html b/people/13378.html
index 1e42020f..4887f77b 100644
--- a/people/13378.html
+++ b/people/13378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13379.html b/people/13379.html
index d657ef29..5f620f66 100644
--- a/people/13379.html
+++ b/people/13379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1338.html b/people/1338.html
index 340fab22..df48eea0 100644
--- a/people/1338.html
+++ b/people/1338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13380.html b/people/13380.html
index 6c85039d..4fc79d53 100644
--- a/people/13380.html
+++ b/people/13380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13381.html b/people/13381.html
index 66124357..9501eceb 100644
--- a/people/13381.html
+++ b/people/13381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13382.html b/people/13382.html
index 50c6d064..08dcb212 100644
--- a/people/13382.html
+++ b/people/13382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13383.html b/people/13383.html
index 502d943c..721a81ea 100644
--- a/people/13383.html
+++ b/people/13383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13384.html b/people/13384.html
index 80a1043e..8115792f 100644
--- a/people/13384.html
+++ b/people/13384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13385.html b/people/13385.html
index e8c8b174..1808b849 100644
--- a/people/13385.html
+++ b/people/13385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13386.html b/people/13386.html
index a894177a..3d3240ff 100644
--- a/people/13386.html
+++ b/people/13386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13387.html b/people/13387.html
index a74851a7..c1b50c2b 100644
--- a/people/13387.html
+++ b/people/13387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13388.html b/people/13388.html
index b82e4d60..621901b5 100644
--- a/people/13388.html
+++ b/people/13388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13389.html b/people/13389.html
index 95a40640..22fda33b 100644
--- a/people/13389.html
+++ b/people/13389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1339.html b/people/1339.html
index 99a869ff..d7aede49 100644
--- a/people/1339.html
+++ b/people/1339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13390.html b/people/13390.html
index 0fbe2d04..2df517d7 100644
--- a/people/13390.html
+++ b/people/13390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13391.html b/people/13391.html
index 5f74839b..9e3d5be2 100644
--- a/people/13391.html
+++ b/people/13391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13392.html b/people/13392.html
index ff71401b..26b89048 100644
--- a/people/13392.html
+++ b/people/13392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13393.html b/people/13393.html
index 1aa638dd..f3fedf08 100644
--- a/people/13393.html
+++ b/people/13393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13394.html b/people/13394.html
index 3990490e..9b84968b 100644
--- a/people/13394.html
+++ b/people/13394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13395.html b/people/13395.html
index a18672d5..8f8814f4 100644
--- a/people/13395.html
+++ b/people/13395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13396.html b/people/13396.html
index ee8d9409..b72a7034 100644
--- a/people/13396.html
+++ b/people/13396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13397.html b/people/13397.html
index d03f406e..47e66fa0 100644
--- a/people/13397.html
+++ b/people/13397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13398.html b/people/13398.html
index 8c6fb147..522400c8 100644
--- a/people/13398.html
+++ b/people/13398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13399.html b/people/13399.html
index dbaa8dd6..8f08a261 100644
--- a/people/13399.html
+++ b/people/13399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/134.html b/people/134.html
index 9175704b..142f9ac6 100644
--- a/people/134.html
+++ b/people/134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1340.html b/people/1340.html
index 77f23ef1..15fb39e6 100644
--- a/people/1340.html
+++ b/people/1340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13400.html b/people/13400.html
index dc0e90e5..65fe6439 100644
--- a/people/13400.html
+++ b/people/13400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13401.html b/people/13401.html
index f4df1562..0bf71b76 100644
--- a/people/13401.html
+++ b/people/13401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13402.html b/people/13402.html
index b294a547..c485047b 100644
--- a/people/13402.html
+++ b/people/13402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13403.html b/people/13403.html
index e09567c0..9e003e1a 100644
--- a/people/13403.html
+++ b/people/13403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13404.html b/people/13404.html
index 60137fca..68f0d6a3 100644
--- a/people/13404.html
+++ b/people/13404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13405.html b/people/13405.html
index 589a4d45..cb3a9508 100644
--- a/people/13405.html
+++ b/people/13405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13406.html b/people/13406.html
index 0b1ac6e2..e62fdb5a 100644
--- a/people/13406.html
+++ b/people/13406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13407.html b/people/13407.html
index b7618790..374038b4 100644
--- a/people/13407.html
+++ b/people/13407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13408.html b/people/13408.html
index 23608400..80d3e8b5 100644
--- a/people/13408.html
+++ b/people/13408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13409.html b/people/13409.html
index ec489bec..cbf635dc 100644
--- a/people/13409.html
+++ b/people/13409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1341.html b/people/1341.html
index 30559ac0..f55880e2 100644
--- a/people/1341.html
+++ b/people/1341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13410.html b/people/13410.html
index bc077b78..c3838d31 100644
--- a/people/13410.html
+++ b/people/13410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13411.html b/people/13411.html
index 31c5c852..bd2d9c5c 100644
--- a/people/13411.html
+++ b/people/13411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13412.html b/people/13412.html
index b873819a..71206870 100644
--- a/people/13412.html
+++ b/people/13412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13413.html b/people/13413.html
index 9a5cc152..126f8bf5 100644
--- a/people/13413.html
+++ b/people/13413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13414.html b/people/13414.html
index 8b7a1a43..febec75d 100644
--- a/people/13414.html
+++ b/people/13414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13415.html b/people/13415.html
index cf68a1c7..80e2ec6c 100644
--- a/people/13415.html
+++ b/people/13415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13416.html b/people/13416.html
index 5c19c9c4..3975693c 100644
--- a/people/13416.html
+++ b/people/13416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13417.html b/people/13417.html
index 919001fe..d31d14eb 100644
--- a/people/13417.html
+++ b/people/13417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13418.html b/people/13418.html
index 9ff02de8..252853d0 100644
--- a/people/13418.html
+++ b/people/13418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13419.html b/people/13419.html
index 94c32488..215d078f 100644
--- a/people/13419.html
+++ b/people/13419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1342.html b/people/1342.html
index 4b808f2d..159d41d5 100644
--- a/people/1342.html
+++ b/people/1342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13420.html b/people/13420.html
index c2c5cbcb..a00f9de6 100644
--- a/people/13420.html
+++ b/people/13420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13421.html b/people/13421.html
index 8e7470a7..0a81642f 100644
--- a/people/13421.html
+++ b/people/13421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13422.html b/people/13422.html
index 5ad34a69..60dcaa73 100644
--- a/people/13422.html
+++ b/people/13422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13423.html b/people/13423.html
index 410cc2ed..ee6518f5 100644
--- a/people/13423.html
+++ b/people/13423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13424.html b/people/13424.html
index 9431ca2e..8de4dce2 100644
--- a/people/13424.html
+++ b/people/13424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13425.html b/people/13425.html
index ae257cca..8aac0bbc 100644
--- a/people/13425.html
+++ b/people/13425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13426.html b/people/13426.html
index c3c5d7ca..44c535f0 100644
--- a/people/13426.html
+++ b/people/13426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13427.html b/people/13427.html
index 702c18a6..1e83bf04 100644
--- a/people/13427.html
+++ b/people/13427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13428.html b/people/13428.html
index 91abd866..2e00186e 100644
--- a/people/13428.html
+++ b/people/13428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13429.html b/people/13429.html
index a2db2ddb..8af3ddf1 100644
--- a/people/13429.html
+++ b/people/13429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1343.html b/people/1343.html
index 1ae115d2..2cbeeb68 100644
--- a/people/1343.html
+++ b/people/1343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13430.html b/people/13430.html
index fcdab1df..12b5b216 100644
--- a/people/13430.html
+++ b/people/13430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13431.html b/people/13431.html
index e42bdc37..5b974131 100644
--- a/people/13431.html
+++ b/people/13431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13432.html b/people/13432.html
index bb6d7f09..7503084c 100644
--- a/people/13432.html
+++ b/people/13432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13433.html b/people/13433.html
index 23c22c78..2fc80fe6 100644
--- a/people/13433.html
+++ b/people/13433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13434.html b/people/13434.html
index f2359823..a78ab0d7 100644
--- a/people/13434.html
+++ b/people/13434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13435.html b/people/13435.html
index 30d3e6a5..3ed08d16 100644
--- a/people/13435.html
+++ b/people/13435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13436.html b/people/13436.html
index 2c6a30de..92e386bb 100644
--- a/people/13436.html
+++ b/people/13436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13437.html b/people/13437.html
index 5cebbd02..156188b6 100644
--- a/people/13437.html
+++ b/people/13437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13438.html b/people/13438.html
index 54d052e4..3a2cb39b 100644
--- a/people/13438.html
+++ b/people/13438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13439.html b/people/13439.html
index 8bedb904..7516befd 100644
--- a/people/13439.html
+++ b/people/13439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1344.html b/people/1344.html
index 216a17d5..5732cda7 100644
--- a/people/1344.html
+++ b/people/1344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13440.html b/people/13440.html
index 8c00a630..5e65b3b7 100644
--- a/people/13440.html
+++ b/people/13440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13441.html b/people/13441.html
index 1ee84a82..ed877893 100644
--- a/people/13441.html
+++ b/people/13441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13442.html b/people/13442.html
index 4164a7f2..721c7a49 100644
--- a/people/13442.html
+++ b/people/13442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13443.html b/people/13443.html
index 62109be2..c99b22d9 100644
--- a/people/13443.html
+++ b/people/13443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13444.html b/people/13444.html
index 22abab42..b8e45f09 100644
--- a/people/13444.html
+++ b/people/13444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13445.html b/people/13445.html
index 51fb379c..52a37ee5 100644
--- a/people/13445.html
+++ b/people/13445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13446.html b/people/13446.html
index b1c9af85..5f4cd4d8 100644
--- a/people/13446.html
+++ b/people/13446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13447.html b/people/13447.html
index 6bf31bae..3ef05bb9 100644
--- a/people/13447.html
+++ b/people/13447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13448.html b/people/13448.html
index b9518a9d..313713a9 100644
--- a/people/13448.html
+++ b/people/13448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13449.html b/people/13449.html
index 0104c989..1bf9b8a1 100644
--- a/people/13449.html
+++ b/people/13449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1345.html b/people/1345.html
index c0c791f0..3a1da683 100644
--- a/people/1345.html
+++ b/people/1345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13450.html b/people/13450.html
index 9f049da0..2b36f02f 100644
--- a/people/13450.html
+++ b/people/13450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13451.html b/people/13451.html
index e448b191..40a4dcaf 100644
--- a/people/13451.html
+++ b/people/13451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13452.html b/people/13452.html
index 1ffdef53..21c074c9 100644
--- a/people/13452.html
+++ b/people/13452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13453.html b/people/13453.html
index 330dcd98..fa205050 100644
--- a/people/13453.html
+++ b/people/13453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13454.html b/people/13454.html
index 68a86352..49ad90f9 100644
--- a/people/13454.html
+++ b/people/13454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13455.html b/people/13455.html
index 5527c30c..6f065661 100644
--- a/people/13455.html
+++ b/people/13455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13456.html b/people/13456.html
index 846ad2a5..8b974e79 100644
--- a/people/13456.html
+++ b/people/13456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13457.html b/people/13457.html
index 4dcbc9e5..833b66ed 100644
--- a/people/13457.html
+++ b/people/13457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13458.html b/people/13458.html
index 1ca82a65..a50107ce 100644
--- a/people/13458.html
+++ b/people/13458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13459.html b/people/13459.html
index 96214bea..c186a1bd 100644
--- a/people/13459.html
+++ b/people/13459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1346.html b/people/1346.html
index 4add8bce..7cea4817 100644
--- a/people/1346.html
+++ b/people/1346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13460.html b/people/13460.html
index 3c1428db..616a7b8b 100644
--- a/people/13460.html
+++ b/people/13460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13461.html b/people/13461.html
index 60989516..8808b65f 100644
--- a/people/13461.html
+++ b/people/13461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13462.html b/people/13462.html
index f9ef6d65..2e7855e5 100644
--- a/people/13462.html
+++ b/people/13462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13463.html b/people/13463.html
index 20cf2958..457bef9b 100644
--- a/people/13463.html
+++ b/people/13463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13464.html b/people/13464.html
index e71bca57..91b55241 100644
--- a/people/13464.html
+++ b/people/13464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13465.html b/people/13465.html
index 5e755303..45c92160 100644
--- a/people/13465.html
+++ b/people/13465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13466.html b/people/13466.html
index 8846d38c..8bd2cd87 100644
--- a/people/13466.html
+++ b/people/13466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13467.html b/people/13467.html
index d198ae91..49360827 100644
--- a/people/13467.html
+++ b/people/13467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13468.html b/people/13468.html
index dbf0818c..37ff9e15 100644
--- a/people/13468.html
+++ b/people/13468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13469.html b/people/13469.html
index 950ccb5e..4b67f79a 100644
--- a/people/13469.html
+++ b/people/13469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1347.html b/people/1347.html
index 918745c1..b223bbb5 100644
--- a/people/1347.html
+++ b/people/1347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13470.html b/people/13470.html
index 2c8f77f9..f5b237df 100644
--- a/people/13470.html
+++ b/people/13470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13471.html b/people/13471.html
index dd65d1e6..555dfe63 100644
--- a/people/13471.html
+++ b/people/13471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13472.html b/people/13472.html
index 8de9af79..32a6c6c6 100644
--- a/people/13472.html
+++ b/people/13472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13473.html b/people/13473.html
index 29280008..7d442af8 100644
--- a/people/13473.html
+++ b/people/13473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13474.html b/people/13474.html
index da642430..439dc488 100644
--- a/people/13474.html
+++ b/people/13474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13475.html b/people/13475.html
index b39ee7fc..2e530134 100644
--- a/people/13475.html
+++ b/people/13475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13476.html b/people/13476.html
index 62422224..df7c0854 100644
--- a/people/13476.html
+++ b/people/13476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13477.html b/people/13477.html
index d841e4c0..9507613f 100644
--- a/people/13477.html
+++ b/people/13477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13478.html b/people/13478.html
index 8cda359d..e5f81df8 100644
--- a/people/13478.html
+++ b/people/13478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13479.html b/people/13479.html
index 1cda41c2..1200fa0f 100644
--- a/people/13479.html
+++ b/people/13479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1348.html b/people/1348.html
index ad745329..d6033841 100644
--- a/people/1348.html
+++ b/people/1348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13480.html b/people/13480.html
index c694f780..7ef140d6 100644
--- a/people/13480.html
+++ b/people/13480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13481.html b/people/13481.html
index e24ee096..00d69e94 100644
--- a/people/13481.html
+++ b/people/13481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13482.html b/people/13482.html
index 30fb8028..c6215fd2 100644
--- a/people/13482.html
+++ b/people/13482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13483.html b/people/13483.html
index 8ecbded2..13a8071c 100644
--- a/people/13483.html
+++ b/people/13483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13484.html b/people/13484.html
index 56cddd29..5364caf2 100644
--- a/people/13484.html
+++ b/people/13484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13485.html b/people/13485.html
index d2f2de5f..069e8daa 100644
--- a/people/13485.html
+++ b/people/13485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13486.html b/people/13486.html
index 3b01a090..a72e19f3 100644
--- a/people/13486.html
+++ b/people/13486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13487.html b/people/13487.html
index 0e7f2bf2..b475d2a2 100644
--- a/people/13487.html
+++ b/people/13487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13488.html b/people/13488.html
index 8314113b..5afdd7b7 100644
--- a/people/13488.html
+++ b/people/13488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13489.html b/people/13489.html
index 0395f3ab..95e21c1e 100644
--- a/people/13489.html
+++ b/people/13489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1349.html b/people/1349.html
index 2caaba6f..0a2c949c 100644
--- a/people/1349.html
+++ b/people/1349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13490.html b/people/13490.html
index c4bb2c5b..d108a6f0 100644
--- a/people/13490.html
+++ b/people/13490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13491.html b/people/13491.html
index 9bed0c2f..c6fc2dc0 100644
--- a/people/13491.html
+++ b/people/13491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13492.html b/people/13492.html
index 08325c10..56bccf6c 100644
--- a/people/13492.html
+++ b/people/13492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13493.html b/people/13493.html
index c585a692..a62fd4ae 100644
--- a/people/13493.html
+++ b/people/13493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13494.html b/people/13494.html
index 5be8f452..f01c4449 100644
--- a/people/13494.html
+++ b/people/13494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13495.html b/people/13495.html
index 310ae3d9..369f70d4 100644
--- a/people/13495.html
+++ b/people/13495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13496.html b/people/13496.html
index 5f7c4435..61ec3dda 100644
--- a/people/13496.html
+++ b/people/13496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13497.html b/people/13497.html
index a5786a02..3b79ce33 100644
--- a/people/13497.html
+++ b/people/13497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13498.html b/people/13498.html
index a0aa658c..25adc54b 100644
--- a/people/13498.html
+++ b/people/13498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13499.html b/people/13499.html
index 8edadec0..bcc68dbe 100644
--- a/people/13499.html
+++ b/people/13499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/135.html b/people/135.html
index 1abdba41..54f9fb0f 100644
--- a/people/135.html
+++ b/people/135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1350.html b/people/1350.html
index b556757f..90fd49e2 100644
--- a/people/1350.html
+++ b/people/1350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13500.html b/people/13500.html
index 9142170c..3d101dc9 100644
--- a/people/13500.html
+++ b/people/13500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13501.html b/people/13501.html
index 27ccd58a..132daa8d 100644
--- a/people/13501.html
+++ b/people/13501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13502.html b/people/13502.html
index 8b341e88..0edccbec 100644
--- a/people/13502.html
+++ b/people/13502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13503.html b/people/13503.html
index 3845d31d..fd266d81 100644
--- a/people/13503.html
+++ b/people/13503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13504.html b/people/13504.html
index b376848d..7f4fff88 100644
--- a/people/13504.html
+++ b/people/13504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13505.html b/people/13505.html
index 03cc8257..1c352e5b 100644
--- a/people/13505.html
+++ b/people/13505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13506.html b/people/13506.html
index 26db007d..69747257 100644
--- a/people/13506.html
+++ b/people/13506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13507.html b/people/13507.html
index feab51e2..a8c95ec0 100644
--- a/people/13507.html
+++ b/people/13507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13508.html b/people/13508.html
index 6290c012..c3d5cf85 100644
--- a/people/13508.html
+++ b/people/13508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13509.html b/people/13509.html
index b891cbc5..f70186c5 100644
--- a/people/13509.html
+++ b/people/13509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1351.html b/people/1351.html
index d5de5b99..211f6a28 100644
--- a/people/1351.html
+++ b/people/1351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13510.html b/people/13510.html
index 0ecaeb4a..9c3af696 100644
--- a/people/13510.html
+++ b/people/13510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13511.html b/people/13511.html
index 73a13c31..f23d4928 100644
--- a/people/13511.html
+++ b/people/13511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13512.html b/people/13512.html
index 5791a43c..be69d251 100644
--- a/people/13512.html
+++ b/people/13512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13513.html b/people/13513.html
index 2dab976f..d62e9861 100644
--- a/people/13513.html
+++ b/people/13513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13514.html b/people/13514.html
index c565bd79..0f17f32e 100644
--- a/people/13514.html
+++ b/people/13514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13515.html b/people/13515.html
index 95a8db9f..82b0236e 100644
--- a/people/13515.html
+++ b/people/13515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13516.html b/people/13516.html
index 98d05277..3086c99e 100644
--- a/people/13516.html
+++ b/people/13516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13517.html b/people/13517.html
index b4fda294..464b70f6 100644
--- a/people/13517.html
+++ b/people/13517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13518.html b/people/13518.html
index f8508d39..018e3447 100644
--- a/people/13518.html
+++ b/people/13518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13519.html b/people/13519.html
index fdfd0a10..f464db88 100644
--- a/people/13519.html
+++ b/people/13519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1352.html b/people/1352.html
index 45d7b629..d5ce8ac4 100644
--- a/people/1352.html
+++ b/people/1352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13520.html b/people/13520.html
index e29a6908..558d699f 100644
--- a/people/13520.html
+++ b/people/13520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13521.html b/people/13521.html
index 86e1503e..e5f079a4 100644
--- a/people/13521.html
+++ b/people/13521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13522.html b/people/13522.html
index d2684a23..e8680696 100644
--- a/people/13522.html
+++ b/people/13522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13523.html b/people/13523.html
index edc7cea8..58dacac2 100644
--- a/people/13523.html
+++ b/people/13523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13524.html b/people/13524.html
index be93dde7..bda232c9 100644
--- a/people/13524.html
+++ b/people/13524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13525.html b/people/13525.html
index d89387b6..37b00db7 100644
--- a/people/13525.html
+++ b/people/13525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13526.html b/people/13526.html
index cca539d7..ca13e407 100644
--- a/people/13526.html
+++ b/people/13526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13527.html b/people/13527.html
index cba95249..bbd9329e 100644
--- a/people/13527.html
+++ b/people/13527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13528.html b/people/13528.html
index 9efafc33..98cbde68 100644
--- a/people/13528.html
+++ b/people/13528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13529.html b/people/13529.html
index 76a4af47..212de75b 100644
--- a/people/13529.html
+++ b/people/13529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1353.html b/people/1353.html
index 6fa9d0ba..b7f4b605 100644
--- a/people/1353.html
+++ b/people/1353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13530.html b/people/13530.html
index 6d0cc791..426bb8ce 100644
--- a/people/13530.html
+++ b/people/13530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13531.html b/people/13531.html
index 8aecbe11..4f2f8330 100644
--- a/people/13531.html
+++ b/people/13531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13532.html b/people/13532.html
index 9409603b..0b9a79aa 100644
--- a/people/13532.html
+++ b/people/13532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13533.html b/people/13533.html
index 8822c16a..b3d5cc34 100644
--- a/people/13533.html
+++ b/people/13533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13534.html b/people/13534.html
index cec6a434..86494a41 100644
--- a/people/13534.html
+++ b/people/13534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13535.html b/people/13535.html
index 2b877a57..9c5a14ec 100644
--- a/people/13535.html
+++ b/people/13535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13536.html b/people/13536.html
index e981f967..ac40762c 100644
--- a/people/13536.html
+++ b/people/13536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13537.html b/people/13537.html
index dbfbb296..d5cebe3b 100644
--- a/people/13537.html
+++ b/people/13537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13538.html b/people/13538.html
index 5e2a0883..1b68775e 100644
--- a/people/13538.html
+++ b/people/13538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13539.html b/people/13539.html
index 3863ac94..8564d00e 100644
--- a/people/13539.html
+++ b/people/13539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1354.html b/people/1354.html
index 490106f3..aa368e06 100644
--- a/people/1354.html
+++ b/people/1354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13540.html b/people/13540.html
index 2ce23e12..85175368 100644
--- a/people/13540.html
+++ b/people/13540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13541.html b/people/13541.html
index 66ece111..bea32d9b 100644
--- a/people/13541.html
+++ b/people/13541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13542.html b/people/13542.html
index 8c497667..13e634df 100644
--- a/people/13542.html
+++ b/people/13542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13543.html b/people/13543.html
index 6fd18d3d..5c0aceb7 100644
--- a/people/13543.html
+++ b/people/13543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13544.html b/people/13544.html
index d0c2a4b3..35c49331 100644
--- a/people/13544.html
+++ b/people/13544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13545.html b/people/13545.html
index 7a489575..2bb31a59 100644
--- a/people/13545.html
+++ b/people/13545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13546.html b/people/13546.html
index fefad77e..1deb7c9c 100644
--- a/people/13546.html
+++ b/people/13546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13547.html b/people/13547.html
index fc3ed9f6..5b0a9fdc 100644
--- a/people/13547.html
+++ b/people/13547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13548.html b/people/13548.html
index 2401d664..59f031eb 100644
--- a/people/13548.html
+++ b/people/13548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13549.html b/people/13549.html
index 4b27286a..bc808244 100644
--- a/people/13549.html
+++ b/people/13549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1355.html b/people/1355.html
index 246a625c..fb817a8b 100644
--- a/people/1355.html
+++ b/people/1355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13550.html b/people/13550.html
index e459b05e..53f1bcb5 100644
--- a/people/13550.html
+++ b/people/13550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13551.html b/people/13551.html
index 80cb1dfa..1dd4dba9 100644
--- a/people/13551.html
+++ b/people/13551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13552.html b/people/13552.html
index 79a64116..3eaac2b6 100644
--- a/people/13552.html
+++ b/people/13552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13553.html b/people/13553.html
index 94aaa582..c575d3b9 100644
--- a/people/13553.html
+++ b/people/13553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13554.html b/people/13554.html
index 3e4593c0..2bc7440a 100644
--- a/people/13554.html
+++ b/people/13554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13555.html b/people/13555.html
index d9133793..9b7b57ea 100644
--- a/people/13555.html
+++ b/people/13555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13556.html b/people/13556.html
index b0de03eb..5e4f670a 100644
--- a/people/13556.html
+++ b/people/13556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13557.html b/people/13557.html
index 9ccbf588..4fa30c26 100644
--- a/people/13557.html
+++ b/people/13557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13558.html b/people/13558.html
index edd57002..20df151b 100644
--- a/people/13558.html
+++ b/people/13558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13559.html b/people/13559.html
index 2b737a7b..9b225783 100644
--- a/people/13559.html
+++ b/people/13559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1356.html b/people/1356.html
index 5421cb04..3cca8490 100644
--- a/people/1356.html
+++ b/people/1356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13560.html b/people/13560.html
index 55167b50..6d105555 100644
--- a/people/13560.html
+++ b/people/13560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13561.html b/people/13561.html
index 0d32ce03..a9c84df0 100644
--- a/people/13561.html
+++ b/people/13561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13562.html b/people/13562.html
index 32e49256..d51441e3 100644
--- a/people/13562.html
+++ b/people/13562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13563.html b/people/13563.html
index e180599b..58870f1d 100644
--- a/people/13563.html
+++ b/people/13563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13564.html b/people/13564.html
index 299e347f..31173177 100644
--- a/people/13564.html
+++ b/people/13564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13565.html b/people/13565.html
index 475e2426..9bf706f5 100644
--- a/people/13565.html
+++ b/people/13565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13566.html b/people/13566.html
index 848bf78d..c54466d4 100644
--- a/people/13566.html
+++ b/people/13566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13567.html b/people/13567.html
index e65432c1..fce76c5a 100644
--- a/people/13567.html
+++ b/people/13567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13568.html b/people/13568.html
index 52bb4508..ca10db08 100644
--- a/people/13568.html
+++ b/people/13568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13569.html b/people/13569.html
index 0fea4d61..b7d6ca01 100644
--- a/people/13569.html
+++ b/people/13569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1357.html b/people/1357.html
index 50ec66b3..c31488c4 100644
--- a/people/1357.html
+++ b/people/1357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13570.html b/people/13570.html
index 305f6980..8012e015 100644
--- a/people/13570.html
+++ b/people/13570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13571.html b/people/13571.html
index 7878c6bb..cd7e166d 100644
--- a/people/13571.html
+++ b/people/13571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13572.html b/people/13572.html
index 178f809e..3d12026c 100644
--- a/people/13572.html
+++ b/people/13572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13573.html b/people/13573.html
index 1b321863..2aba70ba 100644
--- a/people/13573.html
+++ b/people/13573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13574.html b/people/13574.html
index 9c91a0dd..1ceedd9c 100644
--- a/people/13574.html
+++ b/people/13574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13575.html b/people/13575.html
index db23de4f..9e8dfa27 100644
--- a/people/13575.html
+++ b/people/13575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13576.html b/people/13576.html
index 477031a1..acc80b3e 100644
--- a/people/13576.html
+++ b/people/13576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13577.html b/people/13577.html
index 3745905b..c1ebe712 100644
--- a/people/13577.html
+++ b/people/13577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13578.html b/people/13578.html
index c782f1b4..cac4bacc 100644
--- a/people/13578.html
+++ b/people/13578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13579.html b/people/13579.html
index e0da76b9..3f8bd62c 100644
--- a/people/13579.html
+++ b/people/13579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1358.html b/people/1358.html
index e19f60df..1e93ac98 100644
--- a/people/1358.html
+++ b/people/1358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13580.html b/people/13580.html
index 1fb5e125..abf8f50b 100644
--- a/people/13580.html
+++ b/people/13580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13581.html b/people/13581.html
index af8dc80f..71176cca 100644
--- a/people/13581.html
+++ b/people/13581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13582.html b/people/13582.html
index 819c8aa8..7758e175 100644
--- a/people/13582.html
+++ b/people/13582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13583.html b/people/13583.html
index 8ead1d53..7421d8c1 100644
--- a/people/13583.html
+++ b/people/13583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13584.html b/people/13584.html
index 73752f9d..9f6f4786 100644
--- a/people/13584.html
+++ b/people/13584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13585.html b/people/13585.html
index e886d69c..6399c554 100644
--- a/people/13585.html
+++ b/people/13585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13586.html b/people/13586.html
index ec578fbe..6a2d91e9 100644
--- a/people/13586.html
+++ b/people/13586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13587.html b/people/13587.html
index 69f6d8ab..0c563415 100644
--- a/people/13587.html
+++ b/people/13587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13588.html b/people/13588.html
index 48bbbe7b..89828b0c 100644
--- a/people/13588.html
+++ b/people/13588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13589.html b/people/13589.html
index c2ef8b78..ed21c060 100644
--- a/people/13589.html
+++ b/people/13589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1359.html b/people/1359.html
index b28f25c0..70f7383f 100644
--- a/people/1359.html
+++ b/people/1359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13590.html b/people/13590.html
index 0254d99b..bb5e0950 100644
--- a/people/13590.html
+++ b/people/13590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13591.html b/people/13591.html
index dd5039b6..a3923bd1 100644
--- a/people/13591.html
+++ b/people/13591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13592.html b/people/13592.html
index f0b008f3..54c2c5a4 100644
--- a/people/13592.html
+++ b/people/13592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13593.html b/people/13593.html
index 2c0f0abc..980a0587 100644
--- a/people/13593.html
+++ b/people/13593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13594.html b/people/13594.html
index 3538a28d..f565e396 100644
--- a/people/13594.html
+++ b/people/13594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13595.html b/people/13595.html
index 4dabc0d4..e1003751 100644
--- a/people/13595.html
+++ b/people/13595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13596.html b/people/13596.html
index 69e21297..af782177 100644
--- a/people/13596.html
+++ b/people/13596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13597.html b/people/13597.html
index fd7cccac..8324ce97 100644
--- a/people/13597.html
+++ b/people/13597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13598.html b/people/13598.html
index 598d5770..0ecd2850 100644
--- a/people/13598.html
+++ b/people/13598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13599.html b/people/13599.html
index 951b388c..fe972d75 100644
--- a/people/13599.html
+++ b/people/13599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/136.html b/people/136.html
index 227bddf5..4dc7a2c6 100644
--- a/people/136.html
+++ b/people/136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1360.html b/people/1360.html
index 4e7bc4c4..39f63b29 100644
--- a/people/1360.html
+++ b/people/1360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13600.html b/people/13600.html
index 5bebcbb6..7ad8c06f 100644
--- a/people/13600.html
+++ b/people/13600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13601.html b/people/13601.html
index 0fd1e937..3ff5ef6b 100644
--- a/people/13601.html
+++ b/people/13601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13602.html b/people/13602.html
index aa39b236..76ce24e8 100644
--- a/people/13602.html
+++ b/people/13602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13603.html b/people/13603.html
index b1d811d1..113ca87c 100644
--- a/people/13603.html
+++ b/people/13603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13604.html b/people/13604.html
index e2a9842f..a8c21004 100644
--- a/people/13604.html
+++ b/people/13604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13605.html b/people/13605.html
index 65e97208..35cd9c81 100644
--- a/people/13605.html
+++ b/people/13605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13606.html b/people/13606.html
index d60d76e2..4eb57674 100644
--- a/people/13606.html
+++ b/people/13606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13607.html b/people/13607.html
index 991498ec..d5f0805e 100644
--- a/people/13607.html
+++ b/people/13607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13608.html b/people/13608.html
index 4b6a5f6c..1d98f340 100644
--- a/people/13608.html
+++ b/people/13608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13609.html b/people/13609.html
index fcad6f9b..d48e4a6d 100644
--- a/people/13609.html
+++ b/people/13609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1361.html b/people/1361.html
index 9bcd86a4..2d1232c7 100644
--- a/people/1361.html
+++ b/people/1361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13610.html b/people/13610.html
index 966db095..1c67fe02 100644
--- a/people/13610.html
+++ b/people/13610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13611.html b/people/13611.html
index 02b7d9d6..3034687e 100644
--- a/people/13611.html
+++ b/people/13611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13612.html b/people/13612.html
index 6d9e3cc7..ff37b5ff 100644
--- a/people/13612.html
+++ b/people/13612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13613.html b/people/13613.html
index eba0a775..a22394a5 100644
--- a/people/13613.html
+++ b/people/13613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13614.html b/people/13614.html
index 1d19e8b6..3d6536f0 100644
--- a/people/13614.html
+++ b/people/13614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13615.html b/people/13615.html
index 2ae22a65..f7efeb82 100644
--- a/people/13615.html
+++ b/people/13615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13616.html b/people/13616.html
index 18d9ffc1..d786f140 100644
--- a/people/13616.html
+++ b/people/13616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13617.html b/people/13617.html
index fbe47876..a6ccd7c0 100644
--- a/people/13617.html
+++ b/people/13617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13618.html b/people/13618.html
index 616017b4..373a29c3 100644
--- a/people/13618.html
+++ b/people/13618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13619.html b/people/13619.html
index ef54f5a0..2627c6cc 100644
--- a/people/13619.html
+++ b/people/13619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1362.html b/people/1362.html
index b0990c71..a859e9e5 100644
--- a/people/1362.html
+++ b/people/1362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13620.html b/people/13620.html
index 0dad0f80..5ab2e469 100644
--- a/people/13620.html
+++ b/people/13620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13621.html b/people/13621.html
index ea122176..6b26898d 100644
--- a/people/13621.html
+++ b/people/13621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13622.html b/people/13622.html
index bec6e948..57f74096 100644
--- a/people/13622.html
+++ b/people/13622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13623.html b/people/13623.html
index 0bbd6492..aa34a83a 100644
--- a/people/13623.html
+++ b/people/13623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13624.html b/people/13624.html
index fee9c579..b5782dc9 100644
--- a/people/13624.html
+++ b/people/13624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13625.html b/people/13625.html
index afbb45ea..76a700b7 100644
--- a/people/13625.html
+++ b/people/13625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13626.html b/people/13626.html
index 6bd5dad3..750f83b8 100644
--- a/people/13626.html
+++ b/people/13626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13627.html b/people/13627.html
index 1df5baeb..7eaf33b8 100644
--- a/people/13627.html
+++ b/people/13627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13628.html b/people/13628.html
index cdee82d6..c043bf14 100644
--- a/people/13628.html
+++ b/people/13628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13629.html b/people/13629.html
index c4a39e43..b9351abe 100644
--- a/people/13629.html
+++ b/people/13629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1363.html b/people/1363.html
index 48e7ef73..0256ec67 100644
--- a/people/1363.html
+++ b/people/1363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13630.html b/people/13630.html
index 9cc614b3..8fc08501 100644
--- a/people/13630.html
+++ b/people/13630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13631.html b/people/13631.html
index fb61b948..70e944c0 100644
--- a/people/13631.html
+++ b/people/13631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13632.html b/people/13632.html
index 926dc92f..a0a71a2b 100644
--- a/people/13632.html
+++ b/people/13632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13633.html b/people/13633.html
index 7b301c5f..378bead2 100644
--- a/people/13633.html
+++ b/people/13633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13634.html b/people/13634.html
index c6074d17..630d3981 100644
--- a/people/13634.html
+++ b/people/13634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13635.html b/people/13635.html
index 9c4035a3..88517fe1 100644
--- a/people/13635.html
+++ b/people/13635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13636.html b/people/13636.html
index 3bb8bff8..45e83447 100644
--- a/people/13636.html
+++ b/people/13636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13637.html b/people/13637.html
index 8e186f21..cd1b3f76 100644
--- a/people/13637.html
+++ b/people/13637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13638.html b/people/13638.html
index d85b645b..2c546e68 100644
--- a/people/13638.html
+++ b/people/13638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13639.html b/people/13639.html
index 4fa89385..bca076c8 100644
--- a/people/13639.html
+++ b/people/13639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1364.html b/people/1364.html
index 8de5ef88..e3a6dc50 100644
--- a/people/1364.html
+++ b/people/1364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13640.html b/people/13640.html
index f79d030a..9ae6343c 100644
--- a/people/13640.html
+++ b/people/13640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13641.html b/people/13641.html
index e7ee9d2a..59f7a39e 100644
--- a/people/13641.html
+++ b/people/13641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13642.html b/people/13642.html
index 6991b249..e5edd548 100644
--- a/people/13642.html
+++ b/people/13642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13643.html b/people/13643.html
index 0442442d..ec96c027 100644
--- a/people/13643.html
+++ b/people/13643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13644.html b/people/13644.html
index 75a3b13f..305930b9 100644
--- a/people/13644.html
+++ b/people/13644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13645.html b/people/13645.html
index ffe94d3d..60296092 100644
--- a/people/13645.html
+++ b/people/13645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13646.html b/people/13646.html
index b7b4fcf2..27ce834b 100644
--- a/people/13646.html
+++ b/people/13646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13647.html b/people/13647.html
index f41193ef..c24d2a7f 100644
--- a/people/13647.html
+++ b/people/13647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13648.html b/people/13648.html
index 2f4aa039..344e7911 100644
--- a/people/13648.html
+++ b/people/13648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13649.html b/people/13649.html
index 79204138..61f15686 100644
--- a/people/13649.html
+++ b/people/13649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1365.html b/people/1365.html
index 4bbd8a09..b80c7e73 100644
--- a/people/1365.html
+++ b/people/1365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13650.html b/people/13650.html
index 588b3040..d5aee485 100644
--- a/people/13650.html
+++ b/people/13650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13651.html b/people/13651.html
index 1fc02daa..9a306c61 100644
--- a/people/13651.html
+++ b/people/13651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13652.html b/people/13652.html
index 9aa35e3c..12563518 100644
--- a/people/13652.html
+++ b/people/13652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13653.html b/people/13653.html
index d6367cc9..a1150f73 100644
--- a/people/13653.html
+++ b/people/13653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13654.html b/people/13654.html
index b90f00e2..af335b84 100644
--- a/people/13654.html
+++ b/people/13654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13655.html b/people/13655.html
index 5e3d31e3..644a6ea3 100644
--- a/people/13655.html
+++ b/people/13655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13656.html b/people/13656.html
index 251514f0..f3f68eea 100644
--- a/people/13656.html
+++ b/people/13656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13657.html b/people/13657.html
index c48f9ee8..bc81b5a4 100644
--- a/people/13657.html
+++ b/people/13657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13658.html b/people/13658.html
index 5ae8598e..357f921d 100644
--- a/people/13658.html
+++ b/people/13658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13659.html b/people/13659.html
index db0b41cb..170c0705 100644
--- a/people/13659.html
+++ b/people/13659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1366.html b/people/1366.html
index 9d371cbb..08b5c5d3 100644
--- a/people/1366.html
+++ b/people/1366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13660.html b/people/13660.html
index a5983e62..ec1d1aee 100644
--- a/people/13660.html
+++ b/people/13660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13661.html b/people/13661.html
index 13a08229..b5f9a39c 100644
--- a/people/13661.html
+++ b/people/13661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13662.html b/people/13662.html
index 92dde681..d8795c96 100644
--- a/people/13662.html
+++ b/people/13662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13663.html b/people/13663.html
index e6f3d906..22ad3d52 100644
--- a/people/13663.html
+++ b/people/13663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13664.html b/people/13664.html
index 0ccc422d..90070470 100644
--- a/people/13664.html
+++ b/people/13664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13665.html b/people/13665.html
index 00e976ff..21231c02 100644
--- a/people/13665.html
+++ b/people/13665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13666.html b/people/13666.html
index e59e2f24..b97fc20e 100644
--- a/people/13666.html
+++ b/people/13666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13667.html b/people/13667.html
index 3ce347d3..58c8fa87 100644
--- a/people/13667.html
+++ b/people/13667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13668.html b/people/13668.html
index 32d3b6a0..c8fa25cc 100644
--- a/people/13668.html
+++ b/people/13668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13669.html b/people/13669.html
index 5c611b03..9c57bf6a 100644
--- a/people/13669.html
+++ b/people/13669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1367.html b/people/1367.html
index 72b13715..4742e751 100644
--- a/people/1367.html
+++ b/people/1367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13670.html b/people/13670.html
index 6ae846c0..39439a1d 100644
--- a/people/13670.html
+++ b/people/13670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13671.html b/people/13671.html
index aab02e1c..44ba065e 100644
--- a/people/13671.html
+++ b/people/13671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13672.html b/people/13672.html
index c8ac1e8b..5b5ff5f4 100644
--- a/people/13672.html
+++ b/people/13672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13673.html b/people/13673.html
index 60f47217..5d6a994a 100644
--- a/people/13673.html
+++ b/people/13673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13674.html b/people/13674.html
index 8f4b622a..95f8e9e9 100644
--- a/people/13674.html
+++ b/people/13674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13675.html b/people/13675.html
index 033aae40..33d4488a 100644
--- a/people/13675.html
+++ b/people/13675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13676.html b/people/13676.html
index 364b1e3d..acfcfeee 100644
--- a/people/13676.html
+++ b/people/13676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13677.html b/people/13677.html
index 37c4e7bd..c023bf7c 100644
--- a/people/13677.html
+++ b/people/13677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13678.html b/people/13678.html
index a82e275e..80b052b9 100644
--- a/people/13678.html
+++ b/people/13678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13679.html b/people/13679.html
index 380ba5e0..8bf043da 100644
--- a/people/13679.html
+++ b/people/13679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1368.html b/people/1368.html
index 5dfa9cbb..9f3e734d 100644
--- a/people/1368.html
+++ b/people/1368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13680.html b/people/13680.html
index 8a486dfd..4a2d30bd 100644
--- a/people/13680.html
+++ b/people/13680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13681.html b/people/13681.html
index e07fb09e..bfc7956b 100644
--- a/people/13681.html
+++ b/people/13681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13682.html b/people/13682.html
index 34c03d1b..7051e156 100644
--- a/people/13682.html
+++ b/people/13682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13683.html b/people/13683.html
index eba99eef..10f6a4b0 100644
--- a/people/13683.html
+++ b/people/13683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13684.html b/people/13684.html
index 0af3320e..d1f95c59 100644
--- a/people/13684.html
+++ b/people/13684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13685.html b/people/13685.html
index 06e7ea6c..8884db89 100644
--- a/people/13685.html
+++ b/people/13685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13686.html b/people/13686.html
index c36592f3..07f83e8d 100644
--- a/people/13686.html
+++ b/people/13686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13687.html b/people/13687.html
index 4376e36d..aeb5d3be 100644
--- a/people/13687.html
+++ b/people/13687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13688.html b/people/13688.html
index 99988ff2..97068d2f 100644
--- a/people/13688.html
+++ b/people/13688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13689.html b/people/13689.html
index 8532ba3a..efcebedc 100644
--- a/people/13689.html
+++ b/people/13689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1369.html b/people/1369.html
index a9e45d8e..b6112b72 100644
--- a/people/1369.html
+++ b/people/1369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13690.html b/people/13690.html
index c5060f39..a78f54a6 100644
--- a/people/13690.html
+++ b/people/13690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13691.html b/people/13691.html
index d6e406e4..4e23c699 100644
--- a/people/13691.html
+++ b/people/13691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13692.html b/people/13692.html
index 66a3f257..a4421305 100644
--- a/people/13692.html
+++ b/people/13692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13693.html b/people/13693.html
index ac45a0c2..99615431 100644
--- a/people/13693.html
+++ b/people/13693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13694.html b/people/13694.html
index bb7b3bea..b2580fb2 100644
--- a/people/13694.html
+++ b/people/13694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13695.html b/people/13695.html
index db2e41dd..7893b2be 100644
--- a/people/13695.html
+++ b/people/13695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13696.html b/people/13696.html
index 2c3a94fe..e4e4b7e4 100644
--- a/people/13696.html
+++ b/people/13696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13697.html b/people/13697.html
index bd2e068c..dad2f2ed 100644
--- a/people/13697.html
+++ b/people/13697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13698.html b/people/13698.html
index 284dfdcd..0392c840 100644
--- a/people/13698.html
+++ b/people/13698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13699.html b/people/13699.html
index 07b3c700..89e747e2 100644
--- a/people/13699.html
+++ b/people/13699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/137.html b/people/137.html
index fde31238..82eb0a40 100644
--- a/people/137.html
+++ b/people/137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1370.html b/people/1370.html
index 701918f3..4dbf0a58 100644
--- a/people/1370.html
+++ b/people/1370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13700.html b/people/13700.html
index 0bf506a1..c9951209 100644
--- a/people/13700.html
+++ b/people/13700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13701.html b/people/13701.html
index be79608f..37020a5e 100644
--- a/people/13701.html
+++ b/people/13701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13702.html b/people/13702.html
index de44bc7d..ee36a37e 100644
--- a/people/13702.html
+++ b/people/13702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13703.html b/people/13703.html
index 6b640d51..807697f7 100644
--- a/people/13703.html
+++ b/people/13703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13704.html b/people/13704.html
index 0a74de38..f663c96c 100644
--- a/people/13704.html
+++ b/people/13704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13705.html b/people/13705.html
index 2e7fd641..2af8f80d 100644
--- a/people/13705.html
+++ b/people/13705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13706.html b/people/13706.html
index 43bd298b..591882c3 100644
--- a/people/13706.html
+++ b/people/13706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13707.html b/people/13707.html
index 124e87d3..c9445473 100644
--- a/people/13707.html
+++ b/people/13707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13708.html b/people/13708.html
index 97c419ab..2acb72ff 100644
--- a/people/13708.html
+++ b/people/13708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13709.html b/people/13709.html
index 11a4edc9..d1761cc0 100644
--- a/people/13709.html
+++ b/people/13709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1371.html b/people/1371.html
index 8a760da2..a4be3b9f 100644
--- a/people/1371.html
+++ b/people/1371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13710.html b/people/13710.html
index 65603dfe..ad9fd183 100644
--- a/people/13710.html
+++ b/people/13710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13711.html b/people/13711.html
index e866aa53..9839ce73 100644
--- a/people/13711.html
+++ b/people/13711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13712.html b/people/13712.html
index b398e153..0ef0fa4d 100644
--- a/people/13712.html
+++ b/people/13712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13713.html b/people/13713.html
index 62895d6c..3cb19017 100644
--- a/people/13713.html
+++ b/people/13713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13714.html b/people/13714.html
index aee05fda..a7dd534c 100644
--- a/people/13714.html
+++ b/people/13714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13715.html b/people/13715.html
index 1981ccd2..91f08f83 100644
--- a/people/13715.html
+++ b/people/13715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13716.html b/people/13716.html
index 95ada85e..3ae05c37 100644
--- a/people/13716.html
+++ b/people/13716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13717.html b/people/13717.html
index d458d50b..51d57da5 100644
--- a/people/13717.html
+++ b/people/13717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13718.html b/people/13718.html
index 4a2d08b0..f9e2ff47 100644
--- a/people/13718.html
+++ b/people/13718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13719.html b/people/13719.html
index c7f02bb9..880d0f21 100644
--- a/people/13719.html
+++ b/people/13719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1372.html b/people/1372.html
index 8b773193..ccb32677 100644
--- a/people/1372.html
+++ b/people/1372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13720.html b/people/13720.html
index af40a151..43a73d3b 100644
--- a/people/13720.html
+++ b/people/13720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13721.html b/people/13721.html
index e7bf6bb0..7bc861ad 100644
--- a/people/13721.html
+++ b/people/13721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13722.html b/people/13722.html
index 860d845c..969d60cb 100644
--- a/people/13722.html
+++ b/people/13722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13723.html b/people/13723.html
index 07ecc419..54c913a1 100644
--- a/people/13723.html
+++ b/people/13723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13724.html b/people/13724.html
index 5bf77b5c..a90d1c7b 100644
--- a/people/13724.html
+++ b/people/13724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13725.html b/people/13725.html
index 78af3f7a..c573d3ea 100644
--- a/people/13725.html
+++ b/people/13725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13726.html b/people/13726.html
index 8305d81b..9715a601 100644
--- a/people/13726.html
+++ b/people/13726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13727.html b/people/13727.html
index 6bf22849..3bfb42e2 100644
--- a/people/13727.html
+++ b/people/13727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13728.html b/people/13728.html
index 098ada13..af64513b 100644
--- a/people/13728.html
+++ b/people/13728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13729.html b/people/13729.html
index ecd4cc68..c3cb0ab2 100644
--- a/people/13729.html
+++ b/people/13729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1373.html b/people/1373.html
index 00f17ab5..ded3dc95 100644
--- a/people/1373.html
+++ b/people/1373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13730.html b/people/13730.html
index fb3cc0d9..3f42653f 100644
--- a/people/13730.html
+++ b/people/13730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13731.html b/people/13731.html
index eb646a94..96529e63 100644
--- a/people/13731.html
+++ b/people/13731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13732.html b/people/13732.html
index bd47bb41..177f64be 100644
--- a/people/13732.html
+++ b/people/13732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13733.html b/people/13733.html
index 516c4a53..bb1179fa 100644
--- a/people/13733.html
+++ b/people/13733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13734.html b/people/13734.html
index d1d8df50..f9fa964c 100644
--- a/people/13734.html
+++ b/people/13734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13735.html b/people/13735.html
index 2be73b5f..9ff7411f 100644
--- a/people/13735.html
+++ b/people/13735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13736.html b/people/13736.html
index b612cc86..ccbf24d2 100644
--- a/people/13736.html
+++ b/people/13736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13737.html b/people/13737.html
index 2d842a9f..be5dd142 100644
--- a/people/13737.html
+++ b/people/13737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13738.html b/people/13738.html
index 984d0e40..ee2ac29c 100644
--- a/people/13738.html
+++ b/people/13738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13739.html b/people/13739.html
index 82a93d46..aa98677e 100644
--- a/people/13739.html
+++ b/people/13739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1374.html b/people/1374.html
index e0b331eb..1a7a46f1 100644
--- a/people/1374.html
+++ b/people/1374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13740.html b/people/13740.html
index ce901742..4b4bdfe3 100644
--- a/people/13740.html
+++ b/people/13740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13741.html b/people/13741.html
index d1945fa5..ec4ca86d 100644
--- a/people/13741.html
+++ b/people/13741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13742.html b/people/13742.html
index 3b4114fd..ca054024 100644
--- a/people/13742.html
+++ b/people/13742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13743.html b/people/13743.html
index e3ad141e..47afe4b6 100644
--- a/people/13743.html
+++ b/people/13743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13744.html b/people/13744.html
index ee6c0db0..f530e97c 100644
--- a/people/13744.html
+++ b/people/13744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13745.html b/people/13745.html
index ddabfd02..1b8cdc86 100644
--- a/people/13745.html
+++ b/people/13745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13746.html b/people/13746.html
index 00a6b606..d6861150 100644
--- a/people/13746.html
+++ b/people/13746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13747.html b/people/13747.html
index 55fa42fc..274fb545 100644
--- a/people/13747.html
+++ b/people/13747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13748.html b/people/13748.html
index 12b6ff5e..5e955321 100644
--- a/people/13748.html
+++ b/people/13748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13749.html b/people/13749.html
index 7cc14083..9c44c24c 100644
--- a/people/13749.html
+++ b/people/13749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1375.html b/people/1375.html
index 96a11a3c..73a688f7 100644
--- a/people/1375.html
+++ b/people/1375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13750.html b/people/13750.html
index 1301d5da..5784e241 100644
--- a/people/13750.html
+++ b/people/13750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13751.html b/people/13751.html
index ce034d3a..7f6d9cbc 100644
--- a/people/13751.html
+++ b/people/13751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13752.html b/people/13752.html
index 04221f77..3dd1c895 100644
--- a/people/13752.html
+++ b/people/13752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13753.html b/people/13753.html
index 9893a6ff..ff6c88d7 100644
--- a/people/13753.html
+++ b/people/13753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13754.html b/people/13754.html
index 8359bc76..d3ae4d9b 100644
--- a/people/13754.html
+++ b/people/13754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13755.html b/people/13755.html
index 007f13b0..3462aad7 100644
--- a/people/13755.html
+++ b/people/13755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13756.html b/people/13756.html
index e94e7d6d..82852243 100644
--- a/people/13756.html
+++ b/people/13756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13757.html b/people/13757.html
index 7459e6aa..f9084353 100644
--- a/people/13757.html
+++ b/people/13757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13758.html b/people/13758.html
index ad53d141..2aa0c5b6 100644
--- a/people/13758.html
+++ b/people/13758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13759.html b/people/13759.html
index 92a09056..d1ba5912 100644
--- a/people/13759.html
+++ b/people/13759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1376.html b/people/1376.html
index 933e56bd..aaaf9ee9 100644
--- a/people/1376.html
+++ b/people/1376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13760.html b/people/13760.html
index 30001ac3..dd9bcdcc 100644
--- a/people/13760.html
+++ b/people/13760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13761.html b/people/13761.html
index 90f873d9..a2b66864 100644
--- a/people/13761.html
+++ b/people/13761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13762.html b/people/13762.html
index 2f5959fc..ca17173c 100644
--- a/people/13762.html
+++ b/people/13762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13763.html b/people/13763.html
index 678b242f..d6af19d8 100644
--- a/people/13763.html
+++ b/people/13763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13764.html b/people/13764.html
index fc07f009..d4be9c42 100644
--- a/people/13764.html
+++ b/people/13764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13765.html b/people/13765.html
index 42479d11..fd9b187c 100644
--- a/people/13765.html
+++ b/people/13765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13766.html b/people/13766.html
index a5a18c5a..09c50016 100644
--- a/people/13766.html
+++ b/people/13766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13767.html b/people/13767.html
index 0f4e0cab..e7565c77 100644
--- a/people/13767.html
+++ b/people/13767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13768.html b/people/13768.html
index e682a68f..7ca8a29e 100644
--- a/people/13768.html
+++ b/people/13768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13769.html b/people/13769.html
index 776221b4..bf47b869 100644
--- a/people/13769.html
+++ b/people/13769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1377.html b/people/1377.html
index e7b6ab5c..5b8f38a6 100644
--- a/people/1377.html
+++ b/people/1377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13770.html b/people/13770.html
index df1278d6..97f62313 100644
--- a/people/13770.html
+++ b/people/13770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13771.html b/people/13771.html
index ed17968d..1a2e369c 100644
--- a/people/13771.html
+++ b/people/13771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13772.html b/people/13772.html
index ec6cb9fa..78a76fb4 100644
--- a/people/13772.html
+++ b/people/13772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13773.html b/people/13773.html
index 8195b1d8..b790927f 100644
--- a/people/13773.html
+++ b/people/13773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13774.html b/people/13774.html
index edb7d903..b03b742a 100644
--- a/people/13774.html
+++ b/people/13774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13775.html b/people/13775.html
index 9beb892f..fb17a68c 100644
--- a/people/13775.html
+++ b/people/13775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13776.html b/people/13776.html
index e6df77f2..553861d4 100644
--- a/people/13776.html
+++ b/people/13776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13777.html b/people/13777.html
index a55de1ac..f1dc95da 100644
--- a/people/13777.html
+++ b/people/13777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13778.html b/people/13778.html
index 26312fad..3e14ddf9 100644
--- a/people/13778.html
+++ b/people/13778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13779.html b/people/13779.html
index 6359d59b..5f4f1183 100644
--- a/people/13779.html
+++ b/people/13779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1378.html b/people/1378.html
index dfc63553..1c98252f 100644
--- a/people/1378.html
+++ b/people/1378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13780.html b/people/13780.html
index 9aac4a4c..7e5a4621 100644
--- a/people/13780.html
+++ b/people/13780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13781.html b/people/13781.html
index 5f77ca26..748277d4 100644
--- a/people/13781.html
+++ b/people/13781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13782.html b/people/13782.html
index 2ceed89b..49abca8c 100644
--- a/people/13782.html
+++ b/people/13782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13783.html b/people/13783.html
index 9a566a27..605407ec 100644
--- a/people/13783.html
+++ b/people/13783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13784.html b/people/13784.html
index 838fa900..1b647474 100644
--- a/people/13784.html
+++ b/people/13784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13785.html b/people/13785.html
index 3d987ecb..29b12a2a 100644
--- a/people/13785.html
+++ b/people/13785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13786.html b/people/13786.html
index d81d022f..04add0cb 100644
--- a/people/13786.html
+++ b/people/13786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13787.html b/people/13787.html
index d9fb32a5..0ca1b53a 100644
--- a/people/13787.html
+++ b/people/13787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13788.html b/people/13788.html
index ca326c6c..a8744076 100644
--- a/people/13788.html
+++ b/people/13788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13789.html b/people/13789.html
index 63f3e609..d2b8eea4 100644
--- a/people/13789.html
+++ b/people/13789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1379.html b/people/1379.html
index 77abf94f..359aa25a 100644
--- a/people/1379.html
+++ b/people/1379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13790.html b/people/13790.html
index 90f4467c..b62c7d81 100644
--- a/people/13790.html
+++ b/people/13790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13791.html b/people/13791.html
index c486f414..e6dc79cd 100644
--- a/people/13791.html
+++ b/people/13791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13792.html b/people/13792.html
index a3af286c..70188edb 100644
--- a/people/13792.html
+++ b/people/13792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13793.html b/people/13793.html
index 81106d5b..69375718 100644
--- a/people/13793.html
+++ b/people/13793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13794.html b/people/13794.html
index 90434a00..84b3c4e2 100644
--- a/people/13794.html
+++ b/people/13794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13795.html b/people/13795.html
index 32057f70..b7dfcb2d 100644
--- a/people/13795.html
+++ b/people/13795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13796.html b/people/13796.html
index 66034879..fdd9e9fd 100644
--- a/people/13796.html
+++ b/people/13796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13797.html b/people/13797.html
index bd8efd35..f3e22561 100644
--- a/people/13797.html
+++ b/people/13797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13798.html b/people/13798.html
index b64575e0..ed2fb662 100644
--- a/people/13798.html
+++ b/people/13798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13799.html b/people/13799.html
index 3872f28f..5dbb86ed 100644
--- a/people/13799.html
+++ b/people/13799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/138.html b/people/138.html
index b0402bcf..34223fa5 100644
--- a/people/138.html
+++ b/people/138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1380.html b/people/1380.html
index 13824d35..2aea9ef1 100644
--- a/people/1380.html
+++ b/people/1380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13800.html b/people/13800.html
index 12c8052b..7abbf678 100644
--- a/people/13800.html
+++ b/people/13800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13801.html b/people/13801.html
index 875b0d81..ea4cdea6 100644
--- a/people/13801.html
+++ b/people/13801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13802.html b/people/13802.html
index 098013e3..4da909ea 100644
--- a/people/13802.html
+++ b/people/13802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13803.html b/people/13803.html
index 0166c843..525198fe 100644
--- a/people/13803.html
+++ b/people/13803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13804.html b/people/13804.html
index 858afff4..ed05978c 100644
--- a/people/13804.html
+++ b/people/13804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13805.html b/people/13805.html
index 111bc43a..36e82eb0 100644
--- a/people/13805.html
+++ b/people/13805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13806.html b/people/13806.html
index 7d6a55d5..27a6bb20 100644
--- a/people/13806.html
+++ b/people/13806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13807.html b/people/13807.html
index 59d4549e..56b20eea 100644
--- a/people/13807.html
+++ b/people/13807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13808.html b/people/13808.html
index c4b02ca2..d21033e0 100644
--- a/people/13808.html
+++ b/people/13808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13809.html b/people/13809.html
index 7436fcf8..75346ad9 100644
--- a/people/13809.html
+++ b/people/13809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1381.html b/people/1381.html
index 9a820066..6bdfc4f5 100644
--- a/people/1381.html
+++ b/people/1381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13810.html b/people/13810.html
index 763d1d9d..18ffe3bc 100644
--- a/people/13810.html
+++ b/people/13810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13811.html b/people/13811.html
index 309f35d7..81306410 100644
--- a/people/13811.html
+++ b/people/13811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13812.html b/people/13812.html
index 05c4da2b..a4ebe74d 100644
--- a/people/13812.html
+++ b/people/13812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13813.html b/people/13813.html
index c4873c2d..22d8adfa 100644
--- a/people/13813.html
+++ b/people/13813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13814.html b/people/13814.html
index b9729cfa..6794a2ef 100644
--- a/people/13814.html
+++ b/people/13814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13815.html b/people/13815.html
index 261cb770..55186268 100644
--- a/people/13815.html
+++ b/people/13815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13816.html b/people/13816.html
index 767b0f5e..4964ae2c 100644
--- a/people/13816.html
+++ b/people/13816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13817.html b/people/13817.html
index 5c30b871..de593307 100644
--- a/people/13817.html
+++ b/people/13817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13818.html b/people/13818.html
index d91d14c0..329a306f 100644
--- a/people/13818.html
+++ b/people/13818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13819.html b/people/13819.html
index 58b20ab5..454e17f6 100644
--- a/people/13819.html
+++ b/people/13819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1382.html b/people/1382.html
index 8150fe0d..f5a8e094 100644
--- a/people/1382.html
+++ b/people/1382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13820.html b/people/13820.html
index a018102f..de48eec2 100644
--- a/people/13820.html
+++ b/people/13820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13821.html b/people/13821.html
index 0f0ebbcc..8495333b 100644
--- a/people/13821.html
+++ b/people/13821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13822.html b/people/13822.html
index cc3e5dcf..0ba616f8 100644
--- a/people/13822.html
+++ b/people/13822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13823.html b/people/13823.html
index 31595bea..8a9678c1 100644
--- a/people/13823.html
+++ b/people/13823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13824.html b/people/13824.html
index 41e47b95..e8312a76 100644
--- a/people/13824.html
+++ b/people/13824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13825.html b/people/13825.html
index 8dc89f2b..8d6294e2 100644
--- a/people/13825.html
+++ b/people/13825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13826.html b/people/13826.html
index 5424a166..e2035d3a 100644
--- a/people/13826.html
+++ b/people/13826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13827.html b/people/13827.html
index 33b3ff56..0c5bddfe 100644
--- a/people/13827.html
+++ b/people/13827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13828.html b/people/13828.html
index 59d64c50..3f1ffc64 100644
--- a/people/13828.html
+++ b/people/13828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13829.html b/people/13829.html
index 07b4d557..de2bc1d9 100644
--- a/people/13829.html
+++ b/people/13829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1383.html b/people/1383.html
index c5f9731a..325ba0ea 100644
--- a/people/1383.html
+++ b/people/1383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13830.html b/people/13830.html
index 34351b53..8fb04bd0 100644
--- a/people/13830.html
+++ b/people/13830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13831.html b/people/13831.html
index 7af50dbb..377dfb21 100644
--- a/people/13831.html
+++ b/people/13831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13832.html b/people/13832.html
index e0ad4df1..f9efcf65 100644
--- a/people/13832.html
+++ b/people/13832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13833.html b/people/13833.html
index 660eff57..ec5c42c7 100644
--- a/people/13833.html
+++ b/people/13833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13834.html b/people/13834.html
index 4493b3d3..2e75e9f5 100644
--- a/people/13834.html
+++ b/people/13834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13835.html b/people/13835.html
index 1f62ee7d..1ca0bda8 100644
--- a/people/13835.html
+++ b/people/13835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13836.html b/people/13836.html
index bf70ad31..734b29fb 100644
--- a/people/13836.html
+++ b/people/13836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13837.html b/people/13837.html
index 0d5afc2e..864aee99 100644
--- a/people/13837.html
+++ b/people/13837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13838.html b/people/13838.html
index d76cd067..69ee8049 100644
--- a/people/13838.html
+++ b/people/13838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13839.html b/people/13839.html
index 6e26e8ff..1166857b 100644
--- a/people/13839.html
+++ b/people/13839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1384.html b/people/1384.html
index 45f96d7a..85e910bc 100644
--- a/people/1384.html
+++ b/people/1384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13840.html b/people/13840.html
index 860ebe30..4d66543f 100644
--- a/people/13840.html
+++ b/people/13840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13841.html b/people/13841.html
index fac2cdd5..55ec82f1 100644
--- a/people/13841.html
+++ b/people/13841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13842.html b/people/13842.html
index 827e4e23..6ca7dad2 100644
--- a/people/13842.html
+++ b/people/13842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13843.html b/people/13843.html
index 87023f93..9f7724f5 100644
--- a/people/13843.html
+++ b/people/13843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13844.html b/people/13844.html
index dc0ecc68..4a259717 100644
--- a/people/13844.html
+++ b/people/13844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13845.html b/people/13845.html
index 1d360b16..07b3d7ba 100644
--- a/people/13845.html
+++ b/people/13845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13846.html b/people/13846.html
index 6ba90c56..14404b66 100644
--- a/people/13846.html
+++ b/people/13846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13847.html b/people/13847.html
index 0b247ac9..07630f68 100644
--- a/people/13847.html
+++ b/people/13847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13848.html b/people/13848.html
index 76be3977..78609498 100644
--- a/people/13848.html
+++ b/people/13848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13849.html b/people/13849.html
index 55b01582..463e03b7 100644
--- a/people/13849.html
+++ b/people/13849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1385.html b/people/1385.html
index 0795dea8..ad0b9c12 100644
--- a/people/1385.html
+++ b/people/1385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13850.html b/people/13850.html
index c5d23121..e7726e3a 100644
--- a/people/13850.html
+++ b/people/13850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13851.html b/people/13851.html
index 909e026d..90072850 100644
--- a/people/13851.html
+++ b/people/13851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13852.html b/people/13852.html
index 60016f01..0af67968 100644
--- a/people/13852.html
+++ b/people/13852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13853.html b/people/13853.html
index 7ff09dd0..3b799a16 100644
--- a/people/13853.html
+++ b/people/13853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13854.html b/people/13854.html
index c22f3c9a..d97be5a1 100644
--- a/people/13854.html
+++ b/people/13854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13855.html b/people/13855.html
index 80c23e6a..ad19ef86 100644
--- a/people/13855.html
+++ b/people/13855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13856.html b/people/13856.html
index 1bd8c057..149fe7f7 100644
--- a/people/13856.html
+++ b/people/13856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13857.html b/people/13857.html
index 93b723d5..2f9777f4 100644
--- a/people/13857.html
+++ b/people/13857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13858.html b/people/13858.html
index f3e8a5d6..7f9ee52b 100644
--- a/people/13858.html
+++ b/people/13858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13859.html b/people/13859.html
index 9c3a07e7..278085d6 100644
--- a/people/13859.html
+++ b/people/13859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1386.html b/people/1386.html
index e2862192..5cbd1a34 100644
--- a/people/1386.html
+++ b/people/1386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13860.html b/people/13860.html
index 16c40354..7678f5e8 100644
--- a/people/13860.html
+++ b/people/13860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13861.html b/people/13861.html
index 74a9a0f2..75aed90a 100644
--- a/people/13861.html
+++ b/people/13861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13862.html b/people/13862.html
index a27c000a..185f109b 100644
--- a/people/13862.html
+++ b/people/13862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13863.html b/people/13863.html
index 6e110cf3..3a833d9e 100644
--- a/people/13863.html
+++ b/people/13863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13864.html b/people/13864.html
index 815444bd..39f97cd2 100644
--- a/people/13864.html
+++ b/people/13864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13865.html b/people/13865.html
index 1545c01e..2348fdd9 100644
--- a/people/13865.html
+++ b/people/13865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13866.html b/people/13866.html
index 00aacdce..6a813c9a 100644
--- a/people/13866.html
+++ b/people/13866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13867.html b/people/13867.html
index d1fdab5f..b82902bf 100644
--- a/people/13867.html
+++ b/people/13867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13868.html b/people/13868.html
index 447e8079..1c90b568 100644
--- a/people/13868.html
+++ b/people/13868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13869.html b/people/13869.html
index b8c4c4e2..13a649d8 100644
--- a/people/13869.html
+++ b/people/13869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1387.html b/people/1387.html
index 4855f08b..72915895 100644
--- a/people/1387.html
+++ b/people/1387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13870.html b/people/13870.html
index 7e29d1c7..c20c0dd4 100644
--- a/people/13870.html
+++ b/people/13870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13871.html b/people/13871.html
index b464290d..739d5acc 100644
--- a/people/13871.html
+++ b/people/13871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13872.html b/people/13872.html
index 5dc38f60..692c7b36 100644
--- a/people/13872.html
+++ b/people/13872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13873.html b/people/13873.html
index 3cbe622e..93ac2a69 100644
--- a/people/13873.html
+++ b/people/13873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13874.html b/people/13874.html
index 308a641d..d591b1be 100644
--- a/people/13874.html
+++ b/people/13874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13875.html b/people/13875.html
index c974f111..96a342f8 100644
--- a/people/13875.html
+++ b/people/13875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13876.html b/people/13876.html
index 500da1f6..3f105b8d 100644
--- a/people/13876.html
+++ b/people/13876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13877.html b/people/13877.html
index bbe7827b..34320b4f 100644
--- a/people/13877.html
+++ b/people/13877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13878.html b/people/13878.html
index 56346450..3cf79e8b 100644
--- a/people/13878.html
+++ b/people/13878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13879.html b/people/13879.html
index bb374d10..7f27c918 100644
--- a/people/13879.html
+++ b/people/13879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1388.html b/people/1388.html
index 960eb452..5ef0edc4 100644
--- a/people/1388.html
+++ b/people/1388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13880.html b/people/13880.html
index 7bd520b2..28be6a14 100644
--- a/people/13880.html
+++ b/people/13880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13881.html b/people/13881.html
index 7604b1e0..702313ed 100644
--- a/people/13881.html
+++ b/people/13881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13882.html b/people/13882.html
index 29fec840..f790588f 100644
--- a/people/13882.html
+++ b/people/13882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13883.html b/people/13883.html
index a66e4cc6..b2e402eb 100644
--- a/people/13883.html
+++ b/people/13883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13884.html b/people/13884.html
index 7f1b392a..b136b335 100644
--- a/people/13884.html
+++ b/people/13884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13885.html b/people/13885.html
index 728a758f..932089fb 100644
--- a/people/13885.html
+++ b/people/13885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13886.html b/people/13886.html
index 063d49e1..70853bad 100644
--- a/people/13886.html
+++ b/people/13886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13887.html b/people/13887.html
index 055562a3..d6388ec1 100644
--- a/people/13887.html
+++ b/people/13887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13888.html b/people/13888.html
index 970f3c7a..908aa80e 100644
--- a/people/13888.html
+++ b/people/13888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13889.html b/people/13889.html
index 6a1876fa..a23f14f8 100644
--- a/people/13889.html
+++ b/people/13889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1389.html b/people/1389.html
index 8fb1e930..422bfc88 100644
--- a/people/1389.html
+++ b/people/1389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13890.html b/people/13890.html
index 6bb231ac..eb8ea9fc 100644
--- a/people/13890.html
+++ b/people/13890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13891.html b/people/13891.html
index 48ecbff3..a6300137 100644
--- a/people/13891.html
+++ b/people/13891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13892.html b/people/13892.html
index 643e21e6..1122ed8a 100644
--- a/people/13892.html
+++ b/people/13892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13893.html b/people/13893.html
index 7aa362f3..2ae02eeb 100644
--- a/people/13893.html
+++ b/people/13893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13894.html b/people/13894.html
index 8dcf4814..60fd6f26 100644
--- a/people/13894.html
+++ b/people/13894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13895.html b/people/13895.html
index ffe68339..3af73b0c 100644
--- a/people/13895.html
+++ b/people/13895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13896.html b/people/13896.html
index af999366..8830ab34 100644
--- a/people/13896.html
+++ b/people/13896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13897.html b/people/13897.html
index 26eaedf4..a5096746 100644
--- a/people/13897.html
+++ b/people/13897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13898.html b/people/13898.html
index 12730cb3..9ada1161 100644
--- a/people/13898.html
+++ b/people/13898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13899.html b/people/13899.html
index d8aca083..dc5a49a7 100644
--- a/people/13899.html
+++ b/people/13899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/139.html b/people/139.html
index 8c4c89c5..c07ae636 100644
--- a/people/139.html
+++ b/people/139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1390.html b/people/1390.html
index 0bef0c12..95c3944e 100644
--- a/people/1390.html
+++ b/people/1390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13900.html b/people/13900.html
index bb7d47ed..a67d2c75 100644
--- a/people/13900.html
+++ b/people/13900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13901.html b/people/13901.html
index d35a9ba3..c189a214 100644
--- a/people/13901.html
+++ b/people/13901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13902.html b/people/13902.html
index bfdf8cf8..8051e97b 100644
--- a/people/13902.html
+++ b/people/13902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13903.html b/people/13903.html
index 84985c1a..2125542b 100644
--- a/people/13903.html
+++ b/people/13903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13904.html b/people/13904.html
index 0edd9d35..3ae03b88 100644
--- a/people/13904.html
+++ b/people/13904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13905.html b/people/13905.html
index f07b1455..9c0e066d 100644
--- a/people/13905.html
+++ b/people/13905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13906.html b/people/13906.html
index e0f84c74..349bd5ac 100644
--- a/people/13906.html
+++ b/people/13906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13907.html b/people/13907.html
index 90f960ea..06d71d97 100644
--- a/people/13907.html
+++ b/people/13907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13908.html b/people/13908.html
index d41c89c7..20fa4979 100644
--- a/people/13908.html
+++ b/people/13908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13909.html b/people/13909.html
index 0876194b..f16edf1e 100644
--- a/people/13909.html
+++ b/people/13909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1391.html b/people/1391.html
index eb851855..bf0bfba8 100644
--- a/people/1391.html
+++ b/people/1391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13910.html b/people/13910.html
index 9790cef4..a2c1df2b 100644
--- a/people/13910.html
+++ b/people/13910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13911.html b/people/13911.html
index 8f99969c..fc119727 100644
--- a/people/13911.html
+++ b/people/13911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13912.html b/people/13912.html
index 031e481e..fe5f0856 100644
--- a/people/13912.html
+++ b/people/13912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13913.html b/people/13913.html
index 6c327d81..560b20ba 100644
--- a/people/13913.html
+++ b/people/13913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13914.html b/people/13914.html
index 00d551e9..2bb7e30f 100644
--- a/people/13914.html
+++ b/people/13914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13915.html b/people/13915.html
index 7b467afa..bed6130d 100644
--- a/people/13915.html
+++ b/people/13915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13916.html b/people/13916.html
index 2b292122..1f72a79a 100644
--- a/people/13916.html
+++ b/people/13916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13917.html b/people/13917.html
index 7292ddc1..2a4b698a 100644
--- a/people/13917.html
+++ b/people/13917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13918.html b/people/13918.html
index b8100da2..2eaf68cc 100644
--- a/people/13918.html
+++ b/people/13918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13919.html b/people/13919.html
index cca2ed92..c659eb28 100644
--- a/people/13919.html
+++ b/people/13919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1392.html b/people/1392.html
index e6a59feb..310dd621 100644
--- a/people/1392.html
+++ b/people/1392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13920.html b/people/13920.html
index affdd974..ec7e0198 100644
--- a/people/13920.html
+++ b/people/13920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13921.html b/people/13921.html
index 7a2dca5c..3ae96861 100644
--- a/people/13921.html
+++ b/people/13921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13922.html b/people/13922.html
index b1716b7d..a1cf6479 100644
--- a/people/13922.html
+++ b/people/13922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13923.html b/people/13923.html
index a159730a..040d70d9 100644
--- a/people/13923.html
+++ b/people/13923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13924.html b/people/13924.html
index 9355157c..6a766e69 100644
--- a/people/13924.html
+++ b/people/13924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13925.html b/people/13925.html
index 1a86ac3f..5c0ba1eb 100644
--- a/people/13925.html
+++ b/people/13925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13926.html b/people/13926.html
index cdcf3401..d0dd28e5 100644
--- a/people/13926.html
+++ b/people/13926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13927.html b/people/13927.html
index b452a647..37c90b71 100644
--- a/people/13927.html
+++ b/people/13927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13928.html b/people/13928.html
index fe94923b..3f3d3c0f 100644
--- a/people/13928.html
+++ b/people/13928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13929.html b/people/13929.html
index 3d195788..4bae3d73 100644
--- a/people/13929.html
+++ b/people/13929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1393.html b/people/1393.html
index 343f8721..40951c49 100644
--- a/people/1393.html
+++ b/people/1393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13930.html b/people/13930.html
index 4a0ed16f..0be52548 100644
--- a/people/13930.html
+++ b/people/13930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13931.html b/people/13931.html
index 883ff775..9ebf7740 100644
--- a/people/13931.html
+++ b/people/13931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13932.html b/people/13932.html
index fc9e7ab3..5f3a1a90 100644
--- a/people/13932.html
+++ b/people/13932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13933.html b/people/13933.html
index 59767833..e3883146 100644
--- a/people/13933.html
+++ b/people/13933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13934.html b/people/13934.html
index 729435ae..0e7e19ea 100644
--- a/people/13934.html
+++ b/people/13934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13935.html b/people/13935.html
index 0c6489c0..8b76233d 100644
--- a/people/13935.html
+++ b/people/13935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13936.html b/people/13936.html
index e3209e5a..221983f6 100644
--- a/people/13936.html
+++ b/people/13936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13937.html b/people/13937.html
index 9b4d587b..0c41a639 100644
--- a/people/13937.html
+++ b/people/13937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13938.html b/people/13938.html
index 8f132b30..29e3c44f 100644
--- a/people/13938.html
+++ b/people/13938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13939.html b/people/13939.html
index 0bbb1f94..991004e2 100644
--- a/people/13939.html
+++ b/people/13939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1394.html b/people/1394.html
index 23812fe2..785f0d13 100644
--- a/people/1394.html
+++ b/people/1394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13940.html b/people/13940.html
index 28632c85..ab82d3a5 100644
--- a/people/13940.html
+++ b/people/13940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13941.html b/people/13941.html
index febe404e..6664995a 100644
--- a/people/13941.html
+++ b/people/13941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13942.html b/people/13942.html
index c88326b4..b08f3eaa 100644
--- a/people/13942.html
+++ b/people/13942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13943.html b/people/13943.html
index c4834d76..a4b9c49a 100644
--- a/people/13943.html
+++ b/people/13943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13944.html b/people/13944.html
index d918b118..70800219 100644
--- a/people/13944.html
+++ b/people/13944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13945.html b/people/13945.html
index 6aca1efc..e903ea95 100644
--- a/people/13945.html
+++ b/people/13945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13946.html b/people/13946.html
index 71712c6b..e671faed 100644
--- a/people/13946.html
+++ b/people/13946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13947.html b/people/13947.html
index c6873926..c9f4055f 100644
--- a/people/13947.html
+++ b/people/13947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13948.html b/people/13948.html
index 4e0adc82..a1820a41 100644
--- a/people/13948.html
+++ b/people/13948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13949.html b/people/13949.html
index 8c3615c8..91b2c5dc 100644
--- a/people/13949.html
+++ b/people/13949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1395.html b/people/1395.html
index 7d5ff189..87ad24ab 100644
--- a/people/1395.html
+++ b/people/1395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13950.html b/people/13950.html
index 9ea444ca..55bb7ac6 100644
--- a/people/13950.html
+++ b/people/13950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13951.html b/people/13951.html
index 50da494f..cfbf3a45 100644
--- a/people/13951.html
+++ b/people/13951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13952.html b/people/13952.html
index e8c47080..6810b397 100644
--- a/people/13952.html
+++ b/people/13952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13953.html b/people/13953.html
index 77e3124b..49bfef80 100644
--- a/people/13953.html
+++ b/people/13953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13954.html b/people/13954.html
index c5b54d55..00e9734e 100644
--- a/people/13954.html
+++ b/people/13954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13955.html b/people/13955.html
index b65f5fd2..e3726685 100644
--- a/people/13955.html
+++ b/people/13955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13956.html b/people/13956.html
index a0315e49..3bb8523d 100644
--- a/people/13956.html
+++ b/people/13956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13957.html b/people/13957.html
index bdcb46c5..0f14de13 100644
--- a/people/13957.html
+++ b/people/13957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13958.html b/people/13958.html
index 0619bc8e..913de6bd 100644
--- a/people/13958.html
+++ b/people/13958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13959.html b/people/13959.html
index 061e5740..b2978a65 100644
--- a/people/13959.html
+++ b/people/13959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1396.html b/people/1396.html
index ab0cd9cc..44322e90 100644
--- a/people/1396.html
+++ b/people/1396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13960.html b/people/13960.html
index 20ae2363..62c4aaee 100644
--- a/people/13960.html
+++ b/people/13960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13961.html b/people/13961.html
index 4ff26cb5..51d8d9a7 100644
--- a/people/13961.html
+++ b/people/13961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13962.html b/people/13962.html
index 3c31f767..330b2e7a 100644
--- a/people/13962.html
+++ b/people/13962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13963.html b/people/13963.html
index 6c096cae..8677afda 100644
--- a/people/13963.html
+++ b/people/13963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13964.html b/people/13964.html
index 119a0cc2..114b6968 100644
--- a/people/13964.html
+++ b/people/13964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13965.html b/people/13965.html
index 061b6ede..12c95807 100644
--- a/people/13965.html
+++ b/people/13965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13966.html b/people/13966.html
index 85bad74a..3b525866 100644
--- a/people/13966.html
+++ b/people/13966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13967.html b/people/13967.html
index b21594b1..fb5529f7 100644
--- a/people/13967.html
+++ b/people/13967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13968.html b/people/13968.html
index d81c93b4..dace4662 100644
--- a/people/13968.html
+++ b/people/13968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13969.html b/people/13969.html
index d43ba243..646a04b8 100644
--- a/people/13969.html
+++ b/people/13969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1397.html b/people/1397.html
index 1ad2f7a2..47d1a65e 100644
--- a/people/1397.html
+++ b/people/1397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13970.html b/people/13970.html
index 62c8e693..db94776a 100644
--- a/people/13970.html
+++ b/people/13970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13971.html b/people/13971.html
index 46264b50..b6010a50 100644
--- a/people/13971.html
+++ b/people/13971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13972.html b/people/13972.html
index c96be923..78ba3bf0 100644
--- a/people/13972.html
+++ b/people/13972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13973.html b/people/13973.html
index 3b8ea9b7..0720fc9e 100644
--- a/people/13973.html
+++ b/people/13973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13974.html b/people/13974.html
index 2803e5a0..6f893d65 100644
--- a/people/13974.html
+++ b/people/13974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13975.html b/people/13975.html
index d18952b0..a56b4b64 100644
--- a/people/13975.html
+++ b/people/13975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13976.html b/people/13976.html
index 5e1034fe..6423e362 100644
--- a/people/13976.html
+++ b/people/13976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13977.html b/people/13977.html
index 3e71cf5e..20ffed2d 100644
--- a/people/13977.html
+++ b/people/13977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13978.html b/people/13978.html
index be8a8f84..62e6bfff 100644
--- a/people/13978.html
+++ b/people/13978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13979.html b/people/13979.html
index fa2c6ed0..e94e09ca 100644
--- a/people/13979.html
+++ b/people/13979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1398.html b/people/1398.html
index 3523e601..b4159a6d 100644
--- a/people/1398.html
+++ b/people/1398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13980.html b/people/13980.html
index 84ce750a..11248b27 100644
--- a/people/13980.html
+++ b/people/13980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13981.html b/people/13981.html
index e5f7082f..97ac4d57 100644
--- a/people/13981.html
+++ b/people/13981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13982.html b/people/13982.html
index 305fed0f..c35359ae 100644
--- a/people/13982.html
+++ b/people/13982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13983.html b/people/13983.html
index 62ebc6e9..fd086991 100644
--- a/people/13983.html
+++ b/people/13983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13984.html b/people/13984.html
index 313b8fed..bfba0744 100644
--- a/people/13984.html
+++ b/people/13984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13985.html b/people/13985.html
index 44ada413..933b8be6 100644
--- a/people/13985.html
+++ b/people/13985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13986.html b/people/13986.html
index e84ea52d..5ecaf5ba 100644
--- a/people/13986.html
+++ b/people/13986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13987.html b/people/13987.html
index 8a5ce779..1fa673c2 100644
--- a/people/13987.html
+++ b/people/13987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13988.html b/people/13988.html
index 423e8a81..f5d996bd 100644
--- a/people/13988.html
+++ b/people/13988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13989.html b/people/13989.html
index 435792a5..fa0d2d6e 100644
--- a/people/13989.html
+++ b/people/13989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1399.html b/people/1399.html
index e2f53de1..5a7e6631 100644
--- a/people/1399.html
+++ b/people/1399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13990.html b/people/13990.html
index 3db5914d..25712cd8 100644
--- a/people/13990.html
+++ b/people/13990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13991.html b/people/13991.html
index d3ee2615..9ab2d850 100644
--- a/people/13991.html
+++ b/people/13991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13992.html b/people/13992.html
index 07286834..7b10579e 100644
--- a/people/13992.html
+++ b/people/13992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13993.html b/people/13993.html
index 98f2d172..9dc4fdbc 100644
--- a/people/13993.html
+++ b/people/13993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13994.html b/people/13994.html
index fb3fa013..cc6ad76e 100644
--- a/people/13994.html
+++ b/people/13994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13995.html b/people/13995.html
index b2db8394..425a5fd3 100644
--- a/people/13995.html
+++ b/people/13995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13996.html b/people/13996.html
index 300adfc3..b9939321 100644
--- a/people/13996.html
+++ b/people/13996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13997.html b/people/13997.html
index 43968678..ce83b1a6 100644
--- a/people/13997.html
+++ b/people/13997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13998.html b/people/13998.html
index 74307586..4c36fd47 100644
--- a/people/13998.html
+++ b/people/13998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/13999.html b/people/13999.html
index 5a90567a..83014a3e 100644
--- a/people/13999.html
+++ b/people/13999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14.html b/people/14.html
index 5575776c..7d4e68ef 100644
--- a/people/14.html
+++ b/people/14.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/140.html b/people/140.html
index 41522d7a..fb58a789 100644
--- a/people/140.html
+++ b/people/140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1400.html b/people/1400.html
index dd46f050..871d5cfa 100644
--- a/people/1400.html
+++ b/people/1400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14000.html b/people/14000.html
index ed4f8c0e..4f91dea9 100644
--- a/people/14000.html
+++ b/people/14000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14001.html b/people/14001.html
index 385cf7b0..7e3debbd 100644
--- a/people/14001.html
+++ b/people/14001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14002.html b/people/14002.html
index 7df6d7d5..4f93f3ae 100644
--- a/people/14002.html
+++ b/people/14002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14003.html b/people/14003.html
index fe7dbb55..e336891b 100644
--- a/people/14003.html
+++ b/people/14003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14004.html b/people/14004.html
index a9b000b2..8441e6c0 100644
--- a/people/14004.html
+++ b/people/14004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14005.html b/people/14005.html
index b37c0a1b..c443229d 100644
--- a/people/14005.html
+++ b/people/14005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14006.html b/people/14006.html
index 64978888..face6df1 100644
--- a/people/14006.html
+++ b/people/14006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14007.html b/people/14007.html
index 46be66a4..282dc0a0 100644
--- a/people/14007.html
+++ b/people/14007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14008.html b/people/14008.html
index a655ad99..baf0d3bc 100644
--- a/people/14008.html
+++ b/people/14008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14009.html b/people/14009.html
index 67599d4e..bcbf163b 100644
--- a/people/14009.html
+++ b/people/14009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1401.html b/people/1401.html
index 450ff5f9..d467584e 100644
--- a/people/1401.html
+++ b/people/1401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14010.html b/people/14010.html
index 7977881a..c0f3d398 100644
--- a/people/14010.html
+++ b/people/14010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14011.html b/people/14011.html
index b679fc8a..140c37fd 100644
--- a/people/14011.html
+++ b/people/14011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14012.html b/people/14012.html
index 9b456897..7fbb6034 100644
--- a/people/14012.html
+++ b/people/14012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14013.html b/people/14013.html
index 2be58129..d361c07f 100644
--- a/people/14013.html
+++ b/people/14013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14014.html b/people/14014.html
index 34ee1574..58b17a16 100644
--- a/people/14014.html
+++ b/people/14014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14015.html b/people/14015.html
index 7a72ce2a..97335153 100644
--- a/people/14015.html
+++ b/people/14015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14016.html b/people/14016.html
index 81ffabee..e7f2d5ff 100644
--- a/people/14016.html
+++ b/people/14016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14017.html b/people/14017.html
index 0dbba051..225aef21 100644
--- a/people/14017.html
+++ b/people/14017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14018.html b/people/14018.html
index 02435858..26f3dde9 100644
--- a/people/14018.html
+++ b/people/14018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14019.html b/people/14019.html
index b2a8b97e..15372fe7 100644
--- a/people/14019.html
+++ b/people/14019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1402.html b/people/1402.html
index 71484871..d9ed902e 100644
--- a/people/1402.html
+++ b/people/1402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14020.html b/people/14020.html
index 00e03ae6..152d81eb 100644
--- a/people/14020.html
+++ b/people/14020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14021.html b/people/14021.html
index 3595ae4f..f27bde87 100644
--- a/people/14021.html
+++ b/people/14021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14022.html b/people/14022.html
index b8785f66..b2f751ef 100644
--- a/people/14022.html
+++ b/people/14022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14023.html b/people/14023.html
index c93a2b2c..81c06b4f 100644
--- a/people/14023.html
+++ b/people/14023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14024.html b/people/14024.html
index dec74744..9846497e 100644
--- a/people/14024.html
+++ b/people/14024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14025.html b/people/14025.html
index e1e4137b..eea82de6 100644
--- a/people/14025.html
+++ b/people/14025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14026.html b/people/14026.html
index 83656b1a..79ad9a4c 100644
--- a/people/14026.html
+++ b/people/14026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14027.html b/people/14027.html
index 8d21da6f..b1269adc 100644
--- a/people/14027.html
+++ b/people/14027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14028.html b/people/14028.html
index 3ca399ad..ac95d5d9 100644
--- a/people/14028.html
+++ b/people/14028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14029.html b/people/14029.html
index 0ab5e4a9..72d9e0f2 100644
--- a/people/14029.html
+++ b/people/14029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1403.html b/people/1403.html
index a16ad0d1..9c18c7f8 100644
--- a/people/1403.html
+++ b/people/1403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14030.html b/people/14030.html
index c1282fc6..53c8f73f 100644
--- a/people/14030.html
+++ b/people/14030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14031.html b/people/14031.html
index 91ff1df3..b5aeda31 100644
--- a/people/14031.html
+++ b/people/14031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14032.html b/people/14032.html
index 33a7fc75..a7d34aa1 100644
--- a/people/14032.html
+++ b/people/14032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14033.html b/people/14033.html
index 93164294..8c03f006 100644
--- a/people/14033.html
+++ b/people/14033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14034.html b/people/14034.html
index c8f9a7d4..d14f31a1 100644
--- a/people/14034.html
+++ b/people/14034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14035.html b/people/14035.html
index 972f42de..a32ba237 100644
--- a/people/14035.html
+++ b/people/14035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14036.html b/people/14036.html
index 385df67d..822b49d0 100644
--- a/people/14036.html
+++ b/people/14036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14037.html b/people/14037.html
index 9e0a8c82..1acf340a 100644
--- a/people/14037.html
+++ b/people/14037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14038.html b/people/14038.html
index b0c751eb..9b2a0d20 100644
--- a/people/14038.html
+++ b/people/14038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14039.html b/people/14039.html
index e5290128..73e76310 100644
--- a/people/14039.html
+++ b/people/14039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1404.html b/people/1404.html
index d2d0a959..15fcd087 100644
--- a/people/1404.html
+++ b/people/1404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14040.html b/people/14040.html
index 2c49fe66..66a722fc 100644
--- a/people/14040.html
+++ b/people/14040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14041.html b/people/14041.html
index 03c3f8cd..818dfc3a 100644
--- a/people/14041.html
+++ b/people/14041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14042.html b/people/14042.html
index 566a3eba..46e59cea 100644
--- a/people/14042.html
+++ b/people/14042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14043.html b/people/14043.html
index 08d758a0..ebc52d78 100644
--- a/people/14043.html
+++ b/people/14043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14044.html b/people/14044.html
index 5bbd9f62..83606b00 100644
--- a/people/14044.html
+++ b/people/14044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14045.html b/people/14045.html
index 73cdcab8..af7092f7 100644
--- a/people/14045.html
+++ b/people/14045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14046.html b/people/14046.html
index 2716a555..baca3370 100644
--- a/people/14046.html
+++ b/people/14046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14047.html b/people/14047.html
index 30dc655b..02f384b9 100644
--- a/people/14047.html
+++ b/people/14047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14048.html b/people/14048.html
index 71dc2d61..c3724e06 100644
--- a/people/14048.html
+++ b/people/14048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14049.html b/people/14049.html
index a0c2f126..329efe1a 100644
--- a/people/14049.html
+++ b/people/14049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1405.html b/people/1405.html
index 461fc5be..564f4557 100644
--- a/people/1405.html
+++ b/people/1405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14050.html b/people/14050.html
index 00d77190..e479df2e 100644
--- a/people/14050.html
+++ b/people/14050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14051.html b/people/14051.html
index b19e1cad..7772d5c4 100644
--- a/people/14051.html
+++ b/people/14051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14052.html b/people/14052.html
index d6af452c..34c1020b 100644
--- a/people/14052.html
+++ b/people/14052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14053.html b/people/14053.html
index 889c7b35..c8473126 100644
--- a/people/14053.html
+++ b/people/14053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14054.html b/people/14054.html
index 8c1d3f38..0808847e 100644
--- a/people/14054.html
+++ b/people/14054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14055.html b/people/14055.html
index 9a64757d..8946f5fb 100644
--- a/people/14055.html
+++ b/people/14055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14056.html b/people/14056.html
index 61da4ea1..95adffc7 100644
--- a/people/14056.html
+++ b/people/14056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14057.html b/people/14057.html
index c03fbc73..5ca7e268 100644
--- a/people/14057.html
+++ b/people/14057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14058.html b/people/14058.html
index 92ec799b..d56379af 100644
--- a/people/14058.html
+++ b/people/14058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14059.html b/people/14059.html
index 572d6922..6dcc0c2a 100644
--- a/people/14059.html
+++ b/people/14059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1406.html b/people/1406.html
index ec824157..ec889bff 100644
--- a/people/1406.html
+++ b/people/1406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14060.html b/people/14060.html
index 2849074a..25dcd3c9 100644
--- a/people/14060.html
+++ b/people/14060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14061.html b/people/14061.html
index 6c7b3c7b..ba84623a 100644
--- a/people/14061.html
+++ b/people/14061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14062.html b/people/14062.html
index 9349d43a..52ec12f5 100644
--- a/people/14062.html
+++ b/people/14062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14063.html b/people/14063.html
index ca42756d..9f8cb744 100644
--- a/people/14063.html
+++ b/people/14063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14064.html b/people/14064.html
index 4cc85e3a..3ddf39c2 100644
--- a/people/14064.html
+++ b/people/14064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14065.html b/people/14065.html
index 91cdc5ab..a81e93d5 100644
--- a/people/14065.html
+++ b/people/14065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14066.html b/people/14066.html
index 40a421fc..1e1ce082 100644
--- a/people/14066.html
+++ b/people/14066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14067.html b/people/14067.html
index fe42f6c7..ac78bf33 100644
--- a/people/14067.html
+++ b/people/14067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14068.html b/people/14068.html
index a5e368c8..904e95af 100644
--- a/people/14068.html
+++ b/people/14068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14069.html b/people/14069.html
index 3aecfe27..7a16b924 100644
--- a/people/14069.html
+++ b/people/14069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1407.html b/people/1407.html
index 422cb8ae..62af6370 100644
--- a/people/1407.html
+++ b/people/1407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14070.html b/people/14070.html
index cc5768df..654d585b 100644
--- a/people/14070.html
+++ b/people/14070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14071.html b/people/14071.html
index a5d46af6..ef497db4 100644
--- a/people/14071.html
+++ b/people/14071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14072.html b/people/14072.html
index 4ac2fcde..9bd75fe7 100644
--- a/people/14072.html
+++ b/people/14072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14073.html b/people/14073.html
index cdf87530..ce14a966 100644
--- a/people/14073.html
+++ b/people/14073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14074.html b/people/14074.html
index 10fdd68c..91c638c7 100644
--- a/people/14074.html
+++ b/people/14074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14075.html b/people/14075.html
index c8e1f4f0..56eae011 100644
--- a/people/14075.html
+++ b/people/14075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14076.html b/people/14076.html
index 1da4e6db..6d6738a3 100644
--- a/people/14076.html
+++ b/people/14076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14077.html b/people/14077.html
index 36cbcb22..254f3280 100644
--- a/people/14077.html
+++ b/people/14077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14078.html b/people/14078.html
index 0e6265d7..957dc016 100644
--- a/people/14078.html
+++ b/people/14078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14079.html b/people/14079.html
index e23a58c0..be908316 100644
--- a/people/14079.html
+++ b/people/14079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1408.html b/people/1408.html
index d6324d42..edbb25dd 100644
--- a/people/1408.html
+++ b/people/1408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14080.html b/people/14080.html
index 02715ea5..251a38bd 100644
--- a/people/14080.html
+++ b/people/14080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14081.html b/people/14081.html
index 58eb5527..8c15e4ba 100644
--- a/people/14081.html
+++ b/people/14081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14082.html b/people/14082.html
index 2647f001..999eda23 100644
--- a/people/14082.html
+++ b/people/14082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14083.html b/people/14083.html
index 3c6c2491..de44178d 100644
--- a/people/14083.html
+++ b/people/14083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14084.html b/people/14084.html
index 640fbde4..97d0b794 100644
--- a/people/14084.html
+++ b/people/14084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14085.html b/people/14085.html
index f24ba2d8..bf2c3c89 100644
--- a/people/14085.html
+++ b/people/14085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14086.html b/people/14086.html
index 948ee10d..fda2e451 100644
--- a/people/14086.html
+++ b/people/14086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14087.html b/people/14087.html
index bea55b0d..f573b9a3 100644
--- a/people/14087.html
+++ b/people/14087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14088.html b/people/14088.html
index f5b94193..c3f96d3e 100644
--- a/people/14088.html
+++ b/people/14088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14089.html b/people/14089.html
index 047e0435..b179a0ec 100644
--- a/people/14089.html
+++ b/people/14089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1409.html b/people/1409.html
index 4b00113e..575defd9 100644
--- a/people/1409.html
+++ b/people/1409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14090.html b/people/14090.html
index 18a73145..d92292c3 100644
--- a/people/14090.html
+++ b/people/14090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14091.html b/people/14091.html
index 60b01794..728934e5 100644
--- a/people/14091.html
+++ b/people/14091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14092.html b/people/14092.html
index ceb24975..648b0ec3 100644
--- a/people/14092.html
+++ b/people/14092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14093.html b/people/14093.html
index dc639ece..81b40a86 100644
--- a/people/14093.html
+++ b/people/14093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14094.html b/people/14094.html
index 35899bb4..536b19c3 100644
--- a/people/14094.html
+++ b/people/14094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14095.html b/people/14095.html
index 5d3a6607..09f704fb 100644
--- a/people/14095.html
+++ b/people/14095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14096.html b/people/14096.html
index 5dc114fd..4c868e7a 100644
--- a/people/14096.html
+++ b/people/14096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14097.html b/people/14097.html
index 61382ccf..37239cf8 100644
--- a/people/14097.html
+++ b/people/14097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14098.html b/people/14098.html
index d1518622..33d1d984 100644
--- a/people/14098.html
+++ b/people/14098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14099.html b/people/14099.html
index 4f4a82b0..5f30bba4 100644
--- a/people/14099.html
+++ b/people/14099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/141.html b/people/141.html
index 87121438..5ba0ae40 100644
--- a/people/141.html
+++ b/people/141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1410.html b/people/1410.html
index 6fbfe2c7..bb2faa68 100644
--- a/people/1410.html
+++ b/people/1410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14100.html b/people/14100.html
index 0cb3b9c4..94b07188 100644
--- a/people/14100.html
+++ b/people/14100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14101.html b/people/14101.html
index b22a9390..63b2da51 100644
--- a/people/14101.html
+++ b/people/14101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14102.html b/people/14102.html
index 0b08958f..35ecbb59 100644
--- a/people/14102.html
+++ b/people/14102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14103.html b/people/14103.html
index 0c60a265..8f4989d6 100644
--- a/people/14103.html
+++ b/people/14103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14104.html b/people/14104.html
index 4a2bb1cf..dbd6719c 100644
--- a/people/14104.html
+++ b/people/14104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14105.html b/people/14105.html
index e0838b9d..ed83ffcc 100644
--- a/people/14105.html
+++ b/people/14105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14106.html b/people/14106.html
index 7c68feb7..4dfb4305 100644
--- a/people/14106.html
+++ b/people/14106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14107.html b/people/14107.html
index 8863563b..6aa88c97 100644
--- a/people/14107.html
+++ b/people/14107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14108.html b/people/14108.html
index 4beb1680..5ba4cf14 100644
--- a/people/14108.html
+++ b/people/14108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14109.html b/people/14109.html
index 775aee92..c6e0b171 100644
--- a/people/14109.html
+++ b/people/14109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1411.html b/people/1411.html
index f08d8ca8..8bc5b119 100644
--- a/people/1411.html
+++ b/people/1411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14110.html b/people/14110.html
index a42c6b69..8724a55c 100644
--- a/people/14110.html
+++ b/people/14110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14111.html b/people/14111.html
index a07cf576..199516f4 100644
--- a/people/14111.html
+++ b/people/14111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14112.html b/people/14112.html
index c91d9094..42ba189b 100644
--- a/people/14112.html
+++ b/people/14112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14113.html b/people/14113.html
index da2bf520..3993ff06 100644
--- a/people/14113.html
+++ b/people/14113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14114.html b/people/14114.html
index 778b73a4..95faf24f 100644
--- a/people/14114.html
+++ b/people/14114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14115.html b/people/14115.html
index bdd44b83..8d53f945 100644
--- a/people/14115.html
+++ b/people/14115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14116.html b/people/14116.html
index 1f2a7ce6..740b95a3 100644
--- a/people/14116.html
+++ b/people/14116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14117.html b/people/14117.html
index d6050f53..bb243a7c 100644
--- a/people/14117.html
+++ b/people/14117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14118.html b/people/14118.html
index fc960d8f..025ff1e1 100644
--- a/people/14118.html
+++ b/people/14118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14119.html b/people/14119.html
index de43075b..6ecf0843 100644
--- a/people/14119.html
+++ b/people/14119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1412.html b/people/1412.html
index 3fcea283..bef9cd62 100644
--- a/people/1412.html
+++ b/people/1412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14120.html b/people/14120.html
index dff5bd76..ab4c25be 100644
--- a/people/14120.html
+++ b/people/14120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14121.html b/people/14121.html
index d10c5688..1864ec6b 100644
--- a/people/14121.html
+++ b/people/14121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14122.html b/people/14122.html
index e86fcd34..89942e61 100644
--- a/people/14122.html
+++ b/people/14122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14123.html b/people/14123.html
index 2ebebca3..61c22a65 100644
--- a/people/14123.html
+++ b/people/14123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14124.html b/people/14124.html
index 582d38e3..69695c53 100644
--- a/people/14124.html
+++ b/people/14124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14125.html b/people/14125.html
index 596c957b..2b4a59ec 100644
--- a/people/14125.html
+++ b/people/14125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14126.html b/people/14126.html
index b24ef8d6..4ab9e550 100644
--- a/people/14126.html
+++ b/people/14126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14127.html b/people/14127.html
index c6694905..47823ff5 100644
--- a/people/14127.html
+++ b/people/14127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14128.html b/people/14128.html
index 52752fc8..04956125 100644
--- a/people/14128.html
+++ b/people/14128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14129.html b/people/14129.html
index b329a293..6948728e 100644
--- a/people/14129.html
+++ b/people/14129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1413.html b/people/1413.html
index c634bc9e..b940c9e6 100644
--- a/people/1413.html
+++ b/people/1413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14130.html b/people/14130.html
index 8a87d9d6..0f6a7390 100644
--- a/people/14130.html
+++ b/people/14130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14131.html b/people/14131.html
index b2d2aa97..cf865c01 100644
--- a/people/14131.html
+++ b/people/14131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14132.html b/people/14132.html
index 8b2d9b80..ea75dcef 100644
--- a/people/14132.html
+++ b/people/14132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14133.html b/people/14133.html
index a6761ab3..e5ac96fe 100644
--- a/people/14133.html
+++ b/people/14133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14134.html b/people/14134.html
index 0d7ce45f..20ef85a0 100644
--- a/people/14134.html
+++ b/people/14134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14135.html b/people/14135.html
index cde30b6f..8947eb98 100644
--- a/people/14135.html
+++ b/people/14135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14136.html b/people/14136.html
index 5f255aea..40089214 100644
--- a/people/14136.html
+++ b/people/14136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14137.html b/people/14137.html
index c9663b89..9479b996 100644
--- a/people/14137.html
+++ b/people/14137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14138.html b/people/14138.html
index a8f14522..b9079176 100644
--- a/people/14138.html
+++ b/people/14138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14139.html b/people/14139.html
index 479a37eb..983fe801 100644
--- a/people/14139.html
+++ b/people/14139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1414.html b/people/1414.html
index c7af0792..0d91e68e 100644
--- a/people/1414.html
+++ b/people/1414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14140.html b/people/14140.html
index cfe2d46e..d8e08412 100644
--- a/people/14140.html
+++ b/people/14140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14141.html b/people/14141.html
index 49b75638..71721b19 100644
--- a/people/14141.html
+++ b/people/14141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14142.html b/people/14142.html
index ee0746f2..f10fe13e 100644
--- a/people/14142.html
+++ b/people/14142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14143.html b/people/14143.html
index 06ecad18..b8681dad 100644
--- a/people/14143.html
+++ b/people/14143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14144.html b/people/14144.html
index 9cd8a15a..b35ce321 100644
--- a/people/14144.html
+++ b/people/14144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14145.html b/people/14145.html
index 6b211ee3..5f553071 100644
--- a/people/14145.html
+++ b/people/14145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14146.html b/people/14146.html
index 283313b0..440eb991 100644
--- a/people/14146.html
+++ b/people/14146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14147.html b/people/14147.html
index c63a19f1..4a2b89a6 100644
--- a/people/14147.html
+++ b/people/14147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14148.html b/people/14148.html
index 790912cd..fccefce0 100644
--- a/people/14148.html
+++ b/people/14148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14149.html b/people/14149.html
index 56019ab4..1848e209 100644
--- a/people/14149.html
+++ b/people/14149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1415.html b/people/1415.html
index 309d82a7..fbda6cdd 100644
--- a/people/1415.html
+++ b/people/1415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14150.html b/people/14150.html
index 58ebafab..3911c20d 100644
--- a/people/14150.html
+++ b/people/14150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14151.html b/people/14151.html
index 49c9a62f..6171545f 100644
--- a/people/14151.html
+++ b/people/14151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14152.html b/people/14152.html
index a5db3be9..f6f09168 100644
--- a/people/14152.html
+++ b/people/14152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14153.html b/people/14153.html
index 3f80d992..7b1e8dbe 100644
--- a/people/14153.html
+++ b/people/14153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14154.html b/people/14154.html
index badd6d06..b8b032fa 100644
--- a/people/14154.html
+++ b/people/14154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14155.html b/people/14155.html
index a1da42de..d4b11932 100644
--- a/people/14155.html
+++ b/people/14155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14156.html b/people/14156.html
index 5b2253d6..b910039a 100644
--- a/people/14156.html
+++ b/people/14156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14157.html b/people/14157.html
index 2da47c61..e1c41b41 100644
--- a/people/14157.html
+++ b/people/14157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14158.html b/people/14158.html
index cbdb0982..3efe9103 100644
--- a/people/14158.html
+++ b/people/14158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14159.html b/people/14159.html
index cf066932..f0ada7d0 100644
--- a/people/14159.html
+++ b/people/14159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1416.html b/people/1416.html
index 08789f0e..492e443d 100644
--- a/people/1416.html
+++ b/people/1416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14160.html b/people/14160.html
index ada10696..88de3d0a 100644
--- a/people/14160.html
+++ b/people/14160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14161.html b/people/14161.html
index 24ede1ce..61011cf6 100644
--- a/people/14161.html
+++ b/people/14161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14162.html b/people/14162.html
index ac3c626c..db66e95d 100644
--- a/people/14162.html
+++ b/people/14162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14163.html b/people/14163.html
index 40738fa3..37d7eba0 100644
--- a/people/14163.html
+++ b/people/14163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14164.html b/people/14164.html
index 9156ab33..5fe396c9 100644
--- a/people/14164.html
+++ b/people/14164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14165.html b/people/14165.html
index 3e3a6add..c6e35c8e 100644
--- a/people/14165.html
+++ b/people/14165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14166.html b/people/14166.html
index 2a09b739..4a867e3e 100644
--- a/people/14166.html
+++ b/people/14166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14167.html b/people/14167.html
index 120e78a5..fbae96a2 100644
--- a/people/14167.html
+++ b/people/14167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14168.html b/people/14168.html
index 9d04b79d..fcc2c0ef 100644
--- a/people/14168.html
+++ b/people/14168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14169.html b/people/14169.html
index e57c8af3..902b2899 100644
--- a/people/14169.html
+++ b/people/14169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1417.html b/people/1417.html
index c8cc511f..75363da7 100644
--- a/people/1417.html
+++ b/people/1417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14170.html b/people/14170.html
index 63cee39e..44d7e24b 100644
--- a/people/14170.html
+++ b/people/14170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14171.html b/people/14171.html
index ab54b701..c548bf17 100644
--- a/people/14171.html
+++ b/people/14171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14172.html b/people/14172.html
index 8bdb6d36..feac2be5 100644
--- a/people/14172.html
+++ b/people/14172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14173.html b/people/14173.html
index 3b2af01e..21bd5748 100644
--- a/people/14173.html
+++ b/people/14173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14174.html b/people/14174.html
index a5beaa34..8a377a93 100644
--- a/people/14174.html
+++ b/people/14174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14175.html b/people/14175.html
index 90c49bae..b8ec8892 100644
--- a/people/14175.html
+++ b/people/14175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14176.html b/people/14176.html
index 50c0b913..27c11933 100644
--- a/people/14176.html
+++ b/people/14176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14177.html b/people/14177.html
index 0fe9556d..9d048f1b 100644
--- a/people/14177.html
+++ b/people/14177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14178.html b/people/14178.html
index e6534271..5f8bae04 100644
--- a/people/14178.html
+++ b/people/14178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14179.html b/people/14179.html
index 70a77edf..9647cfc3 100644
--- a/people/14179.html
+++ b/people/14179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1418.html b/people/1418.html
index 6372941a..197e936c 100644
--- a/people/1418.html
+++ b/people/1418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14180.html b/people/14180.html
index e185f04e..6a3bd4cb 100644
--- a/people/14180.html
+++ b/people/14180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14181.html b/people/14181.html
index 6997c8b5..98eec3fe 100644
--- a/people/14181.html
+++ b/people/14181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14182.html b/people/14182.html
index 95bc8eac..96a92db6 100644
--- a/people/14182.html
+++ b/people/14182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14183.html b/people/14183.html
index e8d475a9..219cd973 100644
--- a/people/14183.html
+++ b/people/14183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14184.html b/people/14184.html
index d912f39a..c71f30f1 100644
--- a/people/14184.html
+++ b/people/14184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14185.html b/people/14185.html
index e510d043..f23263f6 100644
--- a/people/14185.html
+++ b/people/14185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14186.html b/people/14186.html
index 2169d5b0..ce3877e1 100644
--- a/people/14186.html
+++ b/people/14186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14187.html b/people/14187.html
index 8e303860..6bef754a 100644
--- a/people/14187.html
+++ b/people/14187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14188.html b/people/14188.html
index 228724cb..9065d339 100644
--- a/people/14188.html
+++ b/people/14188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14189.html b/people/14189.html
index 71d4da7e..1506f1be 100644
--- a/people/14189.html
+++ b/people/14189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1419.html b/people/1419.html
index bb95a6ac..a881caa2 100644
--- a/people/1419.html
+++ b/people/1419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14190.html b/people/14190.html
index 127c691a..6a9ac560 100644
--- a/people/14190.html
+++ b/people/14190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14191.html b/people/14191.html
index 29719650..728b12ac 100644
--- a/people/14191.html
+++ b/people/14191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14192.html b/people/14192.html
index 57cbe26f..9f73a1db 100644
--- a/people/14192.html
+++ b/people/14192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14193.html b/people/14193.html
index b9290ffa..0df0be3e 100644
--- a/people/14193.html
+++ b/people/14193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14194.html b/people/14194.html
index 2aa3dde4..99030350 100644
--- a/people/14194.html
+++ b/people/14194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14195.html b/people/14195.html
index fc9ea8fd..83ceb0c3 100644
--- a/people/14195.html
+++ b/people/14195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14196.html b/people/14196.html
index e86245e4..e183dd01 100644
--- a/people/14196.html
+++ b/people/14196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14197.html b/people/14197.html
index 27dbbe57..045ee88e 100644
--- a/people/14197.html
+++ b/people/14197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14198.html b/people/14198.html
index 2c4da391..19d3167c 100644
--- a/people/14198.html
+++ b/people/14198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14199.html b/people/14199.html
index 0a18da9c..c00ecb3e 100644
--- a/people/14199.html
+++ b/people/14199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/142.html b/people/142.html
index b5e7232a..e91abd96 100644
--- a/people/142.html
+++ b/people/142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1420.html b/people/1420.html
index bbb491fe..cffa4b86 100644
--- a/people/1420.html
+++ b/people/1420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14200.html b/people/14200.html
index 3e2f67c5..109e23dc 100644
--- a/people/14200.html
+++ b/people/14200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14201.html b/people/14201.html
index d38737b6..b5ca03cc 100644
--- a/people/14201.html
+++ b/people/14201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14202.html b/people/14202.html
index 2d8e2460..4212a7d4 100644
--- a/people/14202.html
+++ b/people/14202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14203.html b/people/14203.html
index 57169edc..67ca970f 100644
--- a/people/14203.html
+++ b/people/14203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14204.html b/people/14204.html
index 30d8a32a..bf992cd1 100644
--- a/people/14204.html
+++ b/people/14204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14205.html b/people/14205.html
index dcdb5450..acd24c20 100644
--- a/people/14205.html
+++ b/people/14205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14206.html b/people/14206.html
index ac3aa7c4..6c1c098f 100644
--- a/people/14206.html
+++ b/people/14206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14207.html b/people/14207.html
index 9a9c3caf..232b9530 100644
--- a/people/14207.html
+++ b/people/14207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14208.html b/people/14208.html
index cac02fa3..fe7e24bb 100644
--- a/people/14208.html
+++ b/people/14208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14209.html b/people/14209.html
index 3a65bd33..014f1ed6 100644
--- a/people/14209.html
+++ b/people/14209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1421.html b/people/1421.html
index 5a0ccf7e..efa74c0d 100644
--- a/people/1421.html
+++ b/people/1421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14210.html b/people/14210.html
index b70a8810..d60e5369 100644
--- a/people/14210.html
+++ b/people/14210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14211.html b/people/14211.html
index 92f771d9..c279cf54 100644
--- a/people/14211.html
+++ b/people/14211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14212.html b/people/14212.html
index bb03d619..8f4e9122 100644
--- a/people/14212.html
+++ b/people/14212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14213.html b/people/14213.html
index 03a11719..1f1d21a2 100644
--- a/people/14213.html
+++ b/people/14213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14214.html b/people/14214.html
index 6f251af2..536585f0 100644
--- a/people/14214.html
+++ b/people/14214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14215.html b/people/14215.html
index 9e7e1b79..9c3a95ea 100644
--- a/people/14215.html
+++ b/people/14215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14216.html b/people/14216.html
index 09841417..2cef4470 100644
--- a/people/14216.html
+++ b/people/14216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14217.html b/people/14217.html
index 92b179e5..a57ba33a 100644
--- a/people/14217.html
+++ b/people/14217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14218.html b/people/14218.html
index 02551dde..f0552c61 100644
--- a/people/14218.html
+++ b/people/14218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14219.html b/people/14219.html
index ecf97409..f9817968 100644
--- a/people/14219.html
+++ b/people/14219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1422.html b/people/1422.html
index 8ae357bd..7d682813 100644
--- a/people/1422.html
+++ b/people/1422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14220.html b/people/14220.html
index 4f80f006..70a43ed5 100644
--- a/people/14220.html
+++ b/people/14220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14221.html b/people/14221.html
index 27af191a..73656b5d 100644
--- a/people/14221.html
+++ b/people/14221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14222.html b/people/14222.html
index a2b02bc4..d8bafe80 100644
--- a/people/14222.html
+++ b/people/14222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14223.html b/people/14223.html
index 550b288a..e85347d6 100644
--- a/people/14223.html
+++ b/people/14223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14224.html b/people/14224.html
index b42d5704..c489b0d9 100644
--- a/people/14224.html
+++ b/people/14224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14225.html b/people/14225.html
index 6d018e5f..6da9cac0 100644
--- a/people/14225.html
+++ b/people/14225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14226.html b/people/14226.html
index ef151502..d4265d35 100644
--- a/people/14226.html
+++ b/people/14226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14227.html b/people/14227.html
index e604a0c5..f987bae4 100644
--- a/people/14227.html
+++ b/people/14227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14228.html b/people/14228.html
index d7224088..dec90fea 100644
--- a/people/14228.html
+++ b/people/14228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14229.html b/people/14229.html
index dfe8a826..f3f9c4eb 100644
--- a/people/14229.html
+++ b/people/14229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1423.html b/people/1423.html
index 8638eec0..a8224273 100644
--- a/people/1423.html
+++ b/people/1423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14230.html b/people/14230.html
index f000cb7a..98aaacec 100644
--- a/people/14230.html
+++ b/people/14230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14231.html b/people/14231.html
index 7f716667..e0d39d24 100644
--- a/people/14231.html
+++ b/people/14231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14232.html b/people/14232.html
index 6dc7c76b..f7090058 100644
--- a/people/14232.html
+++ b/people/14232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14233.html b/people/14233.html
index b7ef1427..bdbb0141 100644
--- a/people/14233.html
+++ b/people/14233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14234.html b/people/14234.html
index d53a8cbc..f44ec734 100644
--- a/people/14234.html
+++ b/people/14234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14235.html b/people/14235.html
index 7f147964..4075d95c 100644
--- a/people/14235.html
+++ b/people/14235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14236.html b/people/14236.html
index 5d233261..42b69ec0 100644
--- a/people/14236.html
+++ b/people/14236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14237.html b/people/14237.html
index 2eaaec74..563d69cf 100644
--- a/people/14237.html
+++ b/people/14237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14238.html b/people/14238.html
index 7493d445..f1446377 100644
--- a/people/14238.html
+++ b/people/14238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14239.html b/people/14239.html
index 4e809cd0..ea6fa2fb 100644
--- a/people/14239.html
+++ b/people/14239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1424.html b/people/1424.html
index 002db8c7..b2bef0cb 100644
--- a/people/1424.html
+++ b/people/1424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14240.html b/people/14240.html
index bb4a7771..6101cafa 100644
--- a/people/14240.html
+++ b/people/14240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14241.html b/people/14241.html
index b8669ee7..ff8b07ca 100644
--- a/people/14241.html
+++ b/people/14241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14242.html b/people/14242.html
index f245a7b9..67c67138 100644
--- a/people/14242.html
+++ b/people/14242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14243.html b/people/14243.html
index 0c031e6f..fb61d373 100644
--- a/people/14243.html
+++ b/people/14243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14244.html b/people/14244.html
index 736a8698..2b0f068f 100644
--- a/people/14244.html
+++ b/people/14244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14245.html b/people/14245.html
index 887fa445..2b2fd4c5 100644
--- a/people/14245.html
+++ b/people/14245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14246.html b/people/14246.html
index b81203aa..06f0e038 100644
--- a/people/14246.html
+++ b/people/14246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14247.html b/people/14247.html
index 0b3a3a44..95fa73e8 100644
--- a/people/14247.html
+++ b/people/14247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14248.html b/people/14248.html
index c4e26a68..a05da61e 100644
--- a/people/14248.html
+++ b/people/14248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14249.html b/people/14249.html
index 3c73506b..12185203 100644
--- a/people/14249.html
+++ b/people/14249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1425.html b/people/1425.html
index c1b86a69..157a6b28 100644
--- a/people/1425.html
+++ b/people/1425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14250.html b/people/14250.html
index 46b94c3d..7eac1b8e 100644
--- a/people/14250.html
+++ b/people/14250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14251.html b/people/14251.html
index 3dabd603..9ca8f0fb 100644
--- a/people/14251.html
+++ b/people/14251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14252.html b/people/14252.html
index ca93fa31..1a36d0b9 100644
--- a/people/14252.html
+++ b/people/14252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14253.html b/people/14253.html
index f80f1d09..57914e6f 100644
--- a/people/14253.html
+++ b/people/14253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14254.html b/people/14254.html
index 592d9a2a..1a3a18b8 100644
--- a/people/14254.html
+++ b/people/14254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14255.html b/people/14255.html
index bdf7f012..ad833d34 100644
--- a/people/14255.html
+++ b/people/14255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14256.html b/people/14256.html
index 44b5e622..f8cc7cfd 100644
--- a/people/14256.html
+++ b/people/14256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14257.html b/people/14257.html
index 8ab0438d..2efcfeb1 100644
--- a/people/14257.html
+++ b/people/14257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14258.html b/people/14258.html
index 9573bb11..3cb62d05 100644
--- a/people/14258.html
+++ b/people/14258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14259.html b/people/14259.html
index 175be8bd..90fdadcd 100644
--- a/people/14259.html
+++ b/people/14259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1426.html b/people/1426.html
index 87aba667..d969aecd 100644
--- a/people/1426.html
+++ b/people/1426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14260.html b/people/14260.html
index 31a7ff04..4ee1b3c7 100644
--- a/people/14260.html
+++ b/people/14260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14261.html b/people/14261.html
index 2fc9e425..c39397be 100644
--- a/people/14261.html
+++ b/people/14261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14262.html b/people/14262.html
index 316e96ca..1ef4ab99 100644
--- a/people/14262.html
+++ b/people/14262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14263.html b/people/14263.html
index 2fe292d4..13c71923 100644
--- a/people/14263.html
+++ b/people/14263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14264.html b/people/14264.html
index 66bedd0a..7ed694e8 100644
--- a/people/14264.html
+++ b/people/14264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14265.html b/people/14265.html
index 1b05f883..0a8a0e4e 100644
--- a/people/14265.html
+++ b/people/14265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14266.html b/people/14266.html
index 509a858d..acc2c3b3 100644
--- a/people/14266.html
+++ b/people/14266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14267.html b/people/14267.html
index e2f7d2a9..7d604cf6 100644
--- a/people/14267.html
+++ b/people/14267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14268.html b/people/14268.html
index 1592add6..96658642 100644
--- a/people/14268.html
+++ b/people/14268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14269.html b/people/14269.html
index eee8022a..085efc56 100644
--- a/people/14269.html
+++ b/people/14269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1427.html b/people/1427.html
index 78e483e4..0bb9f2f9 100644
--- a/people/1427.html
+++ b/people/1427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14270.html b/people/14270.html
index 2e31e38a..05937750 100644
--- a/people/14270.html
+++ b/people/14270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14271.html b/people/14271.html
index 90c4643f..dc3fbdab 100644
--- a/people/14271.html
+++ b/people/14271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14272.html b/people/14272.html
index 085b8002..490c496c 100644
--- a/people/14272.html
+++ b/people/14272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14273.html b/people/14273.html
index 44da68f3..e5935d67 100644
--- a/people/14273.html
+++ b/people/14273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14274.html b/people/14274.html
index 3f5cda97..4fa40696 100644
--- a/people/14274.html
+++ b/people/14274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14275.html b/people/14275.html
index 66bf4881..15411a5b 100644
--- a/people/14275.html
+++ b/people/14275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14276.html b/people/14276.html
index dfb53950..10e65431 100644
--- a/people/14276.html
+++ b/people/14276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14277.html b/people/14277.html
index 51a3cdfb..788a6287 100644
--- a/people/14277.html
+++ b/people/14277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14278.html b/people/14278.html
index 0f85eb66..7b51affc 100644
--- a/people/14278.html
+++ b/people/14278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14279.html b/people/14279.html
index 307873a5..c19fa522 100644
--- a/people/14279.html
+++ b/people/14279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1428.html b/people/1428.html
index 91ee8360..0d42fa45 100644
--- a/people/1428.html
+++ b/people/1428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14280.html b/people/14280.html
index 439cae32..1efc4fd0 100644
--- a/people/14280.html
+++ b/people/14280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14281.html b/people/14281.html
index 3e446eb1..69310142 100644
--- a/people/14281.html
+++ b/people/14281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14282.html b/people/14282.html
index 41587e6c..67d62bcc 100644
--- a/people/14282.html
+++ b/people/14282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14283.html b/people/14283.html
index b49beaf2..2ef96ea9 100644
--- a/people/14283.html
+++ b/people/14283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14284.html b/people/14284.html
index a0b30f63..254cee41 100644
--- a/people/14284.html
+++ b/people/14284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14285.html b/people/14285.html
index f453e6c9..2c69014a 100644
--- a/people/14285.html
+++ b/people/14285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14286.html b/people/14286.html
index 03ac66cf..59c68630 100644
--- a/people/14286.html
+++ b/people/14286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14287.html b/people/14287.html
index b22bb6f2..11f1116c 100644
--- a/people/14287.html
+++ b/people/14287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14288.html b/people/14288.html
index 5547a430..a77bc448 100644
--- a/people/14288.html
+++ b/people/14288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14289.html b/people/14289.html
index e2a756f1..8da1eb50 100644
--- a/people/14289.html
+++ b/people/14289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1429.html b/people/1429.html
index f706e270..b0c22edb 100644
--- a/people/1429.html
+++ b/people/1429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14290.html b/people/14290.html
index 99fc90a4..d116634d 100644
--- a/people/14290.html
+++ b/people/14290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14291.html b/people/14291.html
index 8406aa66..efbec9fb 100644
--- a/people/14291.html
+++ b/people/14291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14292.html b/people/14292.html
index 0757c07f..dfb86b12 100644
--- a/people/14292.html
+++ b/people/14292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14293.html b/people/14293.html
index a41842e2..f124a836 100644
--- a/people/14293.html
+++ b/people/14293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14294.html b/people/14294.html
index 7f3b8bd6..e8976339 100644
--- a/people/14294.html
+++ b/people/14294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14295.html b/people/14295.html
index 33ee707c..d8d01718 100644
--- a/people/14295.html
+++ b/people/14295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14296.html b/people/14296.html
index d7e0ddfd..d8a555a0 100644
--- a/people/14296.html
+++ b/people/14296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14297.html b/people/14297.html
index 4bb2fc4b..f8d85e63 100644
--- a/people/14297.html
+++ b/people/14297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14298.html b/people/14298.html
index 6a9e1512..0815ede7 100644
--- a/people/14298.html
+++ b/people/14298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14299.html b/people/14299.html
index 7478c9b2..ab3fedbc 100644
--- a/people/14299.html
+++ b/people/14299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/143.html b/people/143.html
index d2f27f87..cbc7c88d 100644
--- a/people/143.html
+++ b/people/143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1430.html b/people/1430.html
index 87aee1a3..28924ad3 100644
--- a/people/1430.html
+++ b/people/1430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14300.html b/people/14300.html
index 7a6c5e67..2281758c 100644
--- a/people/14300.html
+++ b/people/14300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14301.html b/people/14301.html
index a1391100..6c5abce0 100644
--- a/people/14301.html
+++ b/people/14301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14302.html b/people/14302.html
index 53c37861..66ea1191 100644
--- a/people/14302.html
+++ b/people/14302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14303.html b/people/14303.html
index e29809a3..f76312ec 100644
--- a/people/14303.html
+++ b/people/14303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14304.html b/people/14304.html
index 372a2a12..367b6101 100644
--- a/people/14304.html
+++ b/people/14304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14305.html b/people/14305.html
index f4350231..2b9b5590 100644
--- a/people/14305.html
+++ b/people/14305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14306.html b/people/14306.html
index a2b2b35d..5250f675 100644
--- a/people/14306.html
+++ b/people/14306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14307.html b/people/14307.html
index f367e0d5..1d07d10e 100644
--- a/people/14307.html
+++ b/people/14307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14308.html b/people/14308.html
index 58100c39..86c742bc 100644
--- a/people/14308.html
+++ b/people/14308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14309.html b/people/14309.html
index 5f1c0946..9c02078e 100644
--- a/people/14309.html
+++ b/people/14309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1431.html b/people/1431.html
index 1a242210..defef071 100644
--- a/people/1431.html
+++ b/people/1431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14310.html b/people/14310.html
index 6c28ace8..8fcaa799 100644
--- a/people/14310.html
+++ b/people/14310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14311.html b/people/14311.html
index c39fd18e..907ef754 100644
--- a/people/14311.html
+++ b/people/14311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14312.html b/people/14312.html
index cbd4654c..42be90fd 100644
--- a/people/14312.html
+++ b/people/14312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14313.html b/people/14313.html
index 3b239748..449d79a3 100644
--- a/people/14313.html
+++ b/people/14313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14314.html b/people/14314.html
index 9a2287bf..c64410e8 100644
--- a/people/14314.html
+++ b/people/14314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14315.html b/people/14315.html
index b3d8be1f..879ba10d 100644
--- a/people/14315.html
+++ b/people/14315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14316.html b/people/14316.html
index fd114b26..69ae8642 100644
--- a/people/14316.html
+++ b/people/14316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14317.html b/people/14317.html
index 66ac2493..ed65598f 100644
--- a/people/14317.html
+++ b/people/14317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14318.html b/people/14318.html
index 1e400c5b..ae7709bb 100644
--- a/people/14318.html
+++ b/people/14318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14319.html b/people/14319.html
index a12c2ed2..60ee4fc4 100644
--- a/people/14319.html
+++ b/people/14319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1432.html b/people/1432.html
index 66e39b1b..ff723e88 100644
--- a/people/1432.html
+++ b/people/1432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14320.html b/people/14320.html
index a5b1cf44..cf89db3e 100644
--- a/people/14320.html
+++ b/people/14320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14321.html b/people/14321.html
index 6b35275f..ec987e09 100644
--- a/people/14321.html
+++ b/people/14321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14322.html b/people/14322.html
index 4383c309..869e3576 100644
--- a/people/14322.html
+++ b/people/14322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14323.html b/people/14323.html
index 435179dd..ee3da925 100644
--- a/people/14323.html
+++ b/people/14323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14324.html b/people/14324.html
index 65e620fd..8764300d 100644
--- a/people/14324.html
+++ b/people/14324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14325.html b/people/14325.html
index 041c2156..890d916e 100644
--- a/people/14325.html
+++ b/people/14325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14326.html b/people/14326.html
index c042ecbf..656fc13a 100644
--- a/people/14326.html
+++ b/people/14326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14327.html b/people/14327.html
index 542b0ea2..aebd889a 100644
--- a/people/14327.html
+++ b/people/14327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14328.html b/people/14328.html
index 5c912793..4e18cb8c 100644
--- a/people/14328.html
+++ b/people/14328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14329.html b/people/14329.html
index fd62e395..821a8195 100644
--- a/people/14329.html
+++ b/people/14329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1433.html b/people/1433.html
index b0163a90..b473dbe6 100644
--- a/people/1433.html
+++ b/people/1433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14330.html b/people/14330.html
index 27a36654..bb48e263 100644
--- a/people/14330.html
+++ b/people/14330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14331.html b/people/14331.html
index f1e7ef30..ec899079 100644
--- a/people/14331.html
+++ b/people/14331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14332.html b/people/14332.html
index dbd08563..bdcb8815 100644
--- a/people/14332.html
+++ b/people/14332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14333.html b/people/14333.html
index ffa4f911..4980435e 100644
--- a/people/14333.html
+++ b/people/14333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14334.html b/people/14334.html
index 766268fd..15dac49d 100644
--- a/people/14334.html
+++ b/people/14334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14335.html b/people/14335.html
index a3bf59b8..4f73c5a4 100644
--- a/people/14335.html
+++ b/people/14335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14336.html b/people/14336.html
index 44d0633d..7174770a 100644
--- a/people/14336.html
+++ b/people/14336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14337.html b/people/14337.html
index 26c957e3..f4a50120 100644
--- a/people/14337.html
+++ b/people/14337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14338.html b/people/14338.html
index e2d99970..2255465d 100644
--- a/people/14338.html
+++ b/people/14338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14339.html b/people/14339.html
index 0125db08..c2e1a4db 100644
--- a/people/14339.html
+++ b/people/14339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1434.html b/people/1434.html
index acf21fc5..97ea8c86 100644
--- a/people/1434.html
+++ b/people/1434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14340.html b/people/14340.html
index 19f2037f..17833984 100644
--- a/people/14340.html
+++ b/people/14340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14341.html b/people/14341.html
index 2ad9d94a..befbdce4 100644
--- a/people/14341.html
+++ b/people/14341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14342.html b/people/14342.html
index 86d7df05..5ec8004f 100644
--- a/people/14342.html
+++ b/people/14342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14343.html b/people/14343.html
index c0446975..73e00c8c 100644
--- a/people/14343.html
+++ b/people/14343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14344.html b/people/14344.html
index 16774e58..91e1996f 100644
--- a/people/14344.html
+++ b/people/14344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14345.html b/people/14345.html
index cc99519a..f1f5e1df 100644
--- a/people/14345.html
+++ b/people/14345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14346.html b/people/14346.html
index cbd43b55..eb5733c0 100644
--- a/people/14346.html
+++ b/people/14346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14347.html b/people/14347.html
index aa7df7ea..46a67587 100644
--- a/people/14347.html
+++ b/people/14347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14348.html b/people/14348.html
index fdfec0df..40989a5d 100644
--- a/people/14348.html
+++ b/people/14348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14349.html b/people/14349.html
index 7dfcbbe8..1d84ed65 100644
--- a/people/14349.html
+++ b/people/14349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1435.html b/people/1435.html
index 4a53b67f..c321b8dd 100644
--- a/people/1435.html
+++ b/people/1435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14350.html b/people/14350.html
index 9356be12..15a6ebe5 100644
--- a/people/14350.html
+++ b/people/14350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14351.html b/people/14351.html
index 6a7d63b0..3fc20b1d 100644
--- a/people/14351.html
+++ b/people/14351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14352.html b/people/14352.html
index 7d5e2c7e..b27fa02d 100644
--- a/people/14352.html
+++ b/people/14352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14353.html b/people/14353.html
index d773aef4..4e03a2e0 100644
--- a/people/14353.html
+++ b/people/14353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14354.html b/people/14354.html
index 0f117744..9bd833fe 100644
--- a/people/14354.html
+++ b/people/14354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14355.html b/people/14355.html
index c3534001..8e91e91d 100644
--- a/people/14355.html
+++ b/people/14355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14356.html b/people/14356.html
index 18cd0b00..f0512796 100644
--- a/people/14356.html
+++ b/people/14356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14357.html b/people/14357.html
index 81edfa8f..ffbca6fb 100644
--- a/people/14357.html
+++ b/people/14357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14358.html b/people/14358.html
index 8e4d1d01..16b9a6df 100644
--- a/people/14358.html
+++ b/people/14358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14359.html b/people/14359.html
index f260429b..f47ab712 100644
--- a/people/14359.html
+++ b/people/14359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1436.html b/people/1436.html
index 19f29c80..be0619a1 100644
--- a/people/1436.html
+++ b/people/1436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14360.html b/people/14360.html
index b1ad3e28..7022cf88 100644
--- a/people/14360.html
+++ b/people/14360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14361.html b/people/14361.html
index ed9d7830..393b5ffa 100644
--- a/people/14361.html
+++ b/people/14361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14362.html b/people/14362.html
index 7ca6df73..850d4c38 100644
--- a/people/14362.html
+++ b/people/14362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14363.html b/people/14363.html
index da10c7fd..34bf0bdd 100644
--- a/people/14363.html
+++ b/people/14363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14364.html b/people/14364.html
index 6202444e..06c6db0c 100644
--- a/people/14364.html
+++ b/people/14364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14365.html b/people/14365.html
index 24a0a870..fd9a9f26 100644
--- a/people/14365.html
+++ b/people/14365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14366.html b/people/14366.html
index 14d3fba0..bce0b0b2 100644
--- a/people/14366.html
+++ b/people/14366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14367.html b/people/14367.html
index 10208420..595de881 100644
--- a/people/14367.html
+++ b/people/14367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14368.html b/people/14368.html
index 8e49c4ca..e5a4d708 100644
--- a/people/14368.html
+++ b/people/14368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14369.html b/people/14369.html
index 87acccfd..6d15085c 100644
--- a/people/14369.html
+++ b/people/14369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1437.html b/people/1437.html
index d466d1c2..a0ff61bd 100644
--- a/people/1437.html
+++ b/people/1437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14370.html b/people/14370.html
index a3e79714..7587b409 100644
--- a/people/14370.html
+++ b/people/14370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14371.html b/people/14371.html
index 3bf607df..9ef54c38 100644
--- a/people/14371.html
+++ b/people/14371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14372.html b/people/14372.html
index d330cab6..cd464806 100644
--- a/people/14372.html
+++ b/people/14372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14373.html b/people/14373.html
index 0fe6b294..640b8d29 100644
--- a/people/14373.html
+++ b/people/14373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14374.html b/people/14374.html
index dc12819e..720b1c1d 100644
--- a/people/14374.html
+++ b/people/14374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14375.html b/people/14375.html
index 7b27652e..154be8be 100644
--- a/people/14375.html
+++ b/people/14375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14376.html b/people/14376.html
index 18148298..27e67533 100644
--- a/people/14376.html
+++ b/people/14376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14377.html b/people/14377.html
index 766d1e17..03301564 100644
--- a/people/14377.html
+++ b/people/14377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14378.html b/people/14378.html
index 87980dba..1cce0c09 100644
--- a/people/14378.html
+++ b/people/14378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14379.html b/people/14379.html
index 51b75c9c..9f121c2e 100644
--- a/people/14379.html
+++ b/people/14379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1438.html b/people/1438.html
index 400aa693..2f6a3219 100644
--- a/people/1438.html
+++ b/people/1438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14380.html b/people/14380.html
index 48eae5aa..d0fc2377 100644
--- a/people/14380.html
+++ b/people/14380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14381.html b/people/14381.html
index d2aebe88..6d1a2dc4 100644
--- a/people/14381.html
+++ b/people/14381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14382.html b/people/14382.html
index d5a4673f..d90401da 100644
--- a/people/14382.html
+++ b/people/14382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14383.html b/people/14383.html
index 2dbba111..17619fcb 100644
--- a/people/14383.html
+++ b/people/14383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14384.html b/people/14384.html
index 3a7f7eb0..789c82b8 100644
--- a/people/14384.html
+++ b/people/14384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14385.html b/people/14385.html
index 0ba1283a..03e29d9c 100644
--- a/people/14385.html
+++ b/people/14385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14386.html b/people/14386.html
index 8ce3e0b1..44d3b623 100644
--- a/people/14386.html
+++ b/people/14386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14387.html b/people/14387.html
index 8d11678c..ab096f1c 100644
--- a/people/14387.html
+++ b/people/14387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14388.html b/people/14388.html
index a04c625b..6ec12f23 100644
--- a/people/14388.html
+++ b/people/14388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14389.html b/people/14389.html
index 0da2d5aa..27f8d8d8 100644
--- a/people/14389.html
+++ b/people/14389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1439.html b/people/1439.html
index 886fe03d..b490e7cc 100644
--- a/people/1439.html
+++ b/people/1439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14390.html b/people/14390.html
index dab2bf00..9e793e37 100644
--- a/people/14390.html
+++ b/people/14390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14391.html b/people/14391.html
index f084d977..e5b88b83 100644
--- a/people/14391.html
+++ b/people/14391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14392.html b/people/14392.html
index 630b1f75..9496721f 100644
--- a/people/14392.html
+++ b/people/14392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14393.html b/people/14393.html
index b75e3c28..700e571f 100644
--- a/people/14393.html
+++ b/people/14393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14394.html b/people/14394.html
index 575b6f31..6f74c997 100644
--- a/people/14394.html
+++ b/people/14394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14395.html b/people/14395.html
index b632eb21..7481d395 100644
--- a/people/14395.html
+++ b/people/14395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14396.html b/people/14396.html
index 0098678e..e1499163 100644
--- a/people/14396.html
+++ b/people/14396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14397.html b/people/14397.html
index 0123531d..07056428 100644
--- a/people/14397.html
+++ b/people/14397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14398.html b/people/14398.html
index c103ab27..25b1c843 100644
--- a/people/14398.html
+++ b/people/14398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14399.html b/people/14399.html
index 7d3ac78b..409a7988 100644
--- a/people/14399.html
+++ b/people/14399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/144.html b/people/144.html
index c645c228..b7cd2e6c 100644
--- a/people/144.html
+++ b/people/144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1440.html b/people/1440.html
index 4e738c8a..bc89d529 100644
--- a/people/1440.html
+++ b/people/1440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14400.html b/people/14400.html
index c205f4dd..8b4fa274 100644
--- a/people/14400.html
+++ b/people/14400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14401.html b/people/14401.html
index 84727c75..920e49f6 100644
--- a/people/14401.html
+++ b/people/14401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14402.html b/people/14402.html
index bd903af3..26bf08f7 100644
--- a/people/14402.html
+++ b/people/14402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14403.html b/people/14403.html
index f4ad93e6..02005514 100644
--- a/people/14403.html
+++ b/people/14403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14404.html b/people/14404.html
index 109b13cf..0a41ca44 100644
--- a/people/14404.html
+++ b/people/14404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14405.html b/people/14405.html
index 23c081e3..743a126e 100644
--- a/people/14405.html
+++ b/people/14405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14406.html b/people/14406.html
index df7179b3..d7fc9cc7 100644
--- a/people/14406.html
+++ b/people/14406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14407.html b/people/14407.html
index 050ba515..47ff4eb7 100644
--- a/people/14407.html
+++ b/people/14407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14408.html b/people/14408.html
index afc517d8..af0952f6 100644
--- a/people/14408.html
+++ b/people/14408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14409.html b/people/14409.html
index bbc8f1f0..c1d1abf5 100644
--- a/people/14409.html
+++ b/people/14409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1441.html b/people/1441.html
index ad42708c..90ef61e1 100644
--- a/people/1441.html
+++ b/people/1441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14410.html b/people/14410.html
index 0ae1c2ae..1a1b0b0f 100644
--- a/people/14410.html
+++ b/people/14410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14411.html b/people/14411.html
index 4bd8fa66..8ede0f12 100644
--- a/people/14411.html
+++ b/people/14411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14412.html b/people/14412.html
index d82a1351..ad38bdbd 100644
--- a/people/14412.html
+++ b/people/14412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14413.html b/people/14413.html
index b638012b..174ca418 100644
--- a/people/14413.html
+++ b/people/14413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14414.html b/people/14414.html
index 59ee01cc..efce9aab 100644
--- a/people/14414.html
+++ b/people/14414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14415.html b/people/14415.html
index 71ba9d1d..5772c7fa 100644
--- a/people/14415.html
+++ b/people/14415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14416.html b/people/14416.html
index 5cd6804b..107ff9e5 100644
--- a/people/14416.html
+++ b/people/14416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14417.html b/people/14417.html
index 8ca83f4e..39fa0958 100644
--- a/people/14417.html
+++ b/people/14417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14418.html b/people/14418.html
index 2e7b06c8..c1f81f27 100644
--- a/people/14418.html
+++ b/people/14418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14419.html b/people/14419.html
index a5c9bce1..2f988496 100644
--- a/people/14419.html
+++ b/people/14419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1442.html b/people/1442.html
index 66c39932..c166a057 100644
--- a/people/1442.html
+++ b/people/1442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14420.html b/people/14420.html
index e9b4e847..73cc4e50 100644
--- a/people/14420.html
+++ b/people/14420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14421.html b/people/14421.html
index 4c88b300..498a62dc 100644
--- a/people/14421.html
+++ b/people/14421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14422.html b/people/14422.html
index 4f1f37ca..3f66ebc6 100644
--- a/people/14422.html
+++ b/people/14422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14423.html b/people/14423.html
index 6e19a9e9..7b2c3858 100644
--- a/people/14423.html
+++ b/people/14423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14424.html b/people/14424.html
index 0fb4f90d..ea0f496b 100644
--- a/people/14424.html
+++ b/people/14424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14425.html b/people/14425.html
index 167586b0..fa7e3ca8 100644
--- a/people/14425.html
+++ b/people/14425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14426.html b/people/14426.html
index ed70c60a..722aa4b8 100644
--- a/people/14426.html
+++ b/people/14426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14427.html b/people/14427.html
index f2359ade..300298dd 100644
--- a/people/14427.html
+++ b/people/14427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14428.html b/people/14428.html
index 267d9f57..b05219aa 100644
--- a/people/14428.html
+++ b/people/14428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14429.html b/people/14429.html
index e9cf1143..95f58ad7 100644
--- a/people/14429.html
+++ b/people/14429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1443.html b/people/1443.html
index 70a1f4f0..16958ef5 100644
--- a/people/1443.html
+++ b/people/1443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14430.html b/people/14430.html
index b3d4f4f7..f1abebec 100644
--- a/people/14430.html
+++ b/people/14430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14431.html b/people/14431.html
index 2e5dd099..ff38689b 100644
--- a/people/14431.html
+++ b/people/14431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14432.html b/people/14432.html
index d2ab47fc..e11cfaa0 100644
--- a/people/14432.html
+++ b/people/14432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14433.html b/people/14433.html
index 4910563a..1d8f0baf 100644
--- a/people/14433.html
+++ b/people/14433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14434.html b/people/14434.html
index 88086b7c..8a876986 100644
--- a/people/14434.html
+++ b/people/14434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14435.html b/people/14435.html
index 244b0b4e..ea89dbea 100644
--- a/people/14435.html
+++ b/people/14435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14436.html b/people/14436.html
index ee6e9fb1..d2908007 100644
--- a/people/14436.html
+++ b/people/14436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14437.html b/people/14437.html
index 7d428940..c2bba70f 100644
--- a/people/14437.html
+++ b/people/14437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14438.html b/people/14438.html
index d5ac0242..3f5a2461 100644
--- a/people/14438.html
+++ b/people/14438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14439.html b/people/14439.html
index 1d74d3f4..cc70eaae 100644
--- a/people/14439.html
+++ b/people/14439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1444.html b/people/1444.html
index d7c5485b..4ff906a0 100644
--- a/people/1444.html
+++ b/people/1444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14440.html b/people/14440.html
index a55268bc..7148970f 100644
--- a/people/14440.html
+++ b/people/14440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14441.html b/people/14441.html
index a0b37f64..86723392 100644
--- a/people/14441.html
+++ b/people/14441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14442.html b/people/14442.html
index 2a0106c3..eb586c2f 100644
--- a/people/14442.html
+++ b/people/14442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14443.html b/people/14443.html
index 656085ef..ddbfae9c 100644
--- a/people/14443.html
+++ b/people/14443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14444.html b/people/14444.html
index 44e0f196..a11c6cce 100644
--- a/people/14444.html
+++ b/people/14444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14445.html b/people/14445.html
index 7d86ed0e..1be56874 100644
--- a/people/14445.html
+++ b/people/14445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14446.html b/people/14446.html
index 5de6f39f..165d049f 100644
--- a/people/14446.html
+++ b/people/14446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14447.html b/people/14447.html
index 63f51c76..1ae2c0b3 100644
--- a/people/14447.html
+++ b/people/14447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14448.html b/people/14448.html
index bc1ddd49..27e353ad 100644
--- a/people/14448.html
+++ b/people/14448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14449.html b/people/14449.html
index 33b962bf..36d7d3dd 100644
--- a/people/14449.html
+++ b/people/14449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1445.html b/people/1445.html
index 28c5484d..64673d8c 100644
--- a/people/1445.html
+++ b/people/1445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14450.html b/people/14450.html
index 921a7eda..3d439b42 100644
--- a/people/14450.html
+++ b/people/14450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14451.html b/people/14451.html
index 5701b72c..f41780ff 100644
--- a/people/14451.html
+++ b/people/14451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14452.html b/people/14452.html
index 11c78736..627f691b 100644
--- a/people/14452.html
+++ b/people/14452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14453.html b/people/14453.html
index 819e5696..bb5d0305 100644
--- a/people/14453.html
+++ b/people/14453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14454.html b/people/14454.html
index b70331dc..1b04c264 100644
--- a/people/14454.html
+++ b/people/14454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14455.html b/people/14455.html
index fbf47b27..e9274dea 100644
--- a/people/14455.html
+++ b/people/14455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14456.html b/people/14456.html
index ded3d4ce..7c0b6612 100644
--- a/people/14456.html
+++ b/people/14456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14457.html b/people/14457.html
index 1760d724..cc3ab4d2 100644
--- a/people/14457.html
+++ b/people/14457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14458.html b/people/14458.html
index 26288e25..78a6480d 100644
--- a/people/14458.html
+++ b/people/14458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14459.html b/people/14459.html
index 1cd5a73e..3631d7c7 100644
--- a/people/14459.html
+++ b/people/14459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1446.html b/people/1446.html
index ecf04cab..7219c55d 100644
--- a/people/1446.html
+++ b/people/1446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14460.html b/people/14460.html
index 3000768f..cee55a91 100644
--- a/people/14460.html
+++ b/people/14460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14461.html b/people/14461.html
index b98434e2..c26838a8 100644
--- a/people/14461.html
+++ b/people/14461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14462.html b/people/14462.html
index c7ac6596..6d132408 100644
--- a/people/14462.html
+++ b/people/14462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14463.html b/people/14463.html
index 2d27811d..939d84a8 100644
--- a/people/14463.html
+++ b/people/14463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14464.html b/people/14464.html
index 708bb10f..0e478b4a 100644
--- a/people/14464.html
+++ b/people/14464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14465.html b/people/14465.html
index 96ffb910..06b87d47 100644
--- a/people/14465.html
+++ b/people/14465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14466.html b/people/14466.html
index 95d3018a..d78d35a2 100644
--- a/people/14466.html
+++ b/people/14466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14467.html b/people/14467.html
index 78b8afb1..b65a7931 100644
--- a/people/14467.html
+++ b/people/14467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14468.html b/people/14468.html
index 9f5d201b..ae5c28bc 100644
--- a/people/14468.html
+++ b/people/14468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14469.html b/people/14469.html
index 4b2ddb68..2cad3f88 100644
--- a/people/14469.html
+++ b/people/14469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1447.html b/people/1447.html
index e3c7330d..06fc54e1 100644
--- a/people/1447.html
+++ b/people/1447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14470.html b/people/14470.html
index 3a7a6e7d..eeac8420 100644
--- a/people/14470.html
+++ b/people/14470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14471.html b/people/14471.html
index ad1c4cd7..81e373da 100644
--- a/people/14471.html
+++ b/people/14471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14472.html b/people/14472.html
index 4363d6af..b4808f6d 100644
--- a/people/14472.html
+++ b/people/14472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14473.html b/people/14473.html
index 72f03c57..1ee1f782 100644
--- a/people/14473.html
+++ b/people/14473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14474.html b/people/14474.html
index 1dd533a7..c4c75f15 100644
--- a/people/14474.html
+++ b/people/14474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14475.html b/people/14475.html
index e99f7a03..d7a2b01a 100644
--- a/people/14475.html
+++ b/people/14475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14476.html b/people/14476.html
index 2160fda1..e11a1f04 100644
--- a/people/14476.html
+++ b/people/14476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14477.html b/people/14477.html
index 8f901316..7954ec4f 100644
--- a/people/14477.html
+++ b/people/14477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14478.html b/people/14478.html
index 166e1cbd..3d0180f7 100644
--- a/people/14478.html
+++ b/people/14478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14479.html b/people/14479.html
index b18b481b..9a6bf173 100644
--- a/people/14479.html
+++ b/people/14479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1448.html b/people/1448.html
index dbd6ced1..cd39ee01 100644
--- a/people/1448.html
+++ b/people/1448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14480.html b/people/14480.html
index 0004301b..442b323e 100644
--- a/people/14480.html
+++ b/people/14480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14481.html b/people/14481.html
index c32d55be..2ad7946f 100644
--- a/people/14481.html
+++ b/people/14481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14482.html b/people/14482.html
index b59f891e..72e4f270 100644
--- a/people/14482.html
+++ b/people/14482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14483.html b/people/14483.html
index b796bd35..84c039a6 100644
--- a/people/14483.html
+++ b/people/14483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14484.html b/people/14484.html
index 17c46bf3..92616dd8 100644
--- a/people/14484.html
+++ b/people/14484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14485.html b/people/14485.html
index 4f954312..863ac4d3 100644
--- a/people/14485.html
+++ b/people/14485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14486.html b/people/14486.html
index 00d20568..631e00ba 100644
--- a/people/14486.html
+++ b/people/14486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14487.html b/people/14487.html
index 1af8a1d0..28112a14 100644
--- a/people/14487.html
+++ b/people/14487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14488.html b/people/14488.html
index 23abf0e3..94e156b1 100644
--- a/people/14488.html
+++ b/people/14488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14489.html b/people/14489.html
index 7f2935c9..a52149c3 100644
--- a/people/14489.html
+++ b/people/14489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1449.html b/people/1449.html
index f9fb2332..48942009 100644
--- a/people/1449.html
+++ b/people/1449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14490.html b/people/14490.html
index 2d24d4cc..a6cf1e22 100644
--- a/people/14490.html
+++ b/people/14490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14491.html b/people/14491.html
index 7183b92e..4fa79a9b 100644
--- a/people/14491.html
+++ b/people/14491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14492.html b/people/14492.html
index 5f87b49d..8e128b59 100644
--- a/people/14492.html
+++ b/people/14492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14493.html b/people/14493.html
index d1c939f0..81189bca 100644
--- a/people/14493.html
+++ b/people/14493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14494.html b/people/14494.html
index cc89b9b0..b5280f45 100644
--- a/people/14494.html
+++ b/people/14494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14495.html b/people/14495.html
index 39c16be8..e4b4daac 100644
--- a/people/14495.html
+++ b/people/14495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14496.html b/people/14496.html
index 203a39dc..a236d7bb 100644
--- a/people/14496.html
+++ b/people/14496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14497.html b/people/14497.html
index 5fc39347..f76fc0c1 100644
--- a/people/14497.html
+++ b/people/14497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14498.html b/people/14498.html
index cef63b10..0158704a 100644
--- a/people/14498.html
+++ b/people/14498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14499.html b/people/14499.html
index f4d82d8d..e13eb373 100644
--- a/people/14499.html
+++ b/people/14499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/145.html b/people/145.html
index cb2b66ce..3d85cc59 100644
--- a/people/145.html
+++ b/people/145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1450.html b/people/1450.html
index 47e8cda9..0931e9e9 100644
--- a/people/1450.html
+++ b/people/1450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14500.html b/people/14500.html
index 8f891399..1a461216 100644
--- a/people/14500.html
+++ b/people/14500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14501.html b/people/14501.html
index c40b33ad..06a5afb9 100644
--- a/people/14501.html
+++ b/people/14501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14502.html b/people/14502.html
index e6bc5896..819f35d3 100644
--- a/people/14502.html
+++ b/people/14502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14503.html b/people/14503.html
index 6eab7802..3f96d439 100644
--- a/people/14503.html
+++ b/people/14503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14504.html b/people/14504.html
index 510002e1..4914b0bd 100644
--- a/people/14504.html
+++ b/people/14504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14505.html b/people/14505.html
index 1ba37a7b..538aa72e 100644
--- a/people/14505.html
+++ b/people/14505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14506.html b/people/14506.html
index 5be10466..a9bdd494 100644
--- a/people/14506.html
+++ b/people/14506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14507.html b/people/14507.html
index 06d3179f..3ccf4754 100644
--- a/people/14507.html
+++ b/people/14507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14508.html b/people/14508.html
index b965e254..6fd38580 100644
--- a/people/14508.html
+++ b/people/14508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14509.html b/people/14509.html
index 22d20349..8e3410ab 100644
--- a/people/14509.html
+++ b/people/14509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1451.html b/people/1451.html
index 2e63aaa5..4a622400 100644
--- a/people/1451.html
+++ b/people/1451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14510.html b/people/14510.html
index e90f2b2a..9690756b 100644
--- a/people/14510.html
+++ b/people/14510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14511.html b/people/14511.html
index 7ed662fa..ee05f681 100644
--- a/people/14511.html
+++ b/people/14511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14512.html b/people/14512.html
index bd0cd20a..ce30c674 100644
--- a/people/14512.html
+++ b/people/14512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14513.html b/people/14513.html
index 18478d2e..a9d8fa0f 100644
--- a/people/14513.html
+++ b/people/14513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14514.html b/people/14514.html
index 05cd7ad7..982a379c 100644
--- a/people/14514.html
+++ b/people/14514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14515.html b/people/14515.html
index cef39480..b1a3c315 100644
--- a/people/14515.html
+++ b/people/14515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14516.html b/people/14516.html
index c1fb4df5..181c5600 100644
--- a/people/14516.html
+++ b/people/14516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14517.html b/people/14517.html
index 0fe6e344..6ea17727 100644
--- a/people/14517.html
+++ b/people/14517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14518.html b/people/14518.html
index e80f1287..1320a226 100644
--- a/people/14518.html
+++ b/people/14518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14519.html b/people/14519.html
index 3f9566f6..6bb25146 100644
--- a/people/14519.html
+++ b/people/14519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1452.html b/people/1452.html
index 8b25b64b..741ecdea 100644
--- a/people/1452.html
+++ b/people/1452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14520.html b/people/14520.html
index df13c221..2469db26 100644
--- a/people/14520.html
+++ b/people/14520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14521.html b/people/14521.html
index 2aea0e04..20861721 100644
--- a/people/14521.html
+++ b/people/14521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14522.html b/people/14522.html
index d8eff8b9..369af045 100644
--- a/people/14522.html
+++ b/people/14522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14523.html b/people/14523.html
index b3fc156f..b381b97b 100644
--- a/people/14523.html
+++ b/people/14523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14524.html b/people/14524.html
index 0f1a1ff1..48ebd8fa 100644
--- a/people/14524.html
+++ b/people/14524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14525.html b/people/14525.html
index 7cc22398..c9842edc 100644
--- a/people/14525.html
+++ b/people/14525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14526.html b/people/14526.html
index 98a0f342..a5b6bd89 100644
--- a/people/14526.html
+++ b/people/14526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14527.html b/people/14527.html
index 473650f8..20f2b880 100644
--- a/people/14527.html
+++ b/people/14527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14528.html b/people/14528.html
index 2a9646d4..98ef30e4 100644
--- a/people/14528.html
+++ b/people/14528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14529.html b/people/14529.html
index 897d2c79..f4e93978 100644
--- a/people/14529.html
+++ b/people/14529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1453.html b/people/1453.html
index d3799646..7b530b97 100644
--- a/people/1453.html
+++ b/people/1453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14530.html b/people/14530.html
index 985ffc76..de02d66f 100644
--- a/people/14530.html
+++ b/people/14530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14531.html b/people/14531.html
index f33c0e33..65843603 100644
--- a/people/14531.html
+++ b/people/14531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14532.html b/people/14532.html
index 5961f27d..d21fab90 100644
--- a/people/14532.html
+++ b/people/14532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14533.html b/people/14533.html
index 8694bcf9..e2782bf3 100644
--- a/people/14533.html
+++ b/people/14533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14534.html b/people/14534.html
index a7690613..822783d5 100644
--- a/people/14534.html
+++ b/people/14534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14535.html b/people/14535.html
index fdab18d7..c8317fa5 100644
--- a/people/14535.html
+++ b/people/14535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14536.html b/people/14536.html
index 28c8d56f..c8ec41b5 100644
--- a/people/14536.html
+++ b/people/14536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14537.html b/people/14537.html
index a48dc4e9..9e21fd62 100644
--- a/people/14537.html
+++ b/people/14537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14538.html b/people/14538.html
index 377d29e9..754f04b9 100644
--- a/people/14538.html
+++ b/people/14538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14539.html b/people/14539.html
index d9746cad..f8611672 100644
--- a/people/14539.html
+++ b/people/14539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1454.html b/people/1454.html
index 189b5674..9c1694e1 100644
--- a/people/1454.html
+++ b/people/1454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14540.html b/people/14540.html
index e551b354..7e2cd935 100644
--- a/people/14540.html
+++ b/people/14540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14541.html b/people/14541.html
index c49eccce..f1ecd4ea 100644
--- a/people/14541.html
+++ b/people/14541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14542.html b/people/14542.html
index 148eafbc..72860787 100644
--- a/people/14542.html
+++ b/people/14542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14543.html b/people/14543.html
index f4c4068c..a45ddeb8 100644
--- a/people/14543.html
+++ b/people/14543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14544.html b/people/14544.html
index c746e42d..dd843fba 100644
--- a/people/14544.html
+++ b/people/14544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14545.html b/people/14545.html
index ecece22e..a27555dd 100644
--- a/people/14545.html
+++ b/people/14545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14546.html b/people/14546.html
index ffc19ce9..5c5652b6 100644
--- a/people/14546.html
+++ b/people/14546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14547.html b/people/14547.html
index c51a8197..cbe52660 100644
--- a/people/14547.html
+++ b/people/14547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14548.html b/people/14548.html
index acf64da4..d762b1f4 100644
--- a/people/14548.html
+++ b/people/14548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14549.html b/people/14549.html
index 989fd916..9d0af4c0 100644
--- a/people/14549.html
+++ b/people/14549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1455.html b/people/1455.html
index 4196f817..e140f938 100644
--- a/people/1455.html
+++ b/people/1455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14550.html b/people/14550.html
index b8f2e067..18659c0b 100644
--- a/people/14550.html
+++ b/people/14550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14551.html b/people/14551.html
index f441d0ed..ad8660b9 100644
--- a/people/14551.html
+++ b/people/14551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14552.html b/people/14552.html
index 1ebe6883..a26d8489 100644
--- a/people/14552.html
+++ b/people/14552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14553.html b/people/14553.html
index 06c9425c..16beba15 100644
--- a/people/14553.html
+++ b/people/14553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14554.html b/people/14554.html
index e494adc0..711a82c3 100644
--- a/people/14554.html
+++ b/people/14554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14555.html b/people/14555.html
index 252c329c..074c2ec6 100644
--- a/people/14555.html
+++ b/people/14555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14556.html b/people/14556.html
index 24b6217e..5d68b35d 100644
--- a/people/14556.html
+++ b/people/14556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14557.html b/people/14557.html
index e4747d67..edb2812b 100644
--- a/people/14557.html
+++ b/people/14557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14558.html b/people/14558.html
index 33c7fbce..2d48498f 100644
--- a/people/14558.html
+++ b/people/14558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14559.html b/people/14559.html
index df996dfd..8feee531 100644
--- a/people/14559.html
+++ b/people/14559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1456.html b/people/1456.html
index db5ca245..22755780 100644
--- a/people/1456.html
+++ b/people/1456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14560.html b/people/14560.html
index 88932291..9dbd2809 100644
--- a/people/14560.html
+++ b/people/14560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14561.html b/people/14561.html
index 5f3f7bd8..47685186 100644
--- a/people/14561.html
+++ b/people/14561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14562.html b/people/14562.html
index 6b12d05a..5fca3392 100644
--- a/people/14562.html
+++ b/people/14562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14563.html b/people/14563.html
index f61f5a74..e85b3ebe 100644
--- a/people/14563.html
+++ b/people/14563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14564.html b/people/14564.html
index d3ae507c..346fba64 100644
--- a/people/14564.html
+++ b/people/14564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14565.html b/people/14565.html
index ac0d19b5..077661d7 100644
--- a/people/14565.html
+++ b/people/14565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14566.html b/people/14566.html
index 908d1b61..7278bc61 100644
--- a/people/14566.html
+++ b/people/14566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14567.html b/people/14567.html
index 0d93c91f..cda564b2 100644
--- a/people/14567.html
+++ b/people/14567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14568.html b/people/14568.html
index 524b2ce5..c7e461a0 100644
--- a/people/14568.html
+++ b/people/14568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14569.html b/people/14569.html
index 131e179e..67c5630b 100644
--- a/people/14569.html
+++ b/people/14569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1457.html b/people/1457.html
index 7bb26dd1..6ea738df 100644
--- a/people/1457.html
+++ b/people/1457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14570.html b/people/14570.html
index 709c7f9a..17d2a073 100644
--- a/people/14570.html
+++ b/people/14570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14571.html b/people/14571.html
index f6f00785..6241f1d2 100644
--- a/people/14571.html
+++ b/people/14571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14572.html b/people/14572.html
index f75702cd..53d088a2 100644
--- a/people/14572.html
+++ b/people/14572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14573.html b/people/14573.html
index 81400867..bf2d92a9 100644
--- a/people/14573.html
+++ b/people/14573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14574.html b/people/14574.html
index 861fa91c..3752d988 100644
--- a/people/14574.html
+++ b/people/14574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14575.html b/people/14575.html
index e0cfd488..80f051d4 100644
--- a/people/14575.html
+++ b/people/14575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14576.html b/people/14576.html
index 34e41529..4ce68512 100644
--- a/people/14576.html
+++ b/people/14576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14577.html b/people/14577.html
index 4320ec04..fdabd2f4 100644
--- a/people/14577.html
+++ b/people/14577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14578.html b/people/14578.html
index d3c2ee63..f0773d58 100644
--- a/people/14578.html
+++ b/people/14578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14579.html b/people/14579.html
index a161e7b2..cc2e1f45 100644
--- a/people/14579.html
+++ b/people/14579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1458.html b/people/1458.html
index 2da15ea0..c4ac8dba 100644
--- a/people/1458.html
+++ b/people/1458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14580.html b/people/14580.html
index 63272883..3a841b0f 100644
--- a/people/14580.html
+++ b/people/14580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14581.html b/people/14581.html
index e3e915ef..abb0e3b5 100644
--- a/people/14581.html
+++ b/people/14581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14582.html b/people/14582.html
index 052b596a..17509f6f 100644
--- a/people/14582.html
+++ b/people/14582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14583.html b/people/14583.html
index 045f160f..1774b605 100644
--- a/people/14583.html
+++ b/people/14583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14584.html b/people/14584.html
index 12ff0d61..b792855e 100644
--- a/people/14584.html
+++ b/people/14584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14585.html b/people/14585.html
index 9fab9f99..53bc649c 100644
--- a/people/14585.html
+++ b/people/14585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14586.html b/people/14586.html
index 0b62a65d..5dc6fc02 100644
--- a/people/14586.html
+++ b/people/14586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14587.html b/people/14587.html
index e772092e..d25ba3dc 100644
--- a/people/14587.html
+++ b/people/14587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14588.html b/people/14588.html
index 774fd694..c33e1dd8 100644
--- a/people/14588.html
+++ b/people/14588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14589.html b/people/14589.html
index c1297c02..17d6e847 100644
--- a/people/14589.html
+++ b/people/14589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1459.html b/people/1459.html
index a4073f88..46221990 100644
--- a/people/1459.html
+++ b/people/1459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14590.html b/people/14590.html
index 75926107..05039d1e 100644
--- a/people/14590.html
+++ b/people/14590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14591.html b/people/14591.html
index f85ea299..cebabc1b 100644
--- a/people/14591.html
+++ b/people/14591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14592.html b/people/14592.html
index f21b3940..631aa75a 100644
--- a/people/14592.html
+++ b/people/14592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14593.html b/people/14593.html
index b67af7f4..b8dd9418 100644
--- a/people/14593.html
+++ b/people/14593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14594.html b/people/14594.html
index 95e5c56d..639ba5f8 100644
--- a/people/14594.html
+++ b/people/14594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14595.html b/people/14595.html
index b607a046..db358713 100644
--- a/people/14595.html
+++ b/people/14595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14596.html b/people/14596.html
index c014d104..99fe1590 100644
--- a/people/14596.html
+++ b/people/14596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14597.html b/people/14597.html
index ed9c1107..6c65a87c 100644
--- a/people/14597.html
+++ b/people/14597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14598.html b/people/14598.html
index 46bd9c07..18f68cac 100644
--- a/people/14598.html
+++ b/people/14598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14599.html b/people/14599.html
index d02dc9ee..2c6ee059 100644
--- a/people/14599.html
+++ b/people/14599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/146.html b/people/146.html
index 820dee1f..21d42606 100644
--- a/people/146.html
+++ b/people/146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1460.html b/people/1460.html
index c026d583..89efff9d 100644
--- a/people/1460.html
+++ b/people/1460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14600.html b/people/14600.html
index c0824dc9..79e32266 100644
--- a/people/14600.html
+++ b/people/14600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14601.html b/people/14601.html
index 15fa867f..c07f004c 100644
--- a/people/14601.html
+++ b/people/14601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14602.html b/people/14602.html
index 4f08ba60..5b1f3369 100644
--- a/people/14602.html
+++ b/people/14602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14603.html b/people/14603.html
index df0e26bd..6f40a4b1 100644
--- a/people/14603.html
+++ b/people/14603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14604.html b/people/14604.html
index 51ca7b76..848a0dba 100644
--- a/people/14604.html
+++ b/people/14604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14605.html b/people/14605.html
index c9687f27..b56af9e4 100644
--- a/people/14605.html
+++ b/people/14605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14606.html b/people/14606.html
index cee9cdd9..31cbcebc 100644
--- a/people/14606.html
+++ b/people/14606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14607.html b/people/14607.html
index 6060e39f..27a125a0 100644
--- a/people/14607.html
+++ b/people/14607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14608.html b/people/14608.html
index a16d6de5..8ada7fc7 100644
--- a/people/14608.html
+++ b/people/14608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14609.html b/people/14609.html
index 5b5e64cf..a82283cc 100644
--- a/people/14609.html
+++ b/people/14609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1461.html b/people/1461.html
index 8cfd6a37..b411edf5 100644
--- a/people/1461.html
+++ b/people/1461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14610.html b/people/14610.html
index 2138289d..42f233f0 100644
--- a/people/14610.html
+++ b/people/14610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14611.html b/people/14611.html
index 91e9fc9d..dbc34b2e 100644
--- a/people/14611.html
+++ b/people/14611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14612.html b/people/14612.html
index 551f8d73..7c4ceca3 100644
--- a/people/14612.html
+++ b/people/14612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14613.html b/people/14613.html
index e18d3c0f..e02921ad 100644
--- a/people/14613.html
+++ b/people/14613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14614.html b/people/14614.html
index f64af743..5c8f7c2f 100644
--- a/people/14614.html
+++ b/people/14614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14615.html b/people/14615.html
index 645992b1..902b1237 100644
--- a/people/14615.html
+++ b/people/14615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14616.html b/people/14616.html
index 8ce00910..f43c8f5a 100644
--- a/people/14616.html
+++ b/people/14616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14617.html b/people/14617.html
index b05243b3..1e21cda3 100644
--- a/people/14617.html
+++ b/people/14617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14618.html b/people/14618.html
index c4f124fa..3db561c8 100644
--- a/people/14618.html
+++ b/people/14618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14619.html b/people/14619.html
index 422365f8..0208ef7c 100644
--- a/people/14619.html
+++ b/people/14619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1462.html b/people/1462.html
index ef8a7c5a..7cb54ae7 100644
--- a/people/1462.html
+++ b/people/1462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14620.html b/people/14620.html
index e78087f4..5566d3c9 100644
--- a/people/14620.html
+++ b/people/14620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14621.html b/people/14621.html
index 4e166929..2ab497db 100644
--- a/people/14621.html
+++ b/people/14621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14622.html b/people/14622.html
index 83145dd0..44802ef5 100644
--- a/people/14622.html
+++ b/people/14622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14623.html b/people/14623.html
index 9c90e67d..20da23d7 100644
--- a/people/14623.html
+++ b/people/14623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14624.html b/people/14624.html
index 800906d5..e9e02432 100644
--- a/people/14624.html
+++ b/people/14624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14625.html b/people/14625.html
index 8e0597cf..57f3739e 100644
--- a/people/14625.html
+++ b/people/14625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14626.html b/people/14626.html
index 77ce1bca..aefe8ab1 100644
--- a/people/14626.html
+++ b/people/14626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14627.html b/people/14627.html
index b5c5bdda..2badde35 100644
--- a/people/14627.html
+++ b/people/14627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14628.html b/people/14628.html
index a6165198..b1c02483 100644
--- a/people/14628.html
+++ b/people/14628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14629.html b/people/14629.html
index 76f76ebc..de682f75 100644
--- a/people/14629.html
+++ b/people/14629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1463.html b/people/1463.html
index 40ec414e..93f6ebfd 100644
--- a/people/1463.html
+++ b/people/1463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14630.html b/people/14630.html
index 1389c5a4..29bc81e6 100644
--- a/people/14630.html
+++ b/people/14630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14631.html b/people/14631.html
index ad736680..2421e072 100644
--- a/people/14631.html
+++ b/people/14631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14632.html b/people/14632.html
index d80f91ec..40b18a8e 100644
--- a/people/14632.html
+++ b/people/14632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14633.html b/people/14633.html
index 4c8b62dc..57b555c4 100644
--- a/people/14633.html
+++ b/people/14633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14634.html b/people/14634.html
index e14e5a15..7551aa75 100644
--- a/people/14634.html
+++ b/people/14634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14635.html b/people/14635.html
index 19f89fed..084a1ecf 100644
--- a/people/14635.html
+++ b/people/14635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14636.html b/people/14636.html
index 470bd4af..70572bed 100644
--- a/people/14636.html
+++ b/people/14636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14637.html b/people/14637.html
index 666c0512..1010a83d 100644
--- a/people/14637.html
+++ b/people/14637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14638.html b/people/14638.html
index 02615938..095f1228 100644
--- a/people/14638.html
+++ b/people/14638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14639.html b/people/14639.html
index 8d14d5ae..cd177430 100644
--- a/people/14639.html
+++ b/people/14639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1464.html b/people/1464.html
index 705ea44e..f22b15e7 100644
--- a/people/1464.html
+++ b/people/1464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14640.html b/people/14640.html
index 2b6c9c08..bc4d11f0 100644
--- a/people/14640.html
+++ b/people/14640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14641.html b/people/14641.html
index 774e3af0..6478407b 100644
--- a/people/14641.html
+++ b/people/14641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14642.html b/people/14642.html
index 2e0fd48d..d0f4dcc6 100644
--- a/people/14642.html
+++ b/people/14642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14643.html b/people/14643.html
index f65dcbb5..24611059 100644
--- a/people/14643.html
+++ b/people/14643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14644.html b/people/14644.html
index 411a85a8..4ad7cabf 100644
--- a/people/14644.html
+++ b/people/14644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14645.html b/people/14645.html
index c3641871..8658b77d 100644
--- a/people/14645.html
+++ b/people/14645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14646.html b/people/14646.html
index 02976d9e..6d696f37 100644
--- a/people/14646.html
+++ b/people/14646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14647.html b/people/14647.html
index 29030ced..6e0dca6b 100644
--- a/people/14647.html
+++ b/people/14647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14648.html b/people/14648.html
index 2f8fc052..b4140946 100644
--- a/people/14648.html
+++ b/people/14648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14649.html b/people/14649.html
index 973247f0..52037c1c 100644
--- a/people/14649.html
+++ b/people/14649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1465.html b/people/1465.html
index aba22ab6..a40f7d58 100644
--- a/people/1465.html
+++ b/people/1465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14650.html b/people/14650.html
index 18efad3e..1cdab7b1 100644
--- a/people/14650.html
+++ b/people/14650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14651.html b/people/14651.html
index 3bb8ca71..12bcc859 100644
--- a/people/14651.html
+++ b/people/14651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14652.html b/people/14652.html
index 432ed1bf..d110e65d 100644
--- a/people/14652.html
+++ b/people/14652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14653.html b/people/14653.html
index 92f51964..ebd9a53d 100644
--- a/people/14653.html
+++ b/people/14653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14654.html b/people/14654.html
index 13a2d870..567f0282 100644
--- a/people/14654.html
+++ b/people/14654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14655.html b/people/14655.html
index 50eb8aef..94b56613 100644
--- a/people/14655.html
+++ b/people/14655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14656.html b/people/14656.html
index 1b6ffc07..b5a3d513 100644
--- a/people/14656.html
+++ b/people/14656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14657.html b/people/14657.html
index d1e1f123..87518045 100644
--- a/people/14657.html
+++ b/people/14657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14658.html b/people/14658.html
index a9e8f276..31ba41a6 100644
--- a/people/14658.html
+++ b/people/14658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14659.html b/people/14659.html
index 7b1f5e29..3cfa15c2 100644
--- a/people/14659.html
+++ b/people/14659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1466.html b/people/1466.html
index 1357e8e7..41cbd327 100644
--- a/people/1466.html
+++ b/people/1466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14660.html b/people/14660.html
index dddb6d0b..4431d49d 100644
--- a/people/14660.html
+++ b/people/14660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14661.html b/people/14661.html
index f77254a0..bd2167f0 100644
--- a/people/14661.html
+++ b/people/14661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14662.html b/people/14662.html
index a4a087c5..2c9f92f9 100644
--- a/people/14662.html
+++ b/people/14662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14663.html b/people/14663.html
index 2491b4fc..053fce4b 100644
--- a/people/14663.html
+++ b/people/14663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14664.html b/people/14664.html
index 303e484b..c16ab918 100644
--- a/people/14664.html
+++ b/people/14664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14665.html b/people/14665.html
index 828595d6..7ca1115e 100644
--- a/people/14665.html
+++ b/people/14665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14666.html b/people/14666.html
index bdafe6f8..71965f3c 100644
--- a/people/14666.html
+++ b/people/14666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14667.html b/people/14667.html
index 121eefd2..711e9730 100644
--- a/people/14667.html
+++ b/people/14667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14668.html b/people/14668.html
index 5e20df33..98d57182 100644
--- a/people/14668.html
+++ b/people/14668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14669.html b/people/14669.html
index 08f831e4..94dae4d2 100644
--- a/people/14669.html
+++ b/people/14669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1467.html b/people/1467.html
index 092a3b67..372a8569 100644
--- a/people/1467.html
+++ b/people/1467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14670.html b/people/14670.html
index 1be50da6..18aba205 100644
--- a/people/14670.html
+++ b/people/14670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14671.html b/people/14671.html
index a8cdd74c..ec31d669 100644
--- a/people/14671.html
+++ b/people/14671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14672.html b/people/14672.html
index f081326a..1e5680ac 100644
--- a/people/14672.html
+++ b/people/14672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14673.html b/people/14673.html
index 54c8b216..c6db7b23 100644
--- a/people/14673.html
+++ b/people/14673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14674.html b/people/14674.html
index e6c4ea64..314f5494 100644
--- a/people/14674.html
+++ b/people/14674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14675.html b/people/14675.html
index 217da9e8..21b22d02 100644
--- a/people/14675.html
+++ b/people/14675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14676.html b/people/14676.html
index db4e5d90..c96c7c8e 100644
--- a/people/14676.html
+++ b/people/14676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14677.html b/people/14677.html
index 6f2d4ae9..2877499d 100644
--- a/people/14677.html
+++ b/people/14677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14678.html b/people/14678.html
index 7eaec002..897e6f57 100644
--- a/people/14678.html
+++ b/people/14678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14679.html b/people/14679.html
index e7088f40..3ad195c4 100644
--- a/people/14679.html
+++ b/people/14679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1468.html b/people/1468.html
index 8fa19416..dee6bfc9 100644
--- a/people/1468.html
+++ b/people/1468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14680.html b/people/14680.html
index 22948427..8faac57b 100644
--- a/people/14680.html
+++ b/people/14680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14681.html b/people/14681.html
index 45b2c4eb..5ee9d82a 100644
--- a/people/14681.html
+++ b/people/14681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14682.html b/people/14682.html
index dcc6f82d..016e8139 100644
--- a/people/14682.html
+++ b/people/14682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14683.html b/people/14683.html
index 4a9bc479..2e87e5ba 100644
--- a/people/14683.html
+++ b/people/14683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14684.html b/people/14684.html
index 12f67f1b..ba1b222a 100644
--- a/people/14684.html
+++ b/people/14684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14685.html b/people/14685.html
index 0ce888a5..06c90e5d 100644
--- a/people/14685.html
+++ b/people/14685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14686.html b/people/14686.html
index ad3c3025..ba227f5b 100644
--- a/people/14686.html
+++ b/people/14686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14687.html b/people/14687.html
index d8752ce7..572759b0 100644
--- a/people/14687.html
+++ b/people/14687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14688.html b/people/14688.html
index 31e0600a..13423939 100644
--- a/people/14688.html
+++ b/people/14688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14689.html b/people/14689.html
index 75ea3b32..c8b8f181 100644
--- a/people/14689.html
+++ b/people/14689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1469.html b/people/1469.html
index b1e7ebbe..995d6a1b 100644
--- a/people/1469.html
+++ b/people/1469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14690.html b/people/14690.html
index f8be901c..1935e980 100644
--- a/people/14690.html
+++ b/people/14690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14691.html b/people/14691.html
index d7b2519d..2b4e70fc 100644
--- a/people/14691.html
+++ b/people/14691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14692.html b/people/14692.html
index 0f1113a2..e836777b 100644
--- a/people/14692.html
+++ b/people/14692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14693.html b/people/14693.html
index e0c431b1..c1ff4dfe 100644
--- a/people/14693.html
+++ b/people/14693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14694.html b/people/14694.html
index 99c30105..aeabded6 100644
--- a/people/14694.html
+++ b/people/14694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14695.html b/people/14695.html
index d9c4caca..452b2d5e 100644
--- a/people/14695.html
+++ b/people/14695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14696.html b/people/14696.html
index 32341ef8..f5bba176 100644
--- a/people/14696.html
+++ b/people/14696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14697.html b/people/14697.html
index 5a090224..75efd2b0 100644
--- a/people/14697.html
+++ b/people/14697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14698.html b/people/14698.html
index 632605ae..1422044c 100644
--- a/people/14698.html
+++ b/people/14698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14699.html b/people/14699.html
index a382115e..db3796c1 100644
--- a/people/14699.html
+++ b/people/14699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/147.html b/people/147.html
index 5ecf1762..d3291959 100644
--- a/people/147.html
+++ b/people/147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1470.html b/people/1470.html
index 0e967250..9d1649af 100644
--- a/people/1470.html
+++ b/people/1470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14700.html b/people/14700.html
index b785716e..41b07b06 100644
--- a/people/14700.html
+++ b/people/14700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14701.html b/people/14701.html
index 5af880f5..64d488cb 100644
--- a/people/14701.html
+++ b/people/14701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14702.html b/people/14702.html
index 9ea1e190..e3b91f03 100644
--- a/people/14702.html
+++ b/people/14702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14703.html b/people/14703.html
index b987a06f..7e9567ba 100644
--- a/people/14703.html
+++ b/people/14703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14704.html b/people/14704.html
index 8364510f..751c3278 100644
--- a/people/14704.html
+++ b/people/14704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14705.html b/people/14705.html
index b79c5164..004c259b 100644
--- a/people/14705.html
+++ b/people/14705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14706.html b/people/14706.html
index 9a209e3a..0875c3f5 100644
--- a/people/14706.html
+++ b/people/14706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14707.html b/people/14707.html
index 60c85cf8..f48aad5d 100644
--- a/people/14707.html
+++ b/people/14707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14708.html b/people/14708.html
index b0d3efd7..ccb4acfa 100644
--- a/people/14708.html
+++ b/people/14708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14709.html b/people/14709.html
index 78be5c07..d6274ba6 100644
--- a/people/14709.html
+++ b/people/14709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1471.html b/people/1471.html
index 095fa971..3811e4b2 100644
--- a/people/1471.html
+++ b/people/1471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14710.html b/people/14710.html
index a422fb8f..cf20f83e 100644
--- a/people/14710.html
+++ b/people/14710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14711.html b/people/14711.html
index e4353645..c2ba2c78 100644
--- a/people/14711.html
+++ b/people/14711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14712.html b/people/14712.html
index c2220ed2..8858a64e 100644
--- a/people/14712.html
+++ b/people/14712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14713.html b/people/14713.html
index 736d65c1..ee7c2262 100644
--- a/people/14713.html
+++ b/people/14713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14714.html b/people/14714.html
index f6a5d18c..593162bb 100644
--- a/people/14714.html
+++ b/people/14714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14715.html b/people/14715.html
index 0e076cb0..e4a144d7 100644
--- a/people/14715.html
+++ b/people/14715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14716.html b/people/14716.html
index 94014ddd..2f799ec2 100644
--- a/people/14716.html
+++ b/people/14716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14717.html b/people/14717.html
index f5dfe9f5..081bd309 100644
--- a/people/14717.html
+++ b/people/14717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14718.html b/people/14718.html
index ed9a6115..625c3964 100644
--- a/people/14718.html
+++ b/people/14718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14719.html b/people/14719.html
index 086ebe1c..78e4d4f5 100644
--- a/people/14719.html
+++ b/people/14719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1472.html b/people/1472.html
index c9bafc59..5576690f 100644
--- a/people/1472.html
+++ b/people/1472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14720.html b/people/14720.html
index 0c5fdfbd..82df6a8c 100644
--- a/people/14720.html
+++ b/people/14720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14721.html b/people/14721.html
index ffdd9376..72829b4f 100644
--- a/people/14721.html
+++ b/people/14721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14722.html b/people/14722.html
index 254c445a..ef71677f 100644
--- a/people/14722.html
+++ b/people/14722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14723.html b/people/14723.html
index a60edd1d..269c5f51 100644
--- a/people/14723.html
+++ b/people/14723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14724.html b/people/14724.html
index 4a1e68fa..efe6c8a3 100644
--- a/people/14724.html
+++ b/people/14724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14725.html b/people/14725.html
index eba690b6..d94f0c96 100644
--- a/people/14725.html
+++ b/people/14725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14726.html b/people/14726.html
index 5909a071..ba02551e 100644
--- a/people/14726.html
+++ b/people/14726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14727.html b/people/14727.html
index b369eb00..226af8ed 100644
--- a/people/14727.html
+++ b/people/14727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14728.html b/people/14728.html
index 1d85466e..2e84abb7 100644
--- a/people/14728.html
+++ b/people/14728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14729.html b/people/14729.html
index 0c6c933d..a62211db 100644
--- a/people/14729.html
+++ b/people/14729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1473.html b/people/1473.html
index 533c30c4..197c0308 100644
--- a/people/1473.html
+++ b/people/1473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14730.html b/people/14730.html
index 7e174c8a..fee77996 100644
--- a/people/14730.html
+++ b/people/14730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14731.html b/people/14731.html
index 28a70db7..9486f909 100644
--- a/people/14731.html
+++ b/people/14731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14732.html b/people/14732.html
index 6f27fb74..c4791c38 100644
--- a/people/14732.html
+++ b/people/14732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14733.html b/people/14733.html
index 2d5cb858..0eff7c2d 100644
--- a/people/14733.html
+++ b/people/14733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14734.html b/people/14734.html
index 0c7b8e72..b0109fa0 100644
--- a/people/14734.html
+++ b/people/14734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14735.html b/people/14735.html
index 82c5e3c0..6c474679 100644
--- a/people/14735.html
+++ b/people/14735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14736.html b/people/14736.html
index 20bc7906..a039ff3b 100644
--- a/people/14736.html
+++ b/people/14736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14737.html b/people/14737.html
index a4dba8f6..3ecef9e8 100644
--- a/people/14737.html
+++ b/people/14737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14738.html b/people/14738.html
index 95b719a2..787f3883 100644
--- a/people/14738.html
+++ b/people/14738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14739.html b/people/14739.html
index 3d7fc152..1e5cf6cf 100644
--- a/people/14739.html
+++ b/people/14739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1474.html b/people/1474.html
index 55041f87..63229b85 100644
--- a/people/1474.html
+++ b/people/1474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14740.html b/people/14740.html
index aaa7e8a3..99e62bb4 100644
--- a/people/14740.html
+++ b/people/14740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14741.html b/people/14741.html
index f97341e6..041b4916 100644
--- a/people/14741.html
+++ b/people/14741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14742.html b/people/14742.html
index d8ae9d25..e83e9243 100644
--- a/people/14742.html
+++ b/people/14742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14743.html b/people/14743.html
index 6ad51c15..242045e4 100644
--- a/people/14743.html
+++ b/people/14743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14744.html b/people/14744.html
index b30c5f2f..7ef6f3b9 100644
--- a/people/14744.html
+++ b/people/14744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14745.html b/people/14745.html
index 29b4de49..dfd536fa 100644
--- a/people/14745.html
+++ b/people/14745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14746.html b/people/14746.html
index 84ab1519..c029fe0e 100644
--- a/people/14746.html
+++ b/people/14746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14747.html b/people/14747.html
index 3fd2aa05..c8039543 100644
--- a/people/14747.html
+++ b/people/14747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14748.html b/people/14748.html
index 26f51bc0..0634c8dd 100644
--- a/people/14748.html
+++ b/people/14748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14749.html b/people/14749.html
index 608666b9..85065ba6 100644
--- a/people/14749.html
+++ b/people/14749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1475.html b/people/1475.html
index 2e37c094..bda97118 100644
--- a/people/1475.html
+++ b/people/1475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14750.html b/people/14750.html
index 9743163b..7d33c769 100644
--- a/people/14750.html
+++ b/people/14750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14751.html b/people/14751.html
index 26c20526..82029d36 100644
--- a/people/14751.html
+++ b/people/14751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14752.html b/people/14752.html
index 0153032b..20952656 100644
--- a/people/14752.html
+++ b/people/14752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14753.html b/people/14753.html
index 6818e0a9..9477bfcc 100644
--- a/people/14753.html
+++ b/people/14753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14754.html b/people/14754.html
index bb8b1fff..cf1b40f9 100644
--- a/people/14754.html
+++ b/people/14754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14755.html b/people/14755.html
index bcff5bbd..711e8b80 100644
--- a/people/14755.html
+++ b/people/14755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14756.html b/people/14756.html
index b378ad3a..f1480e05 100644
--- a/people/14756.html
+++ b/people/14756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14757.html b/people/14757.html
index 72170442..440a3ebf 100644
--- a/people/14757.html
+++ b/people/14757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14758.html b/people/14758.html
index 93204d96..81b46464 100644
--- a/people/14758.html
+++ b/people/14758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14759.html b/people/14759.html
index a7d5ad02..b4252da6 100644
--- a/people/14759.html
+++ b/people/14759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1476.html b/people/1476.html
index 43708bda..214c9127 100644
--- a/people/1476.html
+++ b/people/1476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14760.html b/people/14760.html
index 156987c4..92381b1b 100644
--- a/people/14760.html
+++ b/people/14760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14761.html b/people/14761.html
index 748cdb31..41cd3e69 100644
--- a/people/14761.html
+++ b/people/14761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14762.html b/people/14762.html
index a158c382..be0d5189 100644
--- a/people/14762.html
+++ b/people/14762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14763.html b/people/14763.html
index 104a6a3f..87b0cc23 100644
--- a/people/14763.html
+++ b/people/14763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14764.html b/people/14764.html
index 44caf05a..37355bf1 100644
--- a/people/14764.html
+++ b/people/14764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14765.html b/people/14765.html
index 4087f0e0..bc3684aa 100644
--- a/people/14765.html
+++ b/people/14765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14766.html b/people/14766.html
index 6837c3db..61785b11 100644
--- a/people/14766.html
+++ b/people/14766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14767.html b/people/14767.html
index 9deee214..1812b2a6 100644
--- a/people/14767.html
+++ b/people/14767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14768.html b/people/14768.html
index 0cf141ee..b0f5091a 100644
--- a/people/14768.html
+++ b/people/14768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14769.html b/people/14769.html
index 8b49e0fc..f80f4fb4 100644
--- a/people/14769.html
+++ b/people/14769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1477.html b/people/1477.html
index c7ccdf99..115d278b 100644
--- a/people/1477.html
+++ b/people/1477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14770.html b/people/14770.html
index d9f814da..c3aee2d1 100644
--- a/people/14770.html
+++ b/people/14770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14771.html b/people/14771.html
index f243258d..2a59370e 100644
--- a/people/14771.html
+++ b/people/14771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14772.html b/people/14772.html
index 65e4f935..0c0e4aa8 100644
--- a/people/14772.html
+++ b/people/14772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14773.html b/people/14773.html
index a8d86f66..5b6bcc69 100644
--- a/people/14773.html
+++ b/people/14773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14774.html b/people/14774.html
index 1d888f47..f1ea9245 100644
--- a/people/14774.html
+++ b/people/14774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14775.html b/people/14775.html
index 88b251d1..1d30f5e0 100644
--- a/people/14775.html
+++ b/people/14775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14776.html b/people/14776.html
index 17f15e09..d7eedbac 100644
--- a/people/14776.html
+++ b/people/14776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14777.html b/people/14777.html
index da673da0..de7a3735 100644
--- a/people/14777.html
+++ b/people/14777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14778.html b/people/14778.html
index 5017e923..8043a927 100644
--- a/people/14778.html
+++ b/people/14778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14779.html b/people/14779.html
index e4df7d8d..ce922dbb 100644
--- a/people/14779.html
+++ b/people/14779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1478.html b/people/1478.html
index 0d41b2ba..02ddb520 100644
--- a/people/1478.html
+++ b/people/1478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14780.html b/people/14780.html
index a21f9987..83e8e7f9 100644
--- a/people/14780.html
+++ b/people/14780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14781.html b/people/14781.html
index 8bdc8f01..52ec3c86 100644
--- a/people/14781.html
+++ b/people/14781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14782.html b/people/14782.html
index a2de3c4a..2b8468ad 100644
--- a/people/14782.html
+++ b/people/14782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14783.html b/people/14783.html
index 64239507..f8a1061c 100644
--- a/people/14783.html
+++ b/people/14783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14784.html b/people/14784.html
index 10f99f6c..c4149750 100644
--- a/people/14784.html
+++ b/people/14784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14785.html b/people/14785.html
index 5279c975..0cbc5a68 100644
--- a/people/14785.html
+++ b/people/14785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14786.html b/people/14786.html
index 43c61417..65ca2d87 100644
--- a/people/14786.html
+++ b/people/14786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14787.html b/people/14787.html
index 6e89ff4c..28b94562 100644
--- a/people/14787.html
+++ b/people/14787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14788.html b/people/14788.html
index 3b583f48..91d8195c 100644
--- a/people/14788.html
+++ b/people/14788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14789.html b/people/14789.html
index 83d5966e..c37c42d8 100644
--- a/people/14789.html
+++ b/people/14789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1479.html b/people/1479.html
index 288c4863..2d86fbae 100644
--- a/people/1479.html
+++ b/people/1479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14790.html b/people/14790.html
index abe0a28e..21673f42 100644
--- a/people/14790.html
+++ b/people/14790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14791.html b/people/14791.html
index 290095e4..446f0e63 100644
--- a/people/14791.html
+++ b/people/14791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14792.html b/people/14792.html
index 36f4b142..a2eec70d 100644
--- a/people/14792.html
+++ b/people/14792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14793.html b/people/14793.html
index 6a0b2030..7bd328af 100644
--- a/people/14793.html
+++ b/people/14793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14794.html b/people/14794.html
index bb826645..4e71eafc 100644
--- a/people/14794.html
+++ b/people/14794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14795.html b/people/14795.html
index ced91a6e..fec7f751 100644
--- a/people/14795.html
+++ b/people/14795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14796.html b/people/14796.html
index a686ee71..fe03d130 100644
--- a/people/14796.html
+++ b/people/14796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14797.html b/people/14797.html
index 84c6f5e3..2c11e58d 100644
--- a/people/14797.html
+++ b/people/14797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14798.html b/people/14798.html
index 58fb4848..9fede55d 100644
--- a/people/14798.html
+++ b/people/14798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14799.html b/people/14799.html
index 3ba088cd..98cd6961 100644
--- a/people/14799.html
+++ b/people/14799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/148.html b/people/148.html
index ff45d10b..2814da34 100644
--- a/people/148.html
+++ b/people/148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1480.html b/people/1480.html
index d001fe6e..2316ecd2 100644
--- a/people/1480.html
+++ b/people/1480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14800.html b/people/14800.html
index aa21269f..19ff5fa0 100644
--- a/people/14800.html
+++ b/people/14800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14801.html b/people/14801.html
index eb5b1210..aca43802 100644
--- a/people/14801.html
+++ b/people/14801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14802.html b/people/14802.html
index 56df1959..25a96d7f 100644
--- a/people/14802.html
+++ b/people/14802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14803.html b/people/14803.html
index bb5d55bb..3c481d9c 100644
--- a/people/14803.html
+++ b/people/14803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14804.html b/people/14804.html
index 1b6260bb..05fc5d55 100644
--- a/people/14804.html
+++ b/people/14804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14805.html b/people/14805.html
index 927a3040..3bf2bc3b 100644
--- a/people/14805.html
+++ b/people/14805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14806.html b/people/14806.html
index 70fb66ec..63423677 100644
--- a/people/14806.html
+++ b/people/14806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14807.html b/people/14807.html
index 538259ce..4fa09852 100644
--- a/people/14807.html
+++ b/people/14807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14808.html b/people/14808.html
index 29f6d81b..54d8bc9a 100644
--- a/people/14808.html
+++ b/people/14808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14809.html b/people/14809.html
index 1e0521e6..91a0d9c8 100644
--- a/people/14809.html
+++ b/people/14809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1481.html b/people/1481.html
index 984063aa..7b22b40e 100644
--- a/people/1481.html
+++ b/people/1481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14810.html b/people/14810.html
index 77a0611d..2359cb6f 100644
--- a/people/14810.html
+++ b/people/14810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14811.html b/people/14811.html
index 488cc953..2b34246b 100644
--- a/people/14811.html
+++ b/people/14811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14812.html b/people/14812.html
index 3470e84b..ede67501 100644
--- a/people/14812.html
+++ b/people/14812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14813.html b/people/14813.html
index d35f13d7..4c5e7f3f 100644
--- a/people/14813.html
+++ b/people/14813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14814.html b/people/14814.html
index f159a756..3e8940be 100644
--- a/people/14814.html
+++ b/people/14814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14815.html b/people/14815.html
index 672935d4..15ed5ddd 100644
--- a/people/14815.html
+++ b/people/14815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14816.html b/people/14816.html
index 2178eb34..41c69719 100644
--- a/people/14816.html
+++ b/people/14816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14817.html b/people/14817.html
index 7c970eb7..4390c53c 100644
--- a/people/14817.html
+++ b/people/14817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14818.html b/people/14818.html
index 51dbad7e..24a39233 100644
--- a/people/14818.html
+++ b/people/14818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14819.html b/people/14819.html
index 94dd9377..3ad1163b 100644
--- a/people/14819.html
+++ b/people/14819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1482.html b/people/1482.html
index 7b28558b..40461ca0 100644
--- a/people/1482.html
+++ b/people/1482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14820.html b/people/14820.html
index a7b36987..72e57373 100644
--- a/people/14820.html
+++ b/people/14820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14821.html b/people/14821.html
index 7ad61ccb..df9560b1 100644
--- a/people/14821.html
+++ b/people/14821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14822.html b/people/14822.html
index c50ffa0b..22ad6e6a 100644
--- a/people/14822.html
+++ b/people/14822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14823.html b/people/14823.html
index a5501752..36f7cb47 100644
--- a/people/14823.html
+++ b/people/14823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14824.html b/people/14824.html
index d9a6f04c..0704e5cb 100644
--- a/people/14824.html
+++ b/people/14824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14825.html b/people/14825.html
index 1bdb18cf..c154e1de 100644
--- a/people/14825.html
+++ b/people/14825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14826.html b/people/14826.html
index d46a4881..c3ac3baf 100644
--- a/people/14826.html
+++ b/people/14826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14827.html b/people/14827.html
index dfc7677a..56195d8a 100644
--- a/people/14827.html
+++ b/people/14827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14828.html b/people/14828.html
index c6658887..647da413 100644
--- a/people/14828.html
+++ b/people/14828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14829.html b/people/14829.html
index 512181f3..add3a6dd 100644
--- a/people/14829.html
+++ b/people/14829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1483.html b/people/1483.html
index 4700637b..19d137c1 100644
--- a/people/1483.html
+++ b/people/1483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14830.html b/people/14830.html
index 725245e0..66b24b33 100644
--- a/people/14830.html
+++ b/people/14830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14831.html b/people/14831.html
index f07483cb..1fb60441 100644
--- a/people/14831.html
+++ b/people/14831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14832.html b/people/14832.html
index 6bcad066..1f5ef0a9 100644
--- a/people/14832.html
+++ b/people/14832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14833.html b/people/14833.html
index 390d05df..47cb07c4 100644
--- a/people/14833.html
+++ b/people/14833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14834.html b/people/14834.html
index b7c50401..fe9555c6 100644
--- a/people/14834.html
+++ b/people/14834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14835.html b/people/14835.html
index 7468df49..38d54540 100644
--- a/people/14835.html
+++ b/people/14835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14836.html b/people/14836.html
index 274634f6..a868fa69 100644
--- a/people/14836.html
+++ b/people/14836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14837.html b/people/14837.html
index d20bf083..53d7da12 100644
--- a/people/14837.html
+++ b/people/14837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14838.html b/people/14838.html
index a41c6177..91245bdf 100644
--- a/people/14838.html
+++ b/people/14838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14839.html b/people/14839.html
index 706f60cc..8db5bae6 100644
--- a/people/14839.html
+++ b/people/14839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1484.html b/people/1484.html
index c20ae814..8ed03d72 100644
--- a/people/1484.html
+++ b/people/1484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14840.html b/people/14840.html
index 0514071e..a85b7035 100644
--- a/people/14840.html
+++ b/people/14840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14841.html b/people/14841.html
index e629974c..076c9bd7 100644
--- a/people/14841.html
+++ b/people/14841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14842.html b/people/14842.html
index 4d12eac2..90c98cf0 100644
--- a/people/14842.html
+++ b/people/14842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14843.html b/people/14843.html
index 52db7b9d..e06b8753 100644
--- a/people/14843.html
+++ b/people/14843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14844.html b/people/14844.html
index 1607e239..95543e07 100644
--- a/people/14844.html
+++ b/people/14844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14845.html b/people/14845.html
index d4d465fa..16af6fd3 100644
--- a/people/14845.html
+++ b/people/14845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14846.html b/people/14846.html
index af74fd4a..550bd06d 100644
--- a/people/14846.html
+++ b/people/14846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14847.html b/people/14847.html
index ded25577..36b1f57a 100644
--- a/people/14847.html
+++ b/people/14847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14848.html b/people/14848.html
index bda1b7f7..b94982ad 100644
--- a/people/14848.html
+++ b/people/14848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14849.html b/people/14849.html
index e1100b2a..27a5cf8d 100644
--- a/people/14849.html
+++ b/people/14849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1485.html b/people/1485.html
index d34e4993..1190cc59 100644
--- a/people/1485.html
+++ b/people/1485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14850.html b/people/14850.html
index 6156fc3f..5417da26 100644
--- a/people/14850.html
+++ b/people/14850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14851.html b/people/14851.html
index 97740617..68f8aeff 100644
--- a/people/14851.html
+++ b/people/14851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14852.html b/people/14852.html
index 52fc93a4..be79c071 100644
--- a/people/14852.html
+++ b/people/14852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14853.html b/people/14853.html
index d0d81362..a39d40a7 100644
--- a/people/14853.html
+++ b/people/14853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14854.html b/people/14854.html
index 993dafe1..2470c431 100644
--- a/people/14854.html
+++ b/people/14854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14855.html b/people/14855.html
index 5093ec58..a55d0997 100644
--- a/people/14855.html
+++ b/people/14855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14856.html b/people/14856.html
index f2cfc4d0..6481fb1a 100644
--- a/people/14856.html
+++ b/people/14856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14857.html b/people/14857.html
index 92b65ca5..9a98bf91 100644
--- a/people/14857.html
+++ b/people/14857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14858.html b/people/14858.html
index f87e40f2..be5f8272 100644
--- a/people/14858.html
+++ b/people/14858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14859.html b/people/14859.html
index 59299c56..4f90b72b 100644
--- a/people/14859.html
+++ b/people/14859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1486.html b/people/1486.html
index 9843cd63..44f2f838 100644
--- a/people/1486.html
+++ b/people/1486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14860.html b/people/14860.html
index b4f45d80..d76c0fa0 100644
--- a/people/14860.html
+++ b/people/14860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14861.html b/people/14861.html
index f1e1e4f8..5e61e4dc 100644
--- a/people/14861.html
+++ b/people/14861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14862.html b/people/14862.html
index 114827ca..e0fb961f 100644
--- a/people/14862.html
+++ b/people/14862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14863.html b/people/14863.html
index 949524ca..32176592 100644
--- a/people/14863.html
+++ b/people/14863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14864.html b/people/14864.html
index e25cb185..26f0f34f 100644
--- a/people/14864.html
+++ b/people/14864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14865.html b/people/14865.html
index fd33618e..435f31b1 100644
--- a/people/14865.html
+++ b/people/14865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14866.html b/people/14866.html
index 12c87551..3c8806b2 100644
--- a/people/14866.html
+++ b/people/14866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14867.html b/people/14867.html
index 759523c5..003b5038 100644
--- a/people/14867.html
+++ b/people/14867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14868.html b/people/14868.html
index c6795f9a..3199fda1 100644
--- a/people/14868.html
+++ b/people/14868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14869.html b/people/14869.html
index c105d407..59619c30 100644
--- a/people/14869.html
+++ b/people/14869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1487.html b/people/1487.html
index 397b6cc2..ca45e89f 100644
--- a/people/1487.html
+++ b/people/1487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14870.html b/people/14870.html
index a5326be7..966646ce 100644
--- a/people/14870.html
+++ b/people/14870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14871.html b/people/14871.html
index f93da178..7dc96bda 100644
--- a/people/14871.html
+++ b/people/14871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14872.html b/people/14872.html
index 6d36e0d3..be7f8280 100644
--- a/people/14872.html
+++ b/people/14872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14873.html b/people/14873.html
index b772064f..baf007c1 100644
--- a/people/14873.html
+++ b/people/14873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14874.html b/people/14874.html
index 120d34a5..f10f470d 100644
--- a/people/14874.html
+++ b/people/14874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14875.html b/people/14875.html
index 7c6d1e95..a6372074 100644
--- a/people/14875.html
+++ b/people/14875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14876.html b/people/14876.html
index 9ae04ddc..0fd63541 100644
--- a/people/14876.html
+++ b/people/14876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14877.html b/people/14877.html
index 5188a8a2..30714b91 100644
--- a/people/14877.html
+++ b/people/14877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14878.html b/people/14878.html
index f0affab4..e6ca60fa 100644
--- a/people/14878.html
+++ b/people/14878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14879.html b/people/14879.html
index 383b6f25..5c536635 100644
--- a/people/14879.html
+++ b/people/14879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1488.html b/people/1488.html
index 293dc015..f8c35010 100644
--- a/people/1488.html
+++ b/people/1488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14880.html b/people/14880.html
index b78d7333..256e619c 100644
--- a/people/14880.html
+++ b/people/14880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14881.html b/people/14881.html
index 83300844..99978298 100644
--- a/people/14881.html
+++ b/people/14881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14882.html b/people/14882.html
index 06d0b0d3..ae586d7a 100644
--- a/people/14882.html
+++ b/people/14882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14883.html b/people/14883.html
index 2e24994a..76e971f3 100644
--- a/people/14883.html
+++ b/people/14883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14884.html b/people/14884.html
index 525c2ac0..5fe1443b 100644
--- a/people/14884.html
+++ b/people/14884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14885.html b/people/14885.html
index e435ebbb..df6eeef1 100644
--- a/people/14885.html
+++ b/people/14885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14886.html b/people/14886.html
index d0a9042f..b2375a29 100644
--- a/people/14886.html
+++ b/people/14886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14887.html b/people/14887.html
index 917fffed..8e5f21a1 100644
--- a/people/14887.html
+++ b/people/14887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14888.html b/people/14888.html
index b40b092b..efb82bd9 100644
--- a/people/14888.html
+++ b/people/14888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14889.html b/people/14889.html
index b4269f83..30accaf3 100644
--- a/people/14889.html
+++ b/people/14889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1489.html b/people/1489.html
index ddd93269..27c5fd93 100644
--- a/people/1489.html
+++ b/people/1489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14890.html b/people/14890.html
index a1ca9a63..77af05b9 100644
--- a/people/14890.html
+++ b/people/14890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14891.html b/people/14891.html
index 82af6074..0cee75cb 100644
--- a/people/14891.html
+++ b/people/14891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14892.html b/people/14892.html
index 044c1a40..00b38f9f 100644
--- a/people/14892.html
+++ b/people/14892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14893.html b/people/14893.html
index 56a28f2b..d3d67ac1 100644
--- a/people/14893.html
+++ b/people/14893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14894.html b/people/14894.html
index 337cfe41..f11f28a9 100644
--- a/people/14894.html
+++ b/people/14894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14895.html b/people/14895.html
index 17c535b2..f8fad0a1 100644
--- a/people/14895.html
+++ b/people/14895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14896.html b/people/14896.html
index fa22a1a7..f4bc6b91 100644
--- a/people/14896.html
+++ b/people/14896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14897.html b/people/14897.html
index 28862cde..0fc6bbb2 100644
--- a/people/14897.html
+++ b/people/14897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14898.html b/people/14898.html
index b7b032f2..5c6e18bf 100644
--- a/people/14898.html
+++ b/people/14898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14899.html b/people/14899.html
index 954ab7b4..f9f90dbb 100644
--- a/people/14899.html
+++ b/people/14899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/149.html b/people/149.html
index 714d8e82..93555153 100644
--- a/people/149.html
+++ b/people/149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1490.html b/people/1490.html
index 632bd156..8da7d10e 100644
--- a/people/1490.html
+++ b/people/1490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14900.html b/people/14900.html
index a30f11e6..44e0be62 100644
--- a/people/14900.html
+++ b/people/14900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14901.html b/people/14901.html
index d5fddf44..a1d75c9c 100644
--- a/people/14901.html
+++ b/people/14901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14902.html b/people/14902.html
index aa9ef3c4..8806d962 100644
--- a/people/14902.html
+++ b/people/14902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14903.html b/people/14903.html
index 2b27a1be..5d24ff68 100644
--- a/people/14903.html
+++ b/people/14903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14904.html b/people/14904.html
index 93a2d029..1837d74f 100644
--- a/people/14904.html
+++ b/people/14904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14905.html b/people/14905.html
index f09d234d..227dcced 100644
--- a/people/14905.html
+++ b/people/14905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14906.html b/people/14906.html
index 4bfc9f8d..c98563a6 100644
--- a/people/14906.html
+++ b/people/14906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14907.html b/people/14907.html
index 327eba0e..59a89299 100644
--- a/people/14907.html
+++ b/people/14907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14908.html b/people/14908.html
index 81e656d8..6833299b 100644
--- a/people/14908.html
+++ b/people/14908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14909.html b/people/14909.html
index 2913396d..3e78b14a 100644
--- a/people/14909.html
+++ b/people/14909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1491.html b/people/1491.html
index c616e27e..a897a3f1 100644
--- a/people/1491.html
+++ b/people/1491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14910.html b/people/14910.html
index c401b331..b3f99823 100644
--- a/people/14910.html
+++ b/people/14910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14911.html b/people/14911.html
index 9b39d981..376e20ac 100644
--- a/people/14911.html
+++ b/people/14911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14912.html b/people/14912.html
index 3a33fc1c..d9924366 100644
--- a/people/14912.html
+++ b/people/14912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14913.html b/people/14913.html
index 494a5ae8..ed3755dd 100644
--- a/people/14913.html
+++ b/people/14913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14914.html b/people/14914.html
index 9914b2e8..361d9b77 100644
--- a/people/14914.html
+++ b/people/14914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14915.html b/people/14915.html
index 60c4b725..c5aff30e 100644
--- a/people/14915.html
+++ b/people/14915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14916.html b/people/14916.html
index bd92f3a0..d8b7fb28 100644
--- a/people/14916.html
+++ b/people/14916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14917.html b/people/14917.html
index 59631eab..0e9c59eb 100644
--- a/people/14917.html
+++ b/people/14917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14918.html b/people/14918.html
index 6c61d855..755f70dc 100644
--- a/people/14918.html
+++ b/people/14918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14919.html b/people/14919.html
index b08ce8ff..f9bbbb84 100644
--- a/people/14919.html
+++ b/people/14919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1492.html b/people/1492.html
index d87576df..67fce76a 100644
--- a/people/1492.html
+++ b/people/1492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14920.html b/people/14920.html
index c5a61f35..a77345ed 100644
--- a/people/14920.html
+++ b/people/14920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14921.html b/people/14921.html
index 2743ecd8..803ae361 100644
--- a/people/14921.html
+++ b/people/14921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14922.html b/people/14922.html
index 4ea1bfaf..1a6e65a8 100644
--- a/people/14922.html
+++ b/people/14922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14923.html b/people/14923.html
index e47f6d97..0a3ffa8c 100644
--- a/people/14923.html
+++ b/people/14923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14924.html b/people/14924.html
index d6239415..3df049ee 100644
--- a/people/14924.html
+++ b/people/14924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14925.html b/people/14925.html
index 4332a2ff..43a79473 100644
--- a/people/14925.html
+++ b/people/14925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14926.html b/people/14926.html
index 1c0605b0..ec59c8ce 100644
--- a/people/14926.html
+++ b/people/14926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14927.html b/people/14927.html
index 712795cb..ff392f70 100644
--- a/people/14927.html
+++ b/people/14927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14928.html b/people/14928.html
index b90888be..188b6670 100644
--- a/people/14928.html
+++ b/people/14928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14929.html b/people/14929.html
index 40bceebe..737ea469 100644
--- a/people/14929.html
+++ b/people/14929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1493.html b/people/1493.html
index 2a713f13..02cb1f88 100644
--- a/people/1493.html
+++ b/people/1493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14930.html b/people/14930.html
index 67ca8b5c..6ba854c7 100644
--- a/people/14930.html
+++ b/people/14930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14931.html b/people/14931.html
index 3611d8dd..aed14b91 100644
--- a/people/14931.html
+++ b/people/14931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14932.html b/people/14932.html
index c29548ee..99d37625 100644
--- a/people/14932.html
+++ b/people/14932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14933.html b/people/14933.html
index 00d84956..600fc0aa 100644
--- a/people/14933.html
+++ b/people/14933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14934.html b/people/14934.html
index dcd5812d..5dce90f1 100644
--- a/people/14934.html
+++ b/people/14934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14935.html b/people/14935.html
index 0f8a5e0c..01e3b6a0 100644
--- a/people/14935.html
+++ b/people/14935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14936.html b/people/14936.html
index 8d98f556..4ce0c499 100644
--- a/people/14936.html
+++ b/people/14936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14937.html b/people/14937.html
index 4bc3508f..c29e5613 100644
--- a/people/14937.html
+++ b/people/14937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14938.html b/people/14938.html
index d4bb88cd..8addc81a 100644
--- a/people/14938.html
+++ b/people/14938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14939.html b/people/14939.html
index 4d16b336..6df289b0 100644
--- a/people/14939.html
+++ b/people/14939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1494.html b/people/1494.html
index 642d2a84..2452ae76 100644
--- a/people/1494.html
+++ b/people/1494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14940.html b/people/14940.html
index 9704ee94..a70cc214 100644
--- a/people/14940.html
+++ b/people/14940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14941.html b/people/14941.html
index 2d220b97..f5638d04 100644
--- a/people/14941.html
+++ b/people/14941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14942.html b/people/14942.html
index 0eb8958d..a6f679e2 100644
--- a/people/14942.html
+++ b/people/14942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14943.html b/people/14943.html
index 2c2cdd4e..23160fa2 100644
--- a/people/14943.html
+++ b/people/14943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14944.html b/people/14944.html
index f4fb2a4a..12572930 100644
--- a/people/14944.html
+++ b/people/14944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14945.html b/people/14945.html
index 18610cf3..a42ec3c8 100644
--- a/people/14945.html
+++ b/people/14945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14946.html b/people/14946.html
index c3648fb1..ae8d1dd9 100644
--- a/people/14946.html
+++ b/people/14946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14947.html b/people/14947.html
index aedc035f..72351f80 100644
--- a/people/14947.html
+++ b/people/14947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14948.html b/people/14948.html
index 65888d44..f49521a4 100644
--- a/people/14948.html
+++ b/people/14948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14949.html b/people/14949.html
index 90ea810f..213dba09 100644
--- a/people/14949.html
+++ b/people/14949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1495.html b/people/1495.html
index 3a0ce9da..d7e6a02a 100644
--- a/people/1495.html
+++ b/people/1495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14950.html b/people/14950.html
index 39745f41..8135fb68 100644
--- a/people/14950.html
+++ b/people/14950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14951.html b/people/14951.html
index a85942be..ec5effbb 100644
--- a/people/14951.html
+++ b/people/14951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14952.html b/people/14952.html
index 38a18d10..c2847dbf 100644
--- a/people/14952.html
+++ b/people/14952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14953.html b/people/14953.html
index 3f4000b3..d8e71144 100644
--- a/people/14953.html
+++ b/people/14953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14954.html b/people/14954.html
index 8397a081..dc072e7f 100644
--- a/people/14954.html
+++ b/people/14954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14955.html b/people/14955.html
index db8e8be3..5bc0dd13 100644
--- a/people/14955.html
+++ b/people/14955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14956.html b/people/14956.html
index 8d331040..37417d75 100644
--- a/people/14956.html
+++ b/people/14956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14957.html b/people/14957.html
index 3f9ac362..e8de9868 100644
--- a/people/14957.html
+++ b/people/14957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14958.html b/people/14958.html
index e145191d..6a9caac5 100644
--- a/people/14958.html
+++ b/people/14958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14959.html b/people/14959.html
index 91b6fa12..5bab0621 100644
--- a/people/14959.html
+++ b/people/14959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1496.html b/people/1496.html
index baab1434..c7615b22 100644
--- a/people/1496.html
+++ b/people/1496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14960.html b/people/14960.html
index 9b7c427b..4774f326 100644
--- a/people/14960.html
+++ b/people/14960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14961.html b/people/14961.html
index a1a278a9..7ef3d7e7 100644
--- a/people/14961.html
+++ b/people/14961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14962.html b/people/14962.html
index 5d53a1df..00397b81 100644
--- a/people/14962.html
+++ b/people/14962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14963.html b/people/14963.html
index e417ecce..903cd8c0 100644
--- a/people/14963.html
+++ b/people/14963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14964.html b/people/14964.html
index 2591d208..04723044 100644
--- a/people/14964.html
+++ b/people/14964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14965.html b/people/14965.html
index a4930140..a49c85b2 100644
--- a/people/14965.html
+++ b/people/14965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14966.html b/people/14966.html
index d2a11514..588f2c00 100644
--- a/people/14966.html
+++ b/people/14966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14967.html b/people/14967.html
index f18e7aed..126060fe 100644
--- a/people/14967.html
+++ b/people/14967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14968.html b/people/14968.html
index fb1cb9f6..8df0c0e7 100644
--- a/people/14968.html
+++ b/people/14968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14969.html b/people/14969.html
index 98561d2b..5f835838 100644
--- a/people/14969.html
+++ b/people/14969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1497.html b/people/1497.html
index 35e72fcd..fa5fccb2 100644
--- a/people/1497.html
+++ b/people/1497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14970.html b/people/14970.html
index 6a5d23c5..59a0ef50 100644
--- a/people/14970.html
+++ b/people/14970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14971.html b/people/14971.html
index 46f7ac86..5186766f 100644
--- a/people/14971.html
+++ b/people/14971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14972.html b/people/14972.html
index f745dbc3..86b8839c 100644
--- a/people/14972.html
+++ b/people/14972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14973.html b/people/14973.html
index 08d19748..b5846b20 100644
--- a/people/14973.html
+++ b/people/14973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14974.html b/people/14974.html
index cfcaf26f..f70fbb41 100644
--- a/people/14974.html
+++ b/people/14974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14975.html b/people/14975.html
index 0793eb11..2872d644 100644
--- a/people/14975.html
+++ b/people/14975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14976.html b/people/14976.html
index 62d70d0a..7a9625ad 100644
--- a/people/14976.html
+++ b/people/14976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14977.html b/people/14977.html
index 2bc61176..feb59220 100644
--- a/people/14977.html
+++ b/people/14977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14978.html b/people/14978.html
index 26953e0c..34b4c727 100644
--- a/people/14978.html
+++ b/people/14978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14979.html b/people/14979.html
index fd6e48b1..9f03d815 100644
--- a/people/14979.html
+++ b/people/14979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1498.html b/people/1498.html
index 98e12b8b..abd7eed8 100644
--- a/people/1498.html
+++ b/people/1498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14980.html b/people/14980.html
index 143337d0..0233af6b 100644
--- a/people/14980.html
+++ b/people/14980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14981.html b/people/14981.html
index bd533252..04456234 100644
--- a/people/14981.html
+++ b/people/14981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14982.html b/people/14982.html
index d59c2996..196df734 100644
--- a/people/14982.html
+++ b/people/14982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14983.html b/people/14983.html
index 83a00f9d..9d3ed45f 100644
--- a/people/14983.html
+++ b/people/14983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14984.html b/people/14984.html
index 1d17217b..af685d15 100644
--- a/people/14984.html
+++ b/people/14984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14985.html b/people/14985.html
index dd2ff3d6..8083f991 100644
--- a/people/14985.html
+++ b/people/14985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14986.html b/people/14986.html
index fc1284bb..9531c49f 100644
--- a/people/14986.html
+++ b/people/14986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14987.html b/people/14987.html
index 4ffd63fb..a51abd9d 100644
--- a/people/14987.html
+++ b/people/14987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14988.html b/people/14988.html
index 1172ed5f..4f6308b2 100644
--- a/people/14988.html
+++ b/people/14988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14989.html b/people/14989.html
index 594aaff0..cdc5f3c8 100644
--- a/people/14989.html
+++ b/people/14989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1499.html b/people/1499.html
index b6be5724..61355f50 100644
--- a/people/1499.html
+++ b/people/1499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14990.html b/people/14990.html
index acaede2b..ea92eb00 100644
--- a/people/14990.html
+++ b/people/14990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14991.html b/people/14991.html
index 6dddbf5f..dcaa67c3 100644
--- a/people/14991.html
+++ b/people/14991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14992.html b/people/14992.html
index 5670314a..e5a4cd94 100644
--- a/people/14992.html
+++ b/people/14992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14993.html b/people/14993.html
index e8a2aa57..ced470b0 100644
--- a/people/14993.html
+++ b/people/14993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14994.html b/people/14994.html
index a5828c77..96ab2677 100644
--- a/people/14994.html
+++ b/people/14994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14995.html b/people/14995.html
index 12e33b6d..f608a212 100644
--- a/people/14995.html
+++ b/people/14995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14996.html b/people/14996.html
index 40b62ad7..85438385 100644
--- a/people/14996.html
+++ b/people/14996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14997.html b/people/14997.html
index 52665ca5..f2dbc654 100644
--- a/people/14997.html
+++ b/people/14997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14998.html b/people/14998.html
index 4011f0ad..3affda8c 100644
--- a/people/14998.html
+++ b/people/14998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/14999.html b/people/14999.html
index 40abc430..8c24be49 100644
--- a/people/14999.html
+++ b/people/14999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15.html b/people/15.html
index affda844..08b465ac 100644
--- a/people/15.html
+++ b/people/15.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/150.html b/people/150.html
index 4b288e2f..4823df66 100644
--- a/people/150.html
+++ b/people/150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1500.html b/people/1500.html
index 0c27e03e..00441c90 100644
--- a/people/1500.html
+++ b/people/1500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15000.html b/people/15000.html
index 4e96125a..825b07ab 100644
--- a/people/15000.html
+++ b/people/15000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15001.html b/people/15001.html
index af71064e..f67ec685 100644
--- a/people/15001.html
+++ b/people/15001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15002.html b/people/15002.html
index 3716fe9e..016dbd99 100644
--- a/people/15002.html
+++ b/people/15002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15003.html b/people/15003.html
index 9381b5af..2157f6a2 100644
--- a/people/15003.html
+++ b/people/15003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15004.html b/people/15004.html
index 041922e8..a08989b7 100644
--- a/people/15004.html
+++ b/people/15004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15005.html b/people/15005.html
index f78e0cbb..86c5108f 100644
--- a/people/15005.html
+++ b/people/15005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15006.html b/people/15006.html
index 6b4fec69..e95194df 100644
--- a/people/15006.html
+++ b/people/15006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15007.html b/people/15007.html
index d803c5ec..1542e80f 100644
--- a/people/15007.html
+++ b/people/15007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15008.html b/people/15008.html
index 7e93ed6d..01a53910 100644
--- a/people/15008.html
+++ b/people/15008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15009.html b/people/15009.html
index 1b19a112..247aa352 100644
--- a/people/15009.html
+++ b/people/15009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1501.html b/people/1501.html
index 4d2de9bb..b06488ee 100644
--- a/people/1501.html
+++ b/people/1501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15010.html b/people/15010.html
index b8ac59fc..4ce1a7b7 100644
--- a/people/15010.html
+++ b/people/15010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15011.html b/people/15011.html
index 4b51c77b..1c76e37d 100644
--- a/people/15011.html
+++ b/people/15011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15012.html b/people/15012.html
index 66d6364e..715a47e4 100644
--- a/people/15012.html
+++ b/people/15012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15013.html b/people/15013.html
index ca5ea457..5c9354b4 100644
--- a/people/15013.html
+++ b/people/15013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15014.html b/people/15014.html
index 67526e87..04cefffb 100644
--- a/people/15014.html
+++ b/people/15014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15015.html b/people/15015.html
index 0663edc8..e273ea99 100644
--- a/people/15015.html
+++ b/people/15015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15016.html b/people/15016.html
index 15fa9096..abcdb77d 100644
--- a/people/15016.html
+++ b/people/15016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15017.html b/people/15017.html
index 0f5abe44..31c24362 100644
--- a/people/15017.html
+++ b/people/15017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15018.html b/people/15018.html
index 6c907c67..ec716b78 100644
--- a/people/15018.html
+++ b/people/15018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15019.html b/people/15019.html
index 1e434b45..8bf9de20 100644
--- a/people/15019.html
+++ b/people/15019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1502.html b/people/1502.html
index 2dc3ad50..fd68b719 100644
--- a/people/1502.html
+++ b/people/1502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15020.html b/people/15020.html
index 9371f2ea..3c963c3a 100644
--- a/people/15020.html
+++ b/people/15020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15021.html b/people/15021.html
index cdc9f671..8384da9f 100644
--- a/people/15021.html
+++ b/people/15021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15022.html b/people/15022.html
index 30111737..74216b82 100644
--- a/people/15022.html
+++ b/people/15022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15023.html b/people/15023.html
index a8fec13a..166b3e07 100644
--- a/people/15023.html
+++ b/people/15023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15024.html b/people/15024.html
index d1ef410a..096eaca2 100644
--- a/people/15024.html
+++ b/people/15024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15025.html b/people/15025.html
index 566b7053..beec67c4 100644
--- a/people/15025.html
+++ b/people/15025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15026.html b/people/15026.html
index d5e6a7bf..1b14a735 100644
--- a/people/15026.html
+++ b/people/15026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15027.html b/people/15027.html
index d5798819..5f6f0d3b 100644
--- a/people/15027.html
+++ b/people/15027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15028.html b/people/15028.html
index 239ace03..13a96249 100644
--- a/people/15028.html
+++ b/people/15028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15029.html b/people/15029.html
index e7a6b4d2..e04ab369 100644
--- a/people/15029.html
+++ b/people/15029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1503.html b/people/1503.html
index 41941097..0d004dee 100644
--- a/people/1503.html
+++ b/people/1503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15030.html b/people/15030.html
index da5b6f1f..05d12534 100644
--- a/people/15030.html
+++ b/people/15030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15031.html b/people/15031.html
index 24ef0124..967df5e1 100644
--- a/people/15031.html
+++ b/people/15031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15032.html b/people/15032.html
index 23421a51..f2f3789d 100644
--- a/people/15032.html
+++ b/people/15032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15033.html b/people/15033.html
index 50e2bf87..18574530 100644
--- a/people/15033.html
+++ b/people/15033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15034.html b/people/15034.html
index c67fad84..d7468677 100644
--- a/people/15034.html
+++ b/people/15034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15035.html b/people/15035.html
index f5b5df6d..0647f014 100644
--- a/people/15035.html
+++ b/people/15035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15036.html b/people/15036.html
index b8dd244e..35f0c78c 100644
--- a/people/15036.html
+++ b/people/15036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15037.html b/people/15037.html
index ed6fe399..60d4a884 100644
--- a/people/15037.html
+++ b/people/15037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15038.html b/people/15038.html
index 4e9c4a6c..d8b131b8 100644
--- a/people/15038.html
+++ b/people/15038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15039.html b/people/15039.html
index bbd97de2..7040c3d5 100644
--- a/people/15039.html
+++ b/people/15039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1504.html b/people/1504.html
index 428b3f9a..c601f2c1 100644
--- a/people/1504.html
+++ b/people/1504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15040.html b/people/15040.html
index 53364b6d..6f726d8d 100644
--- a/people/15040.html
+++ b/people/15040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15041.html b/people/15041.html
index 421d4def..a195ad09 100644
--- a/people/15041.html
+++ b/people/15041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15042.html b/people/15042.html
index 3ddeb4c7..140a61b3 100644
--- a/people/15042.html
+++ b/people/15042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15043.html b/people/15043.html
index e6aaea23..a32a8600 100644
--- a/people/15043.html
+++ b/people/15043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15044.html b/people/15044.html
index d4acf04f..ded11d12 100644
--- a/people/15044.html
+++ b/people/15044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15045.html b/people/15045.html
index 80b1e46e..ea305af6 100644
--- a/people/15045.html
+++ b/people/15045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15046.html b/people/15046.html
index 19d8bc8a..b51e7f12 100644
--- a/people/15046.html
+++ b/people/15046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15047.html b/people/15047.html
index eec215e6..4fccf369 100644
--- a/people/15047.html
+++ b/people/15047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15048.html b/people/15048.html
index 4677b126..29154bf7 100644
--- a/people/15048.html
+++ b/people/15048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15049.html b/people/15049.html
index c1c69ba2..b895684a 100644
--- a/people/15049.html
+++ b/people/15049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1505.html b/people/1505.html
index 0ebf2f0e..9764d0ce 100644
--- a/people/1505.html
+++ b/people/1505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15050.html b/people/15050.html
index 3e844ffb..55a24c14 100644
--- a/people/15050.html
+++ b/people/15050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15051.html b/people/15051.html
index f3347b17..72c30200 100644
--- a/people/15051.html
+++ b/people/15051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15052.html b/people/15052.html
index 05d9fe37..3106196c 100644
--- a/people/15052.html
+++ b/people/15052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15053.html b/people/15053.html
index 5e9b4e6d..11ab9f0c 100644
--- a/people/15053.html
+++ b/people/15053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15054.html b/people/15054.html
index 7dbd8b1c..81f71866 100644
--- a/people/15054.html
+++ b/people/15054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15055.html b/people/15055.html
index ac293cf7..2aa08205 100644
--- a/people/15055.html
+++ b/people/15055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15056.html b/people/15056.html
index fb76840e..ec084cec 100644
--- a/people/15056.html
+++ b/people/15056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15057.html b/people/15057.html
index 15fc2993..ad01e2bd 100644
--- a/people/15057.html
+++ b/people/15057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15058.html b/people/15058.html
index 11f26d4c..376d5971 100644
--- a/people/15058.html
+++ b/people/15058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15059.html b/people/15059.html
index b185b56b..c4e28600 100644
--- a/people/15059.html
+++ b/people/15059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1506.html b/people/1506.html
index 8b70d1e7..bb2a3b6c 100644
--- a/people/1506.html
+++ b/people/1506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15060.html b/people/15060.html
index dbb1b245..3408d0c9 100644
--- a/people/15060.html
+++ b/people/15060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15061.html b/people/15061.html
index b1b7da8c..bf6a4bce 100644
--- a/people/15061.html
+++ b/people/15061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15062.html b/people/15062.html
index 8f4256d0..22c806ff 100644
--- a/people/15062.html
+++ b/people/15062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15063.html b/people/15063.html
index 7a0ed60c..8bcee4a4 100644
--- a/people/15063.html
+++ b/people/15063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15064.html b/people/15064.html
index 07fd19dc..190b39d4 100644
--- a/people/15064.html
+++ b/people/15064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15065.html b/people/15065.html
index 0c71cb7c..0639dbad 100644
--- a/people/15065.html
+++ b/people/15065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15066.html b/people/15066.html
index 4d05ab6a..ecd95f41 100644
--- a/people/15066.html
+++ b/people/15066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15067.html b/people/15067.html
index 5ffad1a8..ac8e6ade 100644
--- a/people/15067.html
+++ b/people/15067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15068.html b/people/15068.html
index 1e788b1f..2bc1f5f8 100644
--- a/people/15068.html
+++ b/people/15068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15069.html b/people/15069.html
index 0ee21207..f0fcb65b 100644
--- a/people/15069.html
+++ b/people/15069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1507.html b/people/1507.html
index 6e91fb8b..228abbc4 100644
--- a/people/1507.html
+++ b/people/1507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15070.html b/people/15070.html
index 953ce0c1..101d1291 100644
--- a/people/15070.html
+++ b/people/15070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15071.html b/people/15071.html
index 230f4dec..8e2dee87 100644
--- a/people/15071.html
+++ b/people/15071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15072.html b/people/15072.html
index 730e057b..37b9c99e 100644
--- a/people/15072.html
+++ b/people/15072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15073.html b/people/15073.html
index f2ade181..95f566b8 100644
--- a/people/15073.html
+++ b/people/15073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15074.html b/people/15074.html
index 9d1b7af5..764f5641 100644
--- a/people/15074.html
+++ b/people/15074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15075.html b/people/15075.html
index 1bb5e7f4..a4c32027 100644
--- a/people/15075.html
+++ b/people/15075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15076.html b/people/15076.html
index 21b78220..227630ae 100644
--- a/people/15076.html
+++ b/people/15076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15077.html b/people/15077.html
index 7e10d0c1..fe48273f 100644
--- a/people/15077.html
+++ b/people/15077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15078.html b/people/15078.html
index cdd91e0d..65862f8d 100644
--- a/people/15078.html
+++ b/people/15078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15079.html b/people/15079.html
index 28551d76..e8e91177 100644
--- a/people/15079.html
+++ b/people/15079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1508.html b/people/1508.html
index cb62451a..a3515236 100644
--- a/people/1508.html
+++ b/people/1508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15080.html b/people/15080.html
index 9ab9e10d..b1a4dd15 100644
--- a/people/15080.html
+++ b/people/15080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15081.html b/people/15081.html
index b1f997a2..9d665a1c 100644
--- a/people/15081.html
+++ b/people/15081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15082.html b/people/15082.html
index ae63afbc..035a838a 100644
--- a/people/15082.html
+++ b/people/15082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15083.html b/people/15083.html
index a557bfc6..a3eeed0c 100644
--- a/people/15083.html
+++ b/people/15083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15084.html b/people/15084.html
index df4df650..bd39b772 100644
--- a/people/15084.html
+++ b/people/15084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15085.html b/people/15085.html
index 6cf3e55f..6318ab3c 100644
--- a/people/15085.html
+++ b/people/15085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15086.html b/people/15086.html
index 4550b3f9..744aa0dd 100644
--- a/people/15086.html
+++ b/people/15086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15087.html b/people/15087.html
index 636a61a5..9182aa45 100644
--- a/people/15087.html
+++ b/people/15087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15088.html b/people/15088.html
index 102e6792..da388dbe 100644
--- a/people/15088.html
+++ b/people/15088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15089.html b/people/15089.html
index c1d20027..0be843d4 100644
--- a/people/15089.html
+++ b/people/15089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1509.html b/people/1509.html
index 18f1bb69..fe8f561e 100644
--- a/people/1509.html
+++ b/people/1509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15090.html b/people/15090.html
index 1dfadeb1..e7f5971d 100644
--- a/people/15090.html
+++ b/people/15090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15091.html b/people/15091.html
index b2231355..cef02045 100644
--- a/people/15091.html
+++ b/people/15091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15092.html b/people/15092.html
index 89423d03..dbd79d74 100644
--- a/people/15092.html
+++ b/people/15092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15093.html b/people/15093.html
index 18797a66..79a0d27a 100644
--- a/people/15093.html
+++ b/people/15093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15094.html b/people/15094.html
index 4ae5786f..172aab56 100644
--- a/people/15094.html
+++ b/people/15094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15095.html b/people/15095.html
index 86f65ced..bbcadf45 100644
--- a/people/15095.html
+++ b/people/15095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15096.html b/people/15096.html
index a160f76a..ed7282ea 100644
--- a/people/15096.html
+++ b/people/15096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15097.html b/people/15097.html
index 34cf81fd..da2f461d 100644
--- a/people/15097.html
+++ b/people/15097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15098.html b/people/15098.html
index c95510dd..b9209764 100644
--- a/people/15098.html
+++ b/people/15098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15099.html b/people/15099.html
index a30227d7..2c10a76b 100644
--- a/people/15099.html
+++ b/people/15099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/151.html b/people/151.html
index 71012829..f01b4d16 100644
--- a/people/151.html
+++ b/people/151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1510.html b/people/1510.html
index 865d2a15..63791c09 100644
--- a/people/1510.html
+++ b/people/1510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15100.html b/people/15100.html
index 9349e570..21052213 100644
--- a/people/15100.html
+++ b/people/15100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15101.html b/people/15101.html
index f3865510..c5439f87 100644
--- a/people/15101.html
+++ b/people/15101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15102.html b/people/15102.html
index 4b47401f..828592be 100644
--- a/people/15102.html
+++ b/people/15102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15103.html b/people/15103.html
index 06bc4c18..ea0f0274 100644
--- a/people/15103.html
+++ b/people/15103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15104.html b/people/15104.html
index 57a4e662..f184305a 100644
--- a/people/15104.html
+++ b/people/15104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15105.html b/people/15105.html
index 6b95048e..83718322 100644
--- a/people/15105.html
+++ b/people/15105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15106.html b/people/15106.html
index fd62dc5c..10ee6a54 100644
--- a/people/15106.html
+++ b/people/15106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15107.html b/people/15107.html
index 0713f3e4..917a6a74 100644
--- a/people/15107.html
+++ b/people/15107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15108.html b/people/15108.html
index cf952b7a..0413b55d 100644
--- a/people/15108.html
+++ b/people/15108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15109.html b/people/15109.html
index 637e9916..0a1314f6 100644
--- a/people/15109.html
+++ b/people/15109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1511.html b/people/1511.html
index b98a7973..1fdba888 100644
--- a/people/1511.html
+++ b/people/1511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15110.html b/people/15110.html
index 43b164f2..34b420da 100644
--- a/people/15110.html
+++ b/people/15110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15111.html b/people/15111.html
index 6d2b72a3..383bdb79 100644
--- a/people/15111.html
+++ b/people/15111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15112.html b/people/15112.html
index 6eae2773..2aace4ed 100644
--- a/people/15112.html
+++ b/people/15112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15113.html b/people/15113.html
index ae163c09..016a71f1 100644
--- a/people/15113.html
+++ b/people/15113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15114.html b/people/15114.html
index e7d34480..6793f986 100644
--- a/people/15114.html
+++ b/people/15114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15115.html b/people/15115.html
index e9bfdb5d..4a5e5e77 100644
--- a/people/15115.html
+++ b/people/15115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15116.html b/people/15116.html
index 846bd13b..03e92f4d 100644
--- a/people/15116.html
+++ b/people/15116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15117.html b/people/15117.html
index b42080d6..b3967348 100644
--- a/people/15117.html
+++ b/people/15117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15118.html b/people/15118.html
index 0088d78d..965d76b0 100644
--- a/people/15118.html
+++ b/people/15118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15119.html b/people/15119.html
index fb8c7bac..e4e70530 100644
--- a/people/15119.html
+++ b/people/15119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1512.html b/people/1512.html
index 5d028f7e..29b5b8ba 100644
--- a/people/1512.html
+++ b/people/1512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15120.html b/people/15120.html
index 73ca3bfb..99627386 100644
--- a/people/15120.html
+++ b/people/15120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15121.html b/people/15121.html
index 7cf37be6..55fef69d 100644
--- a/people/15121.html
+++ b/people/15121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15122.html b/people/15122.html
index b9ea1ea9..5cb1eacd 100644
--- a/people/15122.html
+++ b/people/15122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15123.html b/people/15123.html
index 0b4200c6..477922fc 100644
--- a/people/15123.html
+++ b/people/15123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15124.html b/people/15124.html
index fcc28d46..75a9d7e6 100644
--- a/people/15124.html
+++ b/people/15124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15125.html b/people/15125.html
index 37a7730e..cba7ba9a 100644
--- a/people/15125.html
+++ b/people/15125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15126.html b/people/15126.html
index de371729..e7f1092c 100644
--- a/people/15126.html
+++ b/people/15126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15127.html b/people/15127.html
index f8f2f7cf..56962a47 100644
--- a/people/15127.html
+++ b/people/15127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15128.html b/people/15128.html
index 2ff7a3d0..2dc3adb9 100644
--- a/people/15128.html
+++ b/people/15128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15129.html b/people/15129.html
index d7971c5e..0231a048 100644
--- a/people/15129.html
+++ b/people/15129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1513.html b/people/1513.html
index 456cece8..5b1238a4 100644
--- a/people/1513.html
+++ b/people/1513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15130.html b/people/15130.html
index d4a4f00f..56f977e1 100644
--- a/people/15130.html
+++ b/people/15130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15131.html b/people/15131.html
index 0e978a30..755c3597 100644
--- a/people/15131.html
+++ b/people/15131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15132.html b/people/15132.html
index 6c612817..6c883c52 100644
--- a/people/15132.html
+++ b/people/15132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15133.html b/people/15133.html
index 67b3d55b..a3ffe4e6 100644
--- a/people/15133.html
+++ b/people/15133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15134.html b/people/15134.html
index b9a3593e..f05aecc6 100644
--- a/people/15134.html
+++ b/people/15134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15135.html b/people/15135.html
index d6e9c3fc..522164ac 100644
--- a/people/15135.html
+++ b/people/15135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15136.html b/people/15136.html
index 64a62039..bf379eae 100644
--- a/people/15136.html
+++ b/people/15136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15137.html b/people/15137.html
index 4093e193..85036a8b 100644
--- a/people/15137.html
+++ b/people/15137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15138.html b/people/15138.html
index ddb6216b..034f39d3 100644
--- a/people/15138.html
+++ b/people/15138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15139.html b/people/15139.html
index 6fee4b92..ed26a02a 100644
--- a/people/15139.html
+++ b/people/15139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1514.html b/people/1514.html
index 8e159622..051bece4 100644
--- a/people/1514.html
+++ b/people/1514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15140.html b/people/15140.html
index c1b77ca2..d4ca23cf 100644
--- a/people/15140.html
+++ b/people/15140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15141.html b/people/15141.html
index 02f909a6..d6c2d208 100644
--- a/people/15141.html
+++ b/people/15141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15142.html b/people/15142.html
index 187376fa..62f8b702 100644
--- a/people/15142.html
+++ b/people/15142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15143.html b/people/15143.html
index fe32d20d..31915dd9 100644
--- a/people/15143.html
+++ b/people/15143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15144.html b/people/15144.html
index cb9cb076..b92e608c 100644
--- a/people/15144.html
+++ b/people/15144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15145.html b/people/15145.html
index 9b9dbea1..7eb4c3d6 100644
--- a/people/15145.html
+++ b/people/15145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15146.html b/people/15146.html
index fc0fecf5..d9189bd3 100644
--- a/people/15146.html
+++ b/people/15146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15147.html b/people/15147.html
index 55d77aea..e7e13e8f 100644
--- a/people/15147.html
+++ b/people/15147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15148.html b/people/15148.html
index 05c8362a..dd6add65 100644
--- a/people/15148.html
+++ b/people/15148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15149.html b/people/15149.html
index 4d857ac0..7f15abd3 100644
--- a/people/15149.html
+++ b/people/15149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1515.html b/people/1515.html
index cc2b18c1..1239ee2f 100644
--- a/people/1515.html
+++ b/people/1515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15150.html b/people/15150.html
index 8c586921..13c9299e 100644
--- a/people/15150.html
+++ b/people/15150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15151.html b/people/15151.html
index 045ac5f7..ff837616 100644
--- a/people/15151.html
+++ b/people/15151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15152.html b/people/15152.html
index 043b7b1c..0a5789c4 100644
--- a/people/15152.html
+++ b/people/15152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15153.html b/people/15153.html
index 5ccc863c..c18922f3 100644
--- a/people/15153.html
+++ b/people/15153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15154.html b/people/15154.html
index 423dfc89..9ca9461d 100644
--- a/people/15154.html
+++ b/people/15154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15155.html b/people/15155.html
index bffa7349..3d9c9fbf 100644
--- a/people/15155.html
+++ b/people/15155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15156.html b/people/15156.html
index dd9c2ebf..991e3b4e 100644
--- a/people/15156.html
+++ b/people/15156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15157.html b/people/15157.html
index 18f6e42a..756e6957 100644
--- a/people/15157.html
+++ b/people/15157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15158.html b/people/15158.html
index ebc0cef5..e20b0ae3 100644
--- a/people/15158.html
+++ b/people/15158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15159.html b/people/15159.html
index 2e702b43..cdd33ad7 100644
--- a/people/15159.html
+++ b/people/15159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1516.html b/people/1516.html
index 950e2b3f..0aa2c517 100644
--- a/people/1516.html
+++ b/people/1516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15160.html b/people/15160.html
index 4532f00a..3f423cd4 100644
--- a/people/15160.html
+++ b/people/15160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15161.html b/people/15161.html
index 6a7d3ec5..f0254183 100644
--- a/people/15161.html
+++ b/people/15161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15162.html b/people/15162.html
index 07591bbe..b9dd1653 100644
--- a/people/15162.html
+++ b/people/15162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15163.html b/people/15163.html
index 93eaf61c..54053e5d 100644
--- a/people/15163.html
+++ b/people/15163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15164.html b/people/15164.html
index fd93dc7d..80874976 100644
--- a/people/15164.html
+++ b/people/15164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15165.html b/people/15165.html
index a0d193b9..507b60b1 100644
--- a/people/15165.html
+++ b/people/15165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15166.html b/people/15166.html
index d81b607c..dce914e6 100644
--- a/people/15166.html
+++ b/people/15166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15167.html b/people/15167.html
index 26e1ff1a..a16e9b9d 100644
--- a/people/15167.html
+++ b/people/15167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15168.html b/people/15168.html
index e95f7b20..7f638ba0 100644
--- a/people/15168.html
+++ b/people/15168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15169.html b/people/15169.html
index 0853acda..8a6f8fe5 100644
--- a/people/15169.html
+++ b/people/15169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1517.html b/people/1517.html
index 6ba9c9e2..5dc4e609 100644
--- a/people/1517.html
+++ b/people/1517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15170.html b/people/15170.html
index 7d62f8ee..83783745 100644
--- a/people/15170.html
+++ b/people/15170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15171.html b/people/15171.html
index e4de1426..e0f93872 100644
--- a/people/15171.html
+++ b/people/15171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15172.html b/people/15172.html
index 4fe97b41..1df83fd8 100644
--- a/people/15172.html
+++ b/people/15172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15173.html b/people/15173.html
index 6940b725..f544730c 100644
--- a/people/15173.html
+++ b/people/15173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15174.html b/people/15174.html
index ca1cb99f..7d9f3aaf 100644
--- a/people/15174.html
+++ b/people/15174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15175.html b/people/15175.html
index c5dcd81a..ff7fe85e 100644
--- a/people/15175.html
+++ b/people/15175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15176.html b/people/15176.html
index 9c9fe0d1..e68bb35d 100644
--- a/people/15176.html
+++ b/people/15176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15177.html b/people/15177.html
index 6e7cd0d9..5c8a4c18 100644
--- a/people/15177.html
+++ b/people/15177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15178.html b/people/15178.html
index ca312103..699b95af 100644
--- a/people/15178.html
+++ b/people/15178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15179.html b/people/15179.html
index feae1ead..0165894d 100644
--- a/people/15179.html
+++ b/people/15179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1518.html b/people/1518.html
index ed1c442f..efd59722 100644
--- a/people/1518.html
+++ b/people/1518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15180.html b/people/15180.html
index dd578032..6d8815ae 100644
--- a/people/15180.html
+++ b/people/15180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15181.html b/people/15181.html
index 60bdc7c8..59d57871 100644
--- a/people/15181.html
+++ b/people/15181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15182.html b/people/15182.html
index 68067aa9..30d3cfb2 100644
--- a/people/15182.html
+++ b/people/15182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15183.html b/people/15183.html
index 39a8d4d1..c5c5d5c3 100644
--- a/people/15183.html
+++ b/people/15183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15184.html b/people/15184.html
index f07d7665..9ae7ff85 100644
--- a/people/15184.html
+++ b/people/15184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15185.html b/people/15185.html
index d5a899df..037ba523 100644
--- a/people/15185.html
+++ b/people/15185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15186.html b/people/15186.html
index 3826f54a..2a40637f 100644
--- a/people/15186.html
+++ b/people/15186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15187.html b/people/15187.html
index ad048992..e8e725fd 100644
--- a/people/15187.html
+++ b/people/15187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15188.html b/people/15188.html
index e2db9b92..0269273d 100644
--- a/people/15188.html
+++ b/people/15188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15189.html b/people/15189.html
index d941835a..89380e83 100644
--- a/people/15189.html
+++ b/people/15189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1519.html b/people/1519.html
index 4db058f0..aa1eecae 100644
--- a/people/1519.html
+++ b/people/1519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15190.html b/people/15190.html
index 8419f268..8448a357 100644
--- a/people/15190.html
+++ b/people/15190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15191.html b/people/15191.html
index d421dc99..6aa6413a 100644
--- a/people/15191.html
+++ b/people/15191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15192.html b/people/15192.html
index ecd9d6f2..c34186e7 100644
--- a/people/15192.html
+++ b/people/15192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15193.html b/people/15193.html
index 7220b578..b92c9289 100644
--- a/people/15193.html
+++ b/people/15193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15194.html b/people/15194.html
index 695f1ae5..072ff235 100644
--- a/people/15194.html
+++ b/people/15194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15195.html b/people/15195.html
index b30b7fd5..28372e34 100644
--- a/people/15195.html
+++ b/people/15195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15196.html b/people/15196.html
index 8be6eee5..6d31a81b 100644
--- a/people/15196.html
+++ b/people/15196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15197.html b/people/15197.html
index 0ddba7b5..4f36de4b 100644
--- a/people/15197.html
+++ b/people/15197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15198.html b/people/15198.html
index 74963c65..adf743dc 100644
--- a/people/15198.html
+++ b/people/15198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15199.html b/people/15199.html
index f3e79dec..fa2ec788 100644
--- a/people/15199.html
+++ b/people/15199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/152.html b/people/152.html
index c2970c1d..1966b33c 100644
--- a/people/152.html
+++ b/people/152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1520.html b/people/1520.html
index b646c468..d4b0ee20 100644
--- a/people/1520.html
+++ b/people/1520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15200.html b/people/15200.html
index 1fbbf7d6..b0681682 100644
--- a/people/15200.html
+++ b/people/15200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15201.html b/people/15201.html
index 288bf7ef..1652d4fc 100644
--- a/people/15201.html
+++ b/people/15201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15202.html b/people/15202.html
index 4c83be12..7e5b73ba 100644
--- a/people/15202.html
+++ b/people/15202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15203.html b/people/15203.html
index d638ffdb..efd02297 100644
--- a/people/15203.html
+++ b/people/15203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15204.html b/people/15204.html
index 816c1591..c3800a2a 100644
--- a/people/15204.html
+++ b/people/15204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15205.html b/people/15205.html
index 22bd2774..72781cb6 100644
--- a/people/15205.html
+++ b/people/15205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15206.html b/people/15206.html
index 6278cccf..6f329643 100644
--- a/people/15206.html
+++ b/people/15206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15207.html b/people/15207.html
index 8302bfa7..41de8d41 100644
--- a/people/15207.html
+++ b/people/15207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15208.html b/people/15208.html
index ad733002..2ad65285 100644
--- a/people/15208.html
+++ b/people/15208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15209.html b/people/15209.html
index 2830afad..e47a9895 100644
--- a/people/15209.html
+++ b/people/15209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1521.html b/people/1521.html
index be4108cf..87e62428 100644
--- a/people/1521.html
+++ b/people/1521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15210.html b/people/15210.html
index a1f35400..b2751a6b 100644
--- a/people/15210.html
+++ b/people/15210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15211.html b/people/15211.html
index 7e64df11..90987967 100644
--- a/people/15211.html
+++ b/people/15211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15212.html b/people/15212.html
index bc961306..756b07a8 100644
--- a/people/15212.html
+++ b/people/15212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15213.html b/people/15213.html
index 669e6fbc..98d531d5 100644
--- a/people/15213.html
+++ b/people/15213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15214.html b/people/15214.html
index c4b9bc2c..eb910ecd 100644
--- a/people/15214.html
+++ b/people/15214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15215.html b/people/15215.html
index 4bfabf1f..4ac2e7d9 100644
--- a/people/15215.html
+++ b/people/15215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15216.html b/people/15216.html
index 72e79582..68946e4c 100644
--- a/people/15216.html
+++ b/people/15216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15217.html b/people/15217.html
index ab2143e0..6e1ec951 100644
--- a/people/15217.html
+++ b/people/15217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15218.html b/people/15218.html
index d31cbcd7..ffb20541 100644
--- a/people/15218.html
+++ b/people/15218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15219.html b/people/15219.html
index 2ac627e2..83c668db 100644
--- a/people/15219.html
+++ b/people/15219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1522.html b/people/1522.html
index 4fbac309..5b1e9d46 100644
--- a/people/1522.html
+++ b/people/1522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15220.html b/people/15220.html
index 6e046813..ebfdc847 100644
--- a/people/15220.html
+++ b/people/15220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15221.html b/people/15221.html
index c0745323..8b90e0a1 100644
--- a/people/15221.html
+++ b/people/15221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15222.html b/people/15222.html
index a9b1c2db..120eae25 100644
--- a/people/15222.html
+++ b/people/15222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15223.html b/people/15223.html
index 68535e10..5ecbd787 100644
--- a/people/15223.html
+++ b/people/15223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15224.html b/people/15224.html
index c07c1f04..9874e0bd 100644
--- a/people/15224.html
+++ b/people/15224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15225.html b/people/15225.html
index 313afa9c..3c6f037e 100644
--- a/people/15225.html
+++ b/people/15225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15226.html b/people/15226.html
index 6209d134..600ed745 100644
--- a/people/15226.html
+++ b/people/15226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15227.html b/people/15227.html
index a36abe5e..4940461f 100644
--- a/people/15227.html
+++ b/people/15227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15228.html b/people/15228.html
index 7503dc06..b6b85325 100644
--- a/people/15228.html
+++ b/people/15228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15229.html b/people/15229.html
index fa2956f7..7e348274 100644
--- a/people/15229.html
+++ b/people/15229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1523.html b/people/1523.html
index b69ebbbe..0243ec41 100644
--- a/people/1523.html
+++ b/people/1523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15230.html b/people/15230.html
index 5928624d..a6da62ed 100644
--- a/people/15230.html
+++ b/people/15230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15231.html b/people/15231.html
index 5b51d075..4b6e08b9 100644
--- a/people/15231.html
+++ b/people/15231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15232.html b/people/15232.html
index 84d27f7c..3495c12b 100644
--- a/people/15232.html
+++ b/people/15232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15233.html b/people/15233.html
index c42e186c..9861cb74 100644
--- a/people/15233.html
+++ b/people/15233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15234.html b/people/15234.html
index 27473ec6..ab6113a4 100644
--- a/people/15234.html
+++ b/people/15234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15235.html b/people/15235.html
index 90778783..315bcbc5 100644
--- a/people/15235.html
+++ b/people/15235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15236.html b/people/15236.html
index 96b1086f..c27eee2b 100644
--- a/people/15236.html
+++ b/people/15236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15237.html b/people/15237.html
index baf21544..94d571b7 100644
--- a/people/15237.html
+++ b/people/15237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15238.html b/people/15238.html
index 23a83d54..bbf536dd 100644
--- a/people/15238.html
+++ b/people/15238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15239.html b/people/15239.html
index 2c0bdcfa..45ec98db 100644
--- a/people/15239.html
+++ b/people/15239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15240.html b/people/15240.html
index d5d55663..917156ad 100644
--- a/people/15240.html
+++ b/people/15240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15241.html b/people/15241.html
index 27f47f58..2e860533 100644
--- a/people/15241.html
+++ b/people/15241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15242.html b/people/15242.html
index 099f09d6..e4659b0c 100644
--- a/people/15242.html
+++ b/people/15242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15243.html b/people/15243.html
index 75503526..df7a4ae6 100644
--- a/people/15243.html
+++ b/people/15243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15244.html b/people/15244.html
index 376928fa..aaf5f8e7 100644
--- a/people/15244.html
+++ b/people/15244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15245.html b/people/15245.html
index e58ce9e7..bdf17d66 100644
--- a/people/15245.html
+++ b/people/15245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15246.html b/people/15246.html
index 4e2e94b6..93151154 100644
--- a/people/15246.html
+++ b/people/15246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15247.html b/people/15247.html
index 4636afe0..ba2cdbb6 100644
--- a/people/15247.html
+++ b/people/15247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15248.html b/people/15248.html
index 4cc99a0b..4e3bbce9 100644
--- a/people/15248.html
+++ b/people/15248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15249.html b/people/15249.html
index f159c44e..e8ce1414 100644
--- a/people/15249.html
+++ b/people/15249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1525.html b/people/1525.html
index f11e91ee..17733e83 100644
--- a/people/1525.html
+++ b/people/1525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15250.html b/people/15250.html
index b9d33caa..a2706211 100644
--- a/people/15250.html
+++ b/people/15250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15251.html b/people/15251.html
index 16a05932..7800c0a0 100644
--- a/people/15251.html
+++ b/people/15251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15252.html b/people/15252.html
index 66d8196e..52ad7705 100644
--- a/people/15252.html
+++ b/people/15252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15253.html b/people/15253.html
index 1dbdf2e5..bc761371 100644
--- a/people/15253.html
+++ b/people/15253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15254.html b/people/15254.html
index 275e88a7..854ed80f 100644
--- a/people/15254.html
+++ b/people/15254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15255.html b/people/15255.html
index 5d6d7e21..465fa114 100644
--- a/people/15255.html
+++ b/people/15255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15256.html b/people/15256.html
index dbcb58c2..73bf0e6e 100644
--- a/people/15256.html
+++ b/people/15256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15257.html b/people/15257.html
index 1ab9d312..b394dcf7 100644
--- a/people/15257.html
+++ b/people/15257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15258.html b/people/15258.html
index 8a66ed1e..024eac99 100644
--- a/people/15258.html
+++ b/people/15258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15259.html b/people/15259.html
index a0893147..18ee6229 100644
--- a/people/15259.html
+++ b/people/15259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1526.html b/people/1526.html
index 1260de89..276b3e98 100644
--- a/people/1526.html
+++ b/people/1526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15260.html b/people/15260.html
index ef10cc4d..dd388884 100644
--- a/people/15260.html
+++ b/people/15260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15261.html b/people/15261.html
index af07d44a..858e2993 100644
--- a/people/15261.html
+++ b/people/15261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15262.html b/people/15262.html
index ca382b6c..7506d145 100644
--- a/people/15262.html
+++ b/people/15262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15263.html b/people/15263.html
index 8383a1a5..0fc38aa6 100644
--- a/people/15263.html
+++ b/people/15263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15264.html b/people/15264.html
index 17c65c29..0b52abef 100644
--- a/people/15264.html
+++ b/people/15264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15265.html b/people/15265.html
index 0bf52191..3bce601e 100644
--- a/people/15265.html
+++ b/people/15265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15266.html b/people/15266.html
index 6ad4242a..9c2a84f5 100644
--- a/people/15266.html
+++ b/people/15266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15267.html b/people/15267.html
index 9004fb6d..bd60e2df 100644
--- a/people/15267.html
+++ b/people/15267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15268.html b/people/15268.html
index f82f9bab..95444658 100644
--- a/people/15268.html
+++ b/people/15268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15269.html b/people/15269.html
index 9bf815fe..c1bea8dc 100644
--- a/people/15269.html
+++ b/people/15269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1527.html b/people/1527.html
index 5ee031c5..190c77d2 100644
--- a/people/1527.html
+++ b/people/1527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15270.html b/people/15270.html
index 9685b8f8..28de3675 100644
--- a/people/15270.html
+++ b/people/15270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15271.html b/people/15271.html
index 02a416cd..96402071 100644
--- a/people/15271.html
+++ b/people/15271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15272.html b/people/15272.html
index 5a42e2e7..26c49687 100644
--- a/people/15272.html
+++ b/people/15272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15273.html b/people/15273.html
index 2bf9dfa7..f6cd0f92 100644
--- a/people/15273.html
+++ b/people/15273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15274.html b/people/15274.html
index 675a912c..33c0467e 100644
--- a/people/15274.html
+++ b/people/15274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15275.html b/people/15275.html
index bafb1d28..03e2cf5a 100644
--- a/people/15275.html
+++ b/people/15275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15276.html b/people/15276.html
index 159ac5a2..43034ad7 100644
--- a/people/15276.html
+++ b/people/15276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15277.html b/people/15277.html
index 2cc21e6c..c474875e 100644
--- a/people/15277.html
+++ b/people/15277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15278.html b/people/15278.html
index d6915194..9cf46186 100644
--- a/people/15278.html
+++ b/people/15278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15279.html b/people/15279.html
index c05cf73c..d7341afa 100644
--- a/people/15279.html
+++ b/people/15279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1528.html b/people/1528.html
index 6c6b9d6f..d4d753d6 100644
--- a/people/1528.html
+++ b/people/1528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15280.html b/people/15280.html
index f95e58eb..a383f465 100644
--- a/people/15280.html
+++ b/people/15280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15281.html b/people/15281.html
index cb8533ab..97cf50a7 100644
--- a/people/15281.html
+++ b/people/15281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15282.html b/people/15282.html
index 52decb0d..781c2a29 100644
--- a/people/15282.html
+++ b/people/15282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15283.html b/people/15283.html
index caeb7f64..b3882881 100644
--- a/people/15283.html
+++ b/people/15283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15284.html b/people/15284.html
index 0c4202cb..25725af6 100644
--- a/people/15284.html
+++ b/people/15284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15285.html b/people/15285.html
index f97a955d..2f09e3bf 100644
--- a/people/15285.html
+++ b/people/15285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15286.html b/people/15286.html
index b4111d81..e9a7e3d9 100644
--- a/people/15286.html
+++ b/people/15286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15287.html b/people/15287.html
index eaf7a244..2ae34329 100644
--- a/people/15287.html
+++ b/people/15287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15288.html b/people/15288.html
index 008a40b0..87e43c7b 100644
--- a/people/15288.html
+++ b/people/15288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15289.html b/people/15289.html
index 4c7a8ff7..421260a7 100644
--- a/people/15289.html
+++ b/people/15289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1529.html b/people/1529.html
index e38d0e02..efc82a3f 100644
--- a/people/1529.html
+++ b/people/1529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15290.html b/people/15290.html
index b81a38b5..d75d62f7 100644
--- a/people/15290.html
+++ b/people/15290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15291.html b/people/15291.html
index 4fb1c170..7f108668 100644
--- a/people/15291.html
+++ b/people/15291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15292.html b/people/15292.html
index e4fbe80c..d02b0699 100644
--- a/people/15292.html
+++ b/people/15292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15293.html b/people/15293.html
index 434df874..455df783 100644
--- a/people/15293.html
+++ b/people/15293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15294.html b/people/15294.html
index e17e3f4d..137f69b5 100644
--- a/people/15294.html
+++ b/people/15294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15295.html b/people/15295.html
index 0355c3e0..5c373205 100644
--- a/people/15295.html
+++ b/people/15295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15296.html b/people/15296.html
index a1c87859..b9982696 100644
--- a/people/15296.html
+++ b/people/15296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15297.html b/people/15297.html
index df266d81..ad4b6ea3 100644
--- a/people/15297.html
+++ b/people/15297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15298.html b/people/15298.html
index 63fa979d..6eef4c53 100644
--- a/people/15298.html
+++ b/people/15298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15299.html b/people/15299.html
index af805e94..289ced05 100644
--- a/people/15299.html
+++ b/people/15299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/153.html b/people/153.html
index f5a91e9c..343eb723 100644
--- a/people/153.html
+++ b/people/153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1530.html b/people/1530.html
index 9ba23c35..b9f6e2bb 100644
--- a/people/1530.html
+++ b/people/1530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15300.html b/people/15300.html
index a9575e3a..6758407e 100644
--- a/people/15300.html
+++ b/people/15300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15301.html b/people/15301.html
index 765c13e2..389c2ecb 100644
--- a/people/15301.html
+++ b/people/15301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15302.html b/people/15302.html
index 6805a0f3..43c170c8 100644
--- a/people/15302.html
+++ b/people/15302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15303.html b/people/15303.html
index 6c4b3c24..1f1748e5 100644
--- a/people/15303.html
+++ b/people/15303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15304.html b/people/15304.html
index b21898aa..0f78d9f4 100644
--- a/people/15304.html
+++ b/people/15304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15305.html b/people/15305.html
index c037ed69..33a688e6 100644
--- a/people/15305.html
+++ b/people/15305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15306.html b/people/15306.html
index e6a41a62..88df73d6 100644
--- a/people/15306.html
+++ b/people/15306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15307.html b/people/15307.html
index 2115a514..eab69161 100644
--- a/people/15307.html
+++ b/people/15307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15308.html b/people/15308.html
index 617508d7..3bfeabb8 100644
--- a/people/15308.html
+++ b/people/15308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15309.html b/people/15309.html
index 1bd6412c..1f2540bd 100644
--- a/people/15309.html
+++ b/people/15309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1531.html b/people/1531.html
index c3cb3324..22784cfe 100644
--- a/people/1531.html
+++ b/people/1531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15310.html b/people/15310.html
index 37152a28..2dc262e2 100644
--- a/people/15310.html
+++ b/people/15310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15311.html b/people/15311.html
index 6ed2095f..b11796ae 100644
--- a/people/15311.html
+++ b/people/15311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15312.html b/people/15312.html
index 36651846..bfe7b518 100644
--- a/people/15312.html
+++ b/people/15312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15313.html b/people/15313.html
index 11d89ca0..ed4d3f91 100644
--- a/people/15313.html
+++ b/people/15313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15314.html b/people/15314.html
index 84b8bec6..925c7f9a 100644
--- a/people/15314.html
+++ b/people/15314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15315.html b/people/15315.html
index f67ad034..8ce0f7cc 100644
--- a/people/15315.html
+++ b/people/15315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15316.html b/people/15316.html
index 49e4e347..f47d9931 100644
--- a/people/15316.html
+++ b/people/15316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15317.html b/people/15317.html
index ce665582..9da10e98 100644
--- a/people/15317.html
+++ b/people/15317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15318.html b/people/15318.html
index 2dd1e76a..49822c11 100644
--- a/people/15318.html
+++ b/people/15318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15319.html b/people/15319.html
index cc5c7066..d8c8075f 100644
--- a/people/15319.html
+++ b/people/15319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1532.html b/people/1532.html
index dfe1e8fe..16daa8e1 100644
--- a/people/1532.html
+++ b/people/1532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15320.html b/people/15320.html
index 6fea276f..0c77248c 100644
--- a/people/15320.html
+++ b/people/15320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15321.html b/people/15321.html
index 06aaff0e..4d37d6bc 100644
--- a/people/15321.html
+++ b/people/15321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15322.html b/people/15322.html
index 5f9d29a6..f97c6433 100644
--- a/people/15322.html
+++ b/people/15322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15323.html b/people/15323.html
index 193b0f10..53b1ec6e 100644
--- a/people/15323.html
+++ b/people/15323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15324.html b/people/15324.html
index 8824a057..8e89befb 100644
--- a/people/15324.html
+++ b/people/15324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15325.html b/people/15325.html
index a036f4e9..53a79453 100644
--- a/people/15325.html
+++ b/people/15325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15326.html b/people/15326.html
index e3e21812..2e2f72d2 100644
--- a/people/15326.html
+++ b/people/15326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15327.html b/people/15327.html
index 6c3e94d3..270783ee 100644
--- a/people/15327.html
+++ b/people/15327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15328.html b/people/15328.html
index 53ea8b46..f080d30b 100644
--- a/people/15328.html
+++ b/people/15328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15329.html b/people/15329.html
index 75e2e0fa..88c33050 100644
--- a/people/15329.html
+++ b/people/15329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1533.html b/people/1533.html
index f4eae6cc..fecaff0a 100644
--- a/people/1533.html
+++ b/people/1533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15330.html b/people/15330.html
index 55855023..cd9fb97e 100644
--- a/people/15330.html
+++ b/people/15330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15331.html b/people/15331.html
index 3c1eecff..93920d3d 100644
--- a/people/15331.html
+++ b/people/15331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15332.html b/people/15332.html
index 11d03397..4c8f5e27 100644
--- a/people/15332.html
+++ b/people/15332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15333.html b/people/15333.html
index a7587e8c..c00d85cf 100644
--- a/people/15333.html
+++ b/people/15333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15334.html b/people/15334.html
index a72ed685..397ccd4f 100644
--- a/people/15334.html
+++ b/people/15334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15335.html b/people/15335.html
index 455d3d61..9508e1ed 100644
--- a/people/15335.html
+++ b/people/15335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15336.html b/people/15336.html
index 720d551c..b765a793 100644
--- a/people/15336.html
+++ b/people/15336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15337.html b/people/15337.html
index 442450a5..ae45dd07 100644
--- a/people/15337.html
+++ b/people/15337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15338.html b/people/15338.html
index 429d07e5..7ac4aa3a 100644
--- a/people/15338.html
+++ b/people/15338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15339.html b/people/15339.html
index de6a45fb..07508106 100644
--- a/people/15339.html
+++ b/people/15339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1534.html b/people/1534.html
index 22dbfbb2..1df68ca8 100644
--- a/people/1534.html
+++ b/people/1534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15340.html b/people/15340.html
index b7de6f49..ea219404 100644
--- a/people/15340.html
+++ b/people/15340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15341.html b/people/15341.html
index ecb48cf9..72bc1308 100644
--- a/people/15341.html
+++ b/people/15341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15342.html b/people/15342.html
index 175adee3..b495b3b6 100644
--- a/people/15342.html
+++ b/people/15342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15343.html b/people/15343.html
index f4bee752..ca27253c 100644
--- a/people/15343.html
+++ b/people/15343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15344.html b/people/15344.html
index ce476940..efcb4f20 100644
--- a/people/15344.html
+++ b/people/15344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15345.html b/people/15345.html
index ce6c31ae..f8530b0b 100644
--- a/people/15345.html
+++ b/people/15345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15346.html b/people/15346.html
index 2f0c2f3e..02b1e2be 100644
--- a/people/15346.html
+++ b/people/15346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15347.html b/people/15347.html
index 35a11321..d59f8fc9 100644
--- a/people/15347.html
+++ b/people/15347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15348.html b/people/15348.html
index 8c87b797..21c990f7 100644
--- a/people/15348.html
+++ b/people/15348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15349.html b/people/15349.html
index 46f67a30..513dfb3d 100644
--- a/people/15349.html
+++ b/people/15349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1535.html b/people/1535.html
index 4031c46b..0663321e 100644
--- a/people/1535.html
+++ b/people/1535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15350.html b/people/15350.html
index 6a0e9d68..7a16c32d 100644
--- a/people/15350.html
+++ b/people/15350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15351.html b/people/15351.html
index 2ec87979..703e498d 100644
--- a/people/15351.html
+++ b/people/15351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15352.html b/people/15352.html
index 95bcc53c..bd2b4d59 100644
--- a/people/15352.html
+++ b/people/15352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15353.html b/people/15353.html
index 89c1368c..65e625d8 100644
--- a/people/15353.html
+++ b/people/15353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15354.html b/people/15354.html
index 52799818..d59f1b5b 100644
--- a/people/15354.html
+++ b/people/15354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15355.html b/people/15355.html
index 56a9d9c4..1fe2316c 100644
--- a/people/15355.html
+++ b/people/15355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15356.html b/people/15356.html
index 035ab1d8..eceb7aac 100644
--- a/people/15356.html
+++ b/people/15356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15357.html b/people/15357.html
index de05bc3d..25edfc59 100644
--- a/people/15357.html
+++ b/people/15357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15358.html b/people/15358.html
index db6de812..1b510f48 100644
--- a/people/15358.html
+++ b/people/15358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15359.html b/people/15359.html
index 018d5619..1239005c 100644
--- a/people/15359.html
+++ b/people/15359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1536.html b/people/1536.html
index 5c006c9a..77ba33a5 100644
--- a/people/1536.html
+++ b/people/1536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15360.html b/people/15360.html
index 510e9cb6..231912cd 100644
--- a/people/15360.html
+++ b/people/15360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15361.html b/people/15361.html
index 58f362bf..91fec591 100644
--- a/people/15361.html
+++ b/people/15361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15362.html b/people/15362.html
index 0bfd552c..52824c1a 100644
--- a/people/15362.html
+++ b/people/15362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15363.html b/people/15363.html
index c75adfdd..df4551a3 100644
--- a/people/15363.html
+++ b/people/15363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15364.html b/people/15364.html
index 8d9484b2..6b3d82a6 100644
--- a/people/15364.html
+++ b/people/15364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15365.html b/people/15365.html
index b70a2939..85bae196 100644
--- a/people/15365.html
+++ b/people/15365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15366.html b/people/15366.html
index 5f4645c9..46e7b6b1 100644
--- a/people/15366.html
+++ b/people/15366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15367.html b/people/15367.html
index 710340f3..9a9a03e4 100644
--- a/people/15367.html
+++ b/people/15367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15368.html b/people/15368.html
index 802b2f18..af7d2d3f 100644
--- a/people/15368.html
+++ b/people/15368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15369.html b/people/15369.html
index 09e7a052..162600a7 100644
--- a/people/15369.html
+++ b/people/15369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1537.html b/people/1537.html
index f9faddcd..3da4a120 100644
--- a/people/1537.html
+++ b/people/1537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15370.html b/people/15370.html
index 0d067c23..36e1828f 100644
--- a/people/15370.html
+++ b/people/15370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15371.html b/people/15371.html
index 3e9d48f2..3b850696 100644
--- a/people/15371.html
+++ b/people/15371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15372.html b/people/15372.html
index 41669406..3a4bff06 100644
--- a/people/15372.html
+++ b/people/15372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15373.html b/people/15373.html
index 62518e48..8f6196f0 100644
--- a/people/15373.html
+++ b/people/15373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15374.html b/people/15374.html
index 7e21a176..e60b2b82 100644
--- a/people/15374.html
+++ b/people/15374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15375.html b/people/15375.html
index a86ec7c4..1b1972a3 100644
--- a/people/15375.html
+++ b/people/15375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15376.html b/people/15376.html
index 6a78c2cd..5f95f217 100644
--- a/people/15376.html
+++ b/people/15376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15377.html b/people/15377.html
index 56dfcf26..7c8bf7d9 100644
--- a/people/15377.html
+++ b/people/15377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15378.html b/people/15378.html
index d22d06c6..6a4f16f3 100644
--- a/people/15378.html
+++ b/people/15378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15379.html b/people/15379.html
index bfaa1a02..dc8bcc7f 100644
--- a/people/15379.html
+++ b/people/15379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1538.html b/people/1538.html
index 0414f2c7..3f3e2af3 100644
--- a/people/1538.html
+++ b/people/1538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15380.html b/people/15380.html
index 3b96310a..d430aafa 100644
--- a/people/15380.html
+++ b/people/15380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15381.html b/people/15381.html
index e91cfd09..3c1a5907 100644
--- a/people/15381.html
+++ b/people/15381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15382.html b/people/15382.html
index 87ea14eb..012588a1 100644
--- a/people/15382.html
+++ b/people/15382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15383.html b/people/15383.html
index e36782a0..048bd459 100644
--- a/people/15383.html
+++ b/people/15383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15384.html b/people/15384.html
index 30c90ebd..db0223ab 100644
--- a/people/15384.html
+++ b/people/15384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15385.html b/people/15385.html
index 27c649c5..ab9d3d6c 100644
--- a/people/15385.html
+++ b/people/15385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15386.html b/people/15386.html
index b9c4e075..9389c731 100644
--- a/people/15386.html
+++ b/people/15386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15387.html b/people/15387.html
index 2c1a9ad6..afc0aff0 100644
--- a/people/15387.html
+++ b/people/15387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15388.html b/people/15388.html
index 3cb25db8..018e50ea 100644
--- a/people/15388.html
+++ b/people/15388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15389.html b/people/15389.html
index 14d71af5..833bb7cf 100644
--- a/people/15389.html
+++ b/people/15389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1539.html b/people/1539.html
index 318b0ab9..76061f82 100644
--- a/people/1539.html
+++ b/people/1539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15390.html b/people/15390.html
index 94d3afee..ca326f89 100644
--- a/people/15390.html
+++ b/people/15390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15391.html b/people/15391.html
index 2bcd3499..6cf15ad4 100644
--- a/people/15391.html
+++ b/people/15391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15392.html b/people/15392.html
index e4870a82..84e5d4b7 100644
--- a/people/15392.html
+++ b/people/15392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15393.html b/people/15393.html
index 052deacf..a5d887fb 100644
--- a/people/15393.html
+++ b/people/15393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15394.html b/people/15394.html
index 44705129..fcdd6a4b 100644
--- a/people/15394.html
+++ b/people/15394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15395.html b/people/15395.html
index 8cfc7aa6..9263b5d1 100644
--- a/people/15395.html
+++ b/people/15395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15396.html b/people/15396.html
index bd155bb4..c7ac35b9 100644
--- a/people/15396.html
+++ b/people/15396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15397.html b/people/15397.html
index ad0b1538..639109f4 100644
--- a/people/15397.html
+++ b/people/15397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15398.html b/people/15398.html
index e7be7022..64ba3088 100644
--- a/people/15398.html
+++ b/people/15398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15399.html b/people/15399.html
index c4c6c13b..218568d3 100644
--- a/people/15399.html
+++ b/people/15399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/154.html b/people/154.html
index cbc7b3b6..9754a9c6 100644
--- a/people/154.html
+++ b/people/154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1540.html b/people/1540.html
index 1f12a59e..7eda6b75 100644
--- a/people/1540.html
+++ b/people/1540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15400.html b/people/15400.html
index 7fbd0cce..58aafe0f 100644
--- a/people/15400.html
+++ b/people/15400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15401.html b/people/15401.html
index 60b7deee..48a91de2 100644
--- a/people/15401.html
+++ b/people/15401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15402.html b/people/15402.html
index 733420df..c6a4353f 100644
--- a/people/15402.html
+++ b/people/15402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15403.html b/people/15403.html
index 893e0eda..bec3a47c 100644
--- a/people/15403.html
+++ b/people/15403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15404.html b/people/15404.html
index 2b588109..85ef95d2 100644
--- a/people/15404.html
+++ b/people/15404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15405.html b/people/15405.html
index 562f7e45..3eba7ee1 100644
--- a/people/15405.html
+++ b/people/15405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15406.html b/people/15406.html
index d4d0681b..e9e94d1a 100644
--- a/people/15406.html
+++ b/people/15406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15407.html b/people/15407.html
index 1b52a089..439a77f0 100644
--- a/people/15407.html
+++ b/people/15407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15408.html b/people/15408.html
index a722b2d9..330fa53d 100644
--- a/people/15408.html
+++ b/people/15408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15409.html b/people/15409.html
index bf3e741a..d5638dfb 100644
--- a/people/15409.html
+++ b/people/15409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1541.html b/people/1541.html
index b7b4f6cc..f752db74 100644
--- a/people/1541.html
+++ b/people/1541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15410.html b/people/15410.html
index 7563c0cb..43ab60a7 100644
--- a/people/15410.html
+++ b/people/15410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15411.html b/people/15411.html
index c0124b2b..770c5639 100644
--- a/people/15411.html
+++ b/people/15411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15412.html b/people/15412.html
index 9d8af372..06b03854 100644
--- a/people/15412.html
+++ b/people/15412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15413.html b/people/15413.html
index 9664dea1..1d4523de 100644
--- a/people/15413.html
+++ b/people/15413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15414.html b/people/15414.html
index decbecd9..41c2d770 100644
--- a/people/15414.html
+++ b/people/15414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15415.html b/people/15415.html
index bfc13e85..5de82d2a 100644
--- a/people/15415.html
+++ b/people/15415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15416.html b/people/15416.html
index a5ae3a01..28051592 100644
--- a/people/15416.html
+++ b/people/15416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15417.html b/people/15417.html
index e27c4228..6292e67e 100644
--- a/people/15417.html
+++ b/people/15417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15418.html b/people/15418.html
index dd358955..11e85565 100644
--- a/people/15418.html
+++ b/people/15418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15419.html b/people/15419.html
index 6fa553b8..b23e8eff 100644
--- a/people/15419.html
+++ b/people/15419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1542.html b/people/1542.html
index 59643c7a..03d7e8bf 100644
--- a/people/1542.html
+++ b/people/1542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15420.html b/people/15420.html
index d18b8e1f..aa4f294c 100644
--- a/people/15420.html
+++ b/people/15420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15421.html b/people/15421.html
index 252aef54..5c241e49 100644
--- a/people/15421.html
+++ b/people/15421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15422.html b/people/15422.html
index 3d904b98..7d384ea7 100644
--- a/people/15422.html
+++ b/people/15422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15423.html b/people/15423.html
index 4acda9c0..07e73471 100644
--- a/people/15423.html
+++ b/people/15423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15424.html b/people/15424.html
index 4cac3244..83998fbc 100644
--- a/people/15424.html
+++ b/people/15424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15425.html b/people/15425.html
index 770cf2cd..85b6f8a7 100644
--- a/people/15425.html
+++ b/people/15425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15426.html b/people/15426.html
index 609788a2..ccd3793c 100644
--- a/people/15426.html
+++ b/people/15426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15427.html b/people/15427.html
index b52bbe9f..8f5f0563 100644
--- a/people/15427.html
+++ b/people/15427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15428.html b/people/15428.html
index 15a8e4a7..31e81173 100644
--- a/people/15428.html
+++ b/people/15428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15429.html b/people/15429.html
index 7848c80d..469f0609 100644
--- a/people/15429.html
+++ b/people/15429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1543.html b/people/1543.html
index b497d5ac..2d05a535 100644
--- a/people/1543.html
+++ b/people/1543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15430.html b/people/15430.html
index f1990aaa..fddee4e0 100644
--- a/people/15430.html
+++ b/people/15430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15431.html b/people/15431.html
index 354e929a..af46daa9 100644
--- a/people/15431.html
+++ b/people/15431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15432.html b/people/15432.html
index a8cd891f..80ccc432 100644
--- a/people/15432.html
+++ b/people/15432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15433.html b/people/15433.html
index 2dfbe76b..a66164d5 100644
--- a/people/15433.html
+++ b/people/15433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15434.html b/people/15434.html
index d5f0f813..c8460ff2 100644
--- a/people/15434.html
+++ b/people/15434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15435.html b/people/15435.html
index dc6b502a..0be72d21 100644
--- a/people/15435.html
+++ b/people/15435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15436.html b/people/15436.html
index 8679a8c5..ea10616a 100644
--- a/people/15436.html
+++ b/people/15436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15437.html b/people/15437.html
index 88da4e48..e1ac5722 100644
--- a/people/15437.html
+++ b/people/15437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15438.html b/people/15438.html
index 101394e8..178df68e 100644
--- a/people/15438.html
+++ b/people/15438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15439.html b/people/15439.html
index f263f59e..0b5c6f61 100644
--- a/people/15439.html
+++ b/people/15439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1544.html b/people/1544.html
index 13fc4b6d..b6773934 100644
--- a/people/1544.html
+++ b/people/1544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15440.html b/people/15440.html
index 7c6ca112..93830451 100644
--- a/people/15440.html
+++ b/people/15440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15442.html b/people/15442.html
index 6a6a6607..caf4d282 100644
--- a/people/15442.html
+++ b/people/15442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15443.html b/people/15443.html
index 8f25a869..6783c490 100644
--- a/people/15443.html
+++ b/people/15443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15444.html b/people/15444.html
index 53fb8506..c7d5459a 100644
--- a/people/15444.html
+++ b/people/15444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15445.html b/people/15445.html
index 4105a373..19e190a0 100644
--- a/people/15445.html
+++ b/people/15445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15446.html b/people/15446.html
index b312fd48..53dc9395 100644
--- a/people/15446.html
+++ b/people/15446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15447.html b/people/15447.html
index baa17655..36082b75 100644
--- a/people/15447.html
+++ b/people/15447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15448.html b/people/15448.html
index 8fdece96..13d9d9c3 100644
--- a/people/15448.html
+++ b/people/15448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15449.html b/people/15449.html
index 3ff00aa1..3c2df267 100644
--- a/people/15449.html
+++ b/people/15449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1545.html b/people/1545.html
index 87e5d27d..5be50924 100644
--- a/people/1545.html
+++ b/people/1545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15450.html b/people/15450.html
index f83855c1..c556bbd2 100644
--- a/people/15450.html
+++ b/people/15450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15451.html b/people/15451.html
index 99499eaf..2640880a 100644
--- a/people/15451.html
+++ b/people/15451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15452.html b/people/15452.html
index 5c438432..07cc5c7d 100644
--- a/people/15452.html
+++ b/people/15452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15453.html b/people/15453.html
index f9d41021..40f4d9d7 100644
--- a/people/15453.html
+++ b/people/15453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15454.html b/people/15454.html
index 135eeb59..2c924c8f 100644
--- a/people/15454.html
+++ b/people/15454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15455.html b/people/15455.html
index 400565b3..e68a36f3 100644
--- a/people/15455.html
+++ b/people/15455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15456.html b/people/15456.html
index 44551ee2..ba203380 100644
--- a/people/15456.html
+++ b/people/15456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15457.html b/people/15457.html
index e3286efd..dabf4d8b 100644
--- a/people/15457.html
+++ b/people/15457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15458.html b/people/15458.html
index d7f634e0..3dc6797f 100644
--- a/people/15458.html
+++ b/people/15458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15459.html b/people/15459.html
index cc3a6a80..bff07f9f 100644
--- a/people/15459.html
+++ b/people/15459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1546.html b/people/1546.html
index 8976ee76..14d75509 100644
--- a/people/1546.html
+++ b/people/1546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15460.html b/people/15460.html
index 97a61361..ed294c3b 100644
--- a/people/15460.html
+++ b/people/15460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15461.html b/people/15461.html
index 026dd8ee..8d336b6d 100644
--- a/people/15461.html
+++ b/people/15461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15462.html b/people/15462.html
index d8e6d6f2..ed9a5b63 100644
--- a/people/15462.html
+++ b/people/15462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15463.html b/people/15463.html
index 4abe6b9f..9056ac8c 100644
--- a/people/15463.html
+++ b/people/15463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15464.html b/people/15464.html
index 59754dba..d0409280 100644
--- a/people/15464.html
+++ b/people/15464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15465.html b/people/15465.html
index 7c20400f..e6eb9643 100644
--- a/people/15465.html
+++ b/people/15465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15466.html b/people/15466.html
index ee578883..d0b01158 100644
--- a/people/15466.html
+++ b/people/15466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15467.html b/people/15467.html
index 7cd28b0f..09ce802b 100644
--- a/people/15467.html
+++ b/people/15467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15468.html b/people/15468.html
index 5d9c1857..f7f73ac0 100644
--- a/people/15468.html
+++ b/people/15468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15469.html b/people/15469.html
index 03efcae2..6883b43b 100644
--- a/people/15469.html
+++ b/people/15469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1547.html b/people/1547.html
index 4d4caef5..a2e79b4f 100644
--- a/people/1547.html
+++ b/people/1547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15470.html b/people/15470.html
index 8b08dd51..ea588e43 100644
--- a/people/15470.html
+++ b/people/15470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15471.html b/people/15471.html
index a0b5740d..9e9cf390 100644
--- a/people/15471.html
+++ b/people/15471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15472.html b/people/15472.html
index 1560d738..3abe19ea 100644
--- a/people/15472.html
+++ b/people/15472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15473.html b/people/15473.html
index 55904c9f..c3bb73e1 100644
--- a/people/15473.html
+++ b/people/15473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15474.html b/people/15474.html
index ff494784..083aef6b 100644
--- a/people/15474.html
+++ b/people/15474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15475.html b/people/15475.html
index 28144c41..c838d844 100644
--- a/people/15475.html
+++ b/people/15475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15476.html b/people/15476.html
index e11706a4..3f2c5e0c 100644
--- a/people/15476.html
+++ b/people/15476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15477.html b/people/15477.html
index 23fb7db1..3724fcee 100644
--- a/people/15477.html
+++ b/people/15477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15478.html b/people/15478.html
index 9f651b80..18c0b1ba 100644
--- a/people/15478.html
+++ b/people/15478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15479.html b/people/15479.html
index 74c39101..051c2dc6 100644
--- a/people/15479.html
+++ b/people/15479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1548.html b/people/1548.html
index 2beecc1f..d2d9941d 100644
--- a/people/1548.html
+++ b/people/1548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15480.html b/people/15480.html
index 28d7c868..47b45447 100644
--- a/people/15480.html
+++ b/people/15480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15481.html b/people/15481.html
index 6a59b40e..7ce56de8 100644
--- a/people/15481.html
+++ b/people/15481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15482.html b/people/15482.html
index e630f614..10ccd817 100644
--- a/people/15482.html
+++ b/people/15482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15483.html b/people/15483.html
index 4d0cf531..036e8e95 100644
--- a/people/15483.html
+++ b/people/15483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15484.html b/people/15484.html
index 21052903..3bb0e211 100644
--- a/people/15484.html
+++ b/people/15484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15485.html b/people/15485.html
index 259d2bed..4aed0a49 100644
--- a/people/15485.html
+++ b/people/15485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15486.html b/people/15486.html
index d2cf969c..365eabfd 100644
--- a/people/15486.html
+++ b/people/15486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15487.html b/people/15487.html
index a193b1ae..f2acbea4 100644
--- a/people/15487.html
+++ b/people/15487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15488.html b/people/15488.html
index 9dc08078..1c85fc8d 100644
--- a/people/15488.html
+++ b/people/15488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15489.html b/people/15489.html
index 41ec4bfc..aeac3838 100644
--- a/people/15489.html
+++ b/people/15489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1549.html b/people/1549.html
index c58046e8..1c9cd897 100644
--- a/people/1549.html
+++ b/people/1549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15490.html b/people/15490.html
index c312ddc9..c60078f9 100644
--- a/people/15490.html
+++ b/people/15490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15491.html b/people/15491.html
index 9971a4dd..c06ff5b6 100644
--- a/people/15491.html
+++ b/people/15491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15492.html b/people/15492.html
index 926de493..be6de28f 100644
--- a/people/15492.html
+++ b/people/15492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15493.html b/people/15493.html
index 21c754cc..c718b8e6 100644
--- a/people/15493.html
+++ b/people/15493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15494.html b/people/15494.html
index b3d2bbe5..22b384cd 100644
--- a/people/15494.html
+++ b/people/15494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15495.html b/people/15495.html
index c2e71920..50463883 100644
--- a/people/15495.html
+++ b/people/15495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15496.html b/people/15496.html
index 93ee0b1e..b89380c4 100644
--- a/people/15496.html
+++ b/people/15496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15497.html b/people/15497.html
index 006cdcb7..20cdfe8c 100644
--- a/people/15497.html
+++ b/people/15497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15498.html b/people/15498.html
index f269ba2e..b9794678 100644
--- a/people/15498.html
+++ b/people/15498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15499.html b/people/15499.html
index 93265ad5..bad7d84c 100644
--- a/people/15499.html
+++ b/people/15499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/155.html b/people/155.html
index 9d48fcf0..eaa09791 100644
--- a/people/155.html
+++ b/people/155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1550.html b/people/1550.html
index b839cee8..156e4ec7 100644
--- a/people/1550.html
+++ b/people/1550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15500.html b/people/15500.html
index 6b799567..4427e433 100644
--- a/people/15500.html
+++ b/people/15500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15501.html b/people/15501.html
index 554823cc..e86ac593 100644
--- a/people/15501.html
+++ b/people/15501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15502.html b/people/15502.html
index 0730ff73..942b60f0 100644
--- a/people/15502.html
+++ b/people/15502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15503.html b/people/15503.html
index 51dc8f75..7164a36e 100644
--- a/people/15503.html
+++ b/people/15503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15504.html b/people/15504.html
index 6b34fba3..a5efc55f 100644
--- a/people/15504.html
+++ b/people/15504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15505.html b/people/15505.html
index 37bdbe62..51091ed6 100644
--- a/people/15505.html
+++ b/people/15505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15506.html b/people/15506.html
index 0e2d1dbd..07420c5e 100644
--- a/people/15506.html
+++ b/people/15506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15507.html b/people/15507.html
index 0e7d1873..31ccde82 100644
--- a/people/15507.html
+++ b/people/15507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15508.html b/people/15508.html
index 0b36a8ff..67bcdd71 100644
--- a/people/15508.html
+++ b/people/15508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15509.html b/people/15509.html
index 56dd2349..11f74a88 100644
--- a/people/15509.html
+++ b/people/15509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1551.html b/people/1551.html
index 08c9bea7..8ebfd343 100644
--- a/people/1551.html
+++ b/people/1551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15510.html b/people/15510.html
index e08dc2f4..d3a3779a 100644
--- a/people/15510.html
+++ b/people/15510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15511.html b/people/15511.html
index f3baae1c..24cdc684 100644
--- a/people/15511.html
+++ b/people/15511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15512.html b/people/15512.html
index 56abcd47..ded6ecd7 100644
--- a/people/15512.html
+++ b/people/15512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15513.html b/people/15513.html
index 365c435a..b31a86a1 100644
--- a/people/15513.html
+++ b/people/15513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15514.html b/people/15514.html
index 6fff62af..a1a45517 100644
--- a/people/15514.html
+++ b/people/15514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15515.html b/people/15515.html
index ae86f73e..ab86c133 100644
--- a/people/15515.html
+++ b/people/15515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15516.html b/people/15516.html
index 4872b458..95dd5503 100644
--- a/people/15516.html
+++ b/people/15516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15517.html b/people/15517.html
index ceaa5b97..2a7bb22b 100644
--- a/people/15517.html
+++ b/people/15517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15518.html b/people/15518.html
index fdec5144..117758db 100644
--- a/people/15518.html
+++ b/people/15518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15519.html b/people/15519.html
index e5fc5bb3..2f7a3e1c 100644
--- a/people/15519.html
+++ b/people/15519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1552.html b/people/1552.html
index 4154d603..155b78c5 100644
--- a/people/1552.html
+++ b/people/1552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15520.html b/people/15520.html
index 785a4289..fe3fb5e5 100644
--- a/people/15520.html
+++ b/people/15520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15521.html b/people/15521.html
index 45d7530d..4007d36c 100644
--- a/people/15521.html
+++ b/people/15521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15522.html b/people/15522.html
index e7433489..bcd85194 100644
--- a/people/15522.html
+++ b/people/15522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15523.html b/people/15523.html
index b0cabc60..32f3d032 100644
--- a/people/15523.html
+++ b/people/15523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15524.html b/people/15524.html
index 017744f1..81308aea 100644
--- a/people/15524.html
+++ b/people/15524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15525.html b/people/15525.html
index 214caabf..4903971a 100644
--- a/people/15525.html
+++ b/people/15525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15526.html b/people/15526.html
index 8b263f09..cfa1de8d 100644
--- a/people/15526.html
+++ b/people/15526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15527.html b/people/15527.html
index 7a13a21b..5d8881c2 100644
--- a/people/15527.html
+++ b/people/15527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15528.html b/people/15528.html
index 4a6c2611..ae84469c 100644
--- a/people/15528.html
+++ b/people/15528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15529.html b/people/15529.html
index b29dbbb6..33074018 100644
--- a/people/15529.html
+++ b/people/15529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1553.html b/people/1553.html
index b35b1653..56d3ba65 100644
--- a/people/1553.html
+++ b/people/1553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15530.html b/people/15530.html
index cbcf6196..21723641 100644
--- a/people/15530.html
+++ b/people/15530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15531.html b/people/15531.html
index 9ac7cb11..ae60e062 100644
--- a/people/15531.html
+++ b/people/15531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15532.html b/people/15532.html
index 09d39803..50b80d5d 100644
--- a/people/15532.html
+++ b/people/15532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15533.html b/people/15533.html
index f0a7c391..3c588eba 100644
--- a/people/15533.html
+++ b/people/15533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15534.html b/people/15534.html
index 581bd173..dca5e02f 100644
--- a/people/15534.html
+++ b/people/15534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15535.html b/people/15535.html
index 80df4284..b214be86 100644
--- a/people/15535.html
+++ b/people/15535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15536.html b/people/15536.html
index e5d94991..28104aa6 100644
--- a/people/15536.html
+++ b/people/15536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15537.html b/people/15537.html
index 235da9df..d1c84bfe 100644
--- a/people/15537.html
+++ b/people/15537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15538.html b/people/15538.html
index acb9993b..3bb74d81 100644
--- a/people/15538.html
+++ b/people/15538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15539.html b/people/15539.html
index 693e34ce..7f55deb5 100644
--- a/people/15539.html
+++ b/people/15539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1554.html b/people/1554.html
index c0a27522..ae97f860 100644
--- a/people/1554.html
+++ b/people/1554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15540.html b/people/15540.html
index ca2c1e12..9cb0916f 100644
--- a/people/15540.html
+++ b/people/15540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15541.html b/people/15541.html
index 4d46779a..6cbf0293 100644
--- a/people/15541.html
+++ b/people/15541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15542.html b/people/15542.html
index 963cb12e..ea1eeaac 100644
--- a/people/15542.html
+++ b/people/15542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15543.html b/people/15543.html
index 4fb8b2e2..2259f06d 100644
--- a/people/15543.html
+++ b/people/15543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15544.html b/people/15544.html
index 65f3ede8..f0d37e40 100644
--- a/people/15544.html
+++ b/people/15544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15545.html b/people/15545.html
index a526c42e..fc1fe65d 100644
--- a/people/15545.html
+++ b/people/15545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15546.html b/people/15546.html
index 85952aab..30aac226 100644
--- a/people/15546.html
+++ b/people/15546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15547.html b/people/15547.html
index ec362b9d..92ae1f7c 100644
--- a/people/15547.html
+++ b/people/15547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15548.html b/people/15548.html
index d25ef73e..c14c48c0 100644
--- a/people/15548.html
+++ b/people/15548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15549.html b/people/15549.html
index cf706350..7c109fa8 100644
--- a/people/15549.html
+++ b/people/15549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1555.html b/people/1555.html
index 566be10b..885f00ed 100644
--- a/people/1555.html
+++ b/people/1555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15550.html b/people/15550.html
index 52859490..de37b7f6 100644
--- a/people/15550.html
+++ b/people/15550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15551.html b/people/15551.html
index c88de10a..e32e5f15 100644
--- a/people/15551.html
+++ b/people/15551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15552.html b/people/15552.html
index 8df3cd1b..ac417cd4 100644
--- a/people/15552.html
+++ b/people/15552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15553.html b/people/15553.html
index 491e2966..64ea17de 100644
--- a/people/15553.html
+++ b/people/15553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15554.html b/people/15554.html
index 07bffed1..250db42c 100644
--- a/people/15554.html
+++ b/people/15554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15555.html b/people/15555.html
index ae7f1a55..36a4eb68 100644
--- a/people/15555.html
+++ b/people/15555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15556.html b/people/15556.html
index d510df33..a844ef7d 100644
--- a/people/15556.html
+++ b/people/15556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15557.html b/people/15557.html
index 945e54be..2c5e73bb 100644
--- a/people/15557.html
+++ b/people/15557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15558.html b/people/15558.html
index 8ce038b0..345e063f 100644
--- a/people/15558.html
+++ b/people/15558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15559.html b/people/15559.html
index fb6554f9..121ac770 100644
--- a/people/15559.html
+++ b/people/15559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1556.html b/people/1556.html
index 148d0d29..a4794f48 100644
--- a/people/1556.html
+++ b/people/1556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15560.html b/people/15560.html
index 12bf0847..5d4b4c17 100644
--- a/people/15560.html
+++ b/people/15560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15561.html b/people/15561.html
index 8bf40da6..5a722283 100644
--- a/people/15561.html
+++ b/people/15561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15562.html b/people/15562.html
index 86074614..5d4f1478 100644
--- a/people/15562.html
+++ b/people/15562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15563.html b/people/15563.html
index d46e215c..11fee151 100644
--- a/people/15563.html
+++ b/people/15563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15564.html b/people/15564.html
index c276a174..10bf976f 100644
--- a/people/15564.html
+++ b/people/15564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15565.html b/people/15565.html
index d9756086..c2f2e8e3 100644
--- a/people/15565.html
+++ b/people/15565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15566.html b/people/15566.html
index 53b6921e..34298fea 100644
--- a/people/15566.html
+++ b/people/15566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15567.html b/people/15567.html
index 2c9d1bb2..bdd2e66a 100644
--- a/people/15567.html
+++ b/people/15567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15568.html b/people/15568.html
index ca99cb8d..15eb4285 100644
--- a/people/15568.html
+++ b/people/15568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15569.html b/people/15569.html
index 891dd329..3cf064cc 100644
--- a/people/15569.html
+++ b/people/15569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1557.html b/people/1557.html
index 1352bea8..98ed50b2 100644
--- a/people/1557.html
+++ b/people/1557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15570.html b/people/15570.html
index 4856296d..7276253f 100644
--- a/people/15570.html
+++ b/people/15570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15571.html b/people/15571.html
index 4bb25ac3..9c1976db 100644
--- a/people/15571.html
+++ b/people/15571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15572.html b/people/15572.html
index 51c10832..6eb53a60 100644
--- a/people/15572.html
+++ b/people/15572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15573.html b/people/15573.html
index 7ef02c19..6eac41eb 100644
--- a/people/15573.html
+++ b/people/15573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15574.html b/people/15574.html
index 3d6e91fb..c91e8d02 100644
--- a/people/15574.html
+++ b/people/15574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15575.html b/people/15575.html
index 8d301c79..afd2da75 100644
--- a/people/15575.html
+++ b/people/15575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15576.html b/people/15576.html
index 396d1f91..c410a03f 100644
--- a/people/15576.html
+++ b/people/15576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15577.html b/people/15577.html
index f708e204..f37e9c75 100644
--- a/people/15577.html
+++ b/people/15577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15578.html b/people/15578.html
index b3048326..dcac392b 100644
--- a/people/15578.html
+++ b/people/15578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15579.html b/people/15579.html
index bc90bd00..2e3578f5 100644
--- a/people/15579.html
+++ b/people/15579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1558.html b/people/1558.html
index db209234..6e6ddd42 100644
--- a/people/1558.html
+++ b/people/1558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15580.html b/people/15580.html
index 2ffdbf64..d10d6125 100644
--- a/people/15580.html
+++ b/people/15580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15581.html b/people/15581.html
index 2ecbd622..23001825 100644
--- a/people/15581.html
+++ b/people/15581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15582.html b/people/15582.html
index a3ba7304..20b654cc 100644
--- a/people/15582.html
+++ b/people/15582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15583.html b/people/15583.html
index 2d1c6845..4ae9d683 100644
--- a/people/15583.html
+++ b/people/15583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15584.html b/people/15584.html
index 18351896..23208e1c 100644
--- a/people/15584.html
+++ b/people/15584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15585.html b/people/15585.html
index 65162beb..7a2955f3 100644
--- a/people/15585.html
+++ b/people/15585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15586.html b/people/15586.html
index 3bd79a46..ae2505c5 100644
--- a/people/15586.html
+++ b/people/15586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15587.html b/people/15587.html
index c02dbdc2..0f2947a7 100644
--- a/people/15587.html
+++ b/people/15587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15588.html b/people/15588.html
index 760771d5..ca84c678 100644
--- a/people/15588.html
+++ b/people/15588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15589.html b/people/15589.html
index e6ee2b82..498de4f1 100644
--- a/people/15589.html
+++ b/people/15589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1559.html b/people/1559.html
index f3e74ceb..9830cb6c 100644
--- a/people/1559.html
+++ b/people/1559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15590.html b/people/15590.html
index af1660c5..092523f6 100644
--- a/people/15590.html
+++ b/people/15590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15591.html b/people/15591.html
index 8cbd21d3..336f4d67 100644
--- a/people/15591.html
+++ b/people/15591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15592.html b/people/15592.html
index 06e358a1..33455bdc 100644
--- a/people/15592.html
+++ b/people/15592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15593.html b/people/15593.html
index 17d6b7ff..22051033 100644
--- a/people/15593.html
+++ b/people/15593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15594.html b/people/15594.html
index 333f2e49..44cd79e8 100644
--- a/people/15594.html
+++ b/people/15594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15595.html b/people/15595.html
index 72283e25..fd74a3af 100644
--- a/people/15595.html
+++ b/people/15595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15596.html b/people/15596.html
index cc70279d..d31ebee5 100644
--- a/people/15596.html
+++ b/people/15596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15597.html b/people/15597.html
index b5a9ac75..830b1968 100644
--- a/people/15597.html
+++ b/people/15597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15598.html b/people/15598.html
index 2f05de6c..d0596d73 100644
--- a/people/15598.html
+++ b/people/15598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15599.html b/people/15599.html
index d5325aad..1021739c 100644
--- a/people/15599.html
+++ b/people/15599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/156.html b/people/156.html
index b5628e31..0aa5e9e3 100644
--- a/people/156.html
+++ b/people/156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1560.html b/people/1560.html
index a08bc8a4..8d55d0d5 100644
--- a/people/1560.html
+++ b/people/1560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15600.html b/people/15600.html
index 677b6269..67130333 100644
--- a/people/15600.html
+++ b/people/15600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15601.html b/people/15601.html
index f1afdcdc..9029995c 100644
--- a/people/15601.html
+++ b/people/15601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15602.html b/people/15602.html
index 7cae2eb7..e70d6269 100644
--- a/people/15602.html
+++ b/people/15602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15603.html b/people/15603.html
index 9300e732..7bcf3393 100644
--- a/people/15603.html
+++ b/people/15603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15604.html b/people/15604.html
index ea611357..134ef3ab 100644
--- a/people/15604.html
+++ b/people/15604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15605.html b/people/15605.html
index 2867d598..247cb211 100644
--- a/people/15605.html
+++ b/people/15605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15606.html b/people/15606.html
index 247a1132..2053b150 100644
--- a/people/15606.html
+++ b/people/15606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15607.html b/people/15607.html
index bda51de2..474f2aeb 100644
--- a/people/15607.html
+++ b/people/15607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15608.html b/people/15608.html
index f78af064..4d85a8ef 100644
--- a/people/15608.html
+++ b/people/15608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15609.html b/people/15609.html
index 7fe95c21..5e881018 100644
--- a/people/15609.html
+++ b/people/15609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1561.html b/people/1561.html
index 4eb437c0..4aa107d6 100644
--- a/people/1561.html
+++ b/people/1561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15610.html b/people/15610.html
index 1e9066e7..38c4abf5 100644
--- a/people/15610.html
+++ b/people/15610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15611.html b/people/15611.html
index 8a77219b..4590acf0 100644
--- a/people/15611.html
+++ b/people/15611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15612.html b/people/15612.html
index 16930631..49c52e47 100644
--- a/people/15612.html
+++ b/people/15612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15613.html b/people/15613.html
index 0b2b8a04..c1b066c7 100644
--- a/people/15613.html
+++ b/people/15613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15614.html b/people/15614.html
index 561108b2..9dba6d03 100644
--- a/people/15614.html
+++ b/people/15614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15615.html b/people/15615.html
index fcd83d27..5738b686 100644
--- a/people/15615.html
+++ b/people/15615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15616.html b/people/15616.html
index a798eadb..fd79055b 100644
--- a/people/15616.html
+++ b/people/15616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15617.html b/people/15617.html
index b71324e4..9f7df172 100644
--- a/people/15617.html
+++ b/people/15617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15618.html b/people/15618.html
index fe61c118..3e6b3e52 100644
--- a/people/15618.html
+++ b/people/15618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15619.html b/people/15619.html
index 4f03e466..6c12d430 100644
--- a/people/15619.html
+++ b/people/15619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1562.html b/people/1562.html
index 888cf2b7..b9ecf5f2 100644
--- a/people/1562.html
+++ b/people/1562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15620.html b/people/15620.html
index 712b55c6..cd6f76be 100644
--- a/people/15620.html
+++ b/people/15620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15621.html b/people/15621.html
index 6dcbe708..1ab0b108 100644
--- a/people/15621.html
+++ b/people/15621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15622.html b/people/15622.html
index cf470720..0f9d82f7 100644
--- a/people/15622.html
+++ b/people/15622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15623.html b/people/15623.html
index e20c1dff..1ccc7102 100644
--- a/people/15623.html
+++ b/people/15623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15624.html b/people/15624.html
index 631c5c67..ac513ac1 100644
--- a/people/15624.html
+++ b/people/15624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15625.html b/people/15625.html
index a2b94c0b..c4404ace 100644
--- a/people/15625.html
+++ b/people/15625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15626.html b/people/15626.html
index c4a7b9d8..5f73647a 100644
--- a/people/15626.html
+++ b/people/15626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15627.html b/people/15627.html
index 4c305570..6a890296 100644
--- a/people/15627.html
+++ b/people/15627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15628.html b/people/15628.html
index 0e6864b0..38e07636 100644
--- a/people/15628.html
+++ b/people/15628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15629.html b/people/15629.html
index 05d33c00..c02a91ca 100644
--- a/people/15629.html
+++ b/people/15629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1563.html b/people/1563.html
index 2d452fbf..8ebc7279 100644
--- a/people/1563.html
+++ b/people/1563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15630.html b/people/15630.html
index fe34c1e3..7f06139a 100644
--- a/people/15630.html
+++ b/people/15630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15631.html b/people/15631.html
index 1bfebc9e..c40cbd59 100644
--- a/people/15631.html
+++ b/people/15631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15632.html b/people/15632.html
index 138a8bbc..98a4f49c 100644
--- a/people/15632.html
+++ b/people/15632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15633.html b/people/15633.html
index 0d8aacb1..cb599445 100644
--- a/people/15633.html
+++ b/people/15633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15634.html b/people/15634.html
index 7dce4e96..c47c3191 100644
--- a/people/15634.html
+++ b/people/15634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15635.html b/people/15635.html
index 0e8e4375..be902595 100644
--- a/people/15635.html
+++ b/people/15635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15636.html b/people/15636.html
index eddbb388..6cebe135 100644
--- a/people/15636.html
+++ b/people/15636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15637.html b/people/15637.html
index ad3bce7c..60c1b591 100644
--- a/people/15637.html
+++ b/people/15637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15638.html b/people/15638.html
index 93a423dd..fb5e2840 100644
--- a/people/15638.html
+++ b/people/15638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15639.html b/people/15639.html
index ccbfcf52..8ce436a2 100644
--- a/people/15639.html
+++ b/people/15639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1564.html b/people/1564.html
index 4a420acd..9bb4a027 100644
--- a/people/1564.html
+++ b/people/1564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15640.html b/people/15640.html
index 58ca75ce..8f45dfcc 100644
--- a/people/15640.html
+++ b/people/15640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15641.html b/people/15641.html
index fe8a9f35..69a0244e 100644
--- a/people/15641.html
+++ b/people/15641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15642.html b/people/15642.html
index f2c241ce..c8ea645f 100644
--- a/people/15642.html
+++ b/people/15642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15643.html b/people/15643.html
index fbfaf5f1..a3dbd835 100644
--- a/people/15643.html
+++ b/people/15643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15644.html b/people/15644.html
index 3f080f78..432e7df4 100644
--- a/people/15644.html
+++ b/people/15644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15645.html b/people/15645.html
index 08cbb65b..180f8e2f 100644
--- a/people/15645.html
+++ b/people/15645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15646.html b/people/15646.html
index f2d201b3..87103783 100644
--- a/people/15646.html
+++ b/people/15646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15647.html b/people/15647.html
index b20a94f0..1b16444e 100644
--- a/people/15647.html
+++ b/people/15647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15648.html b/people/15648.html
index 93ed932c..4e784662 100644
--- a/people/15648.html
+++ b/people/15648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15649.html b/people/15649.html
index 40adcfd0..bbc98587 100644
--- a/people/15649.html
+++ b/people/15649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1565.html b/people/1565.html
index 8e578d4c..01adf7e8 100644
--- a/people/1565.html
+++ b/people/1565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15650.html b/people/15650.html
index d3335d2e..9c22f027 100644
--- a/people/15650.html
+++ b/people/15650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15651.html b/people/15651.html
index 34d9a521..8631ae9b 100644
--- a/people/15651.html
+++ b/people/15651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15652.html b/people/15652.html
index 6343540b..08620e8f 100644
--- a/people/15652.html
+++ b/people/15652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15653.html b/people/15653.html
index 1b445bfb..b81caba3 100644
--- a/people/15653.html
+++ b/people/15653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15654.html b/people/15654.html
index 11e4b805..0e425844 100644
--- a/people/15654.html
+++ b/people/15654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15655.html b/people/15655.html
index 8856ffda..5c456b63 100644
--- a/people/15655.html
+++ b/people/15655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15656.html b/people/15656.html
index 2339efde..0a1a1a44 100644
--- a/people/15656.html
+++ b/people/15656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15657.html b/people/15657.html
index a0dc67de..674f537c 100644
--- a/people/15657.html
+++ b/people/15657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15658.html b/people/15658.html
index 7d844055..dc27efb7 100644
--- a/people/15658.html
+++ b/people/15658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15659.html b/people/15659.html
index 4cf63e72..f915816d 100644
--- a/people/15659.html
+++ b/people/15659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1566.html b/people/1566.html
index 54f19e96..79f01da1 100644
--- a/people/1566.html
+++ b/people/1566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15660.html b/people/15660.html
index 5b598dd1..873c0df9 100644
--- a/people/15660.html
+++ b/people/15660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15661.html b/people/15661.html
index d4703e86..9d9a955e 100644
--- a/people/15661.html
+++ b/people/15661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15662.html b/people/15662.html
index cf1ee989..a13d20c9 100644
--- a/people/15662.html
+++ b/people/15662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15663.html b/people/15663.html
index 0a035b4a..cad3f997 100644
--- a/people/15663.html
+++ b/people/15663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15664.html b/people/15664.html
index dd799300..bbda2af1 100644
--- a/people/15664.html
+++ b/people/15664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15665.html b/people/15665.html
index 558b91a1..429c5a5f 100644
--- a/people/15665.html
+++ b/people/15665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15666.html b/people/15666.html
index df5e9af3..6d62be0d 100644
--- a/people/15666.html
+++ b/people/15666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15667.html b/people/15667.html
index 109530e7..737eb24c 100644
--- a/people/15667.html
+++ b/people/15667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15668.html b/people/15668.html
index d34bd30e..031a67d5 100644
--- a/people/15668.html
+++ b/people/15668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15669.html b/people/15669.html
index 71ed1b0a..c3e158a1 100644
--- a/people/15669.html
+++ b/people/15669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1567.html b/people/1567.html
index 797669f0..42d1b1f1 100644
--- a/people/1567.html
+++ b/people/1567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15670.html b/people/15670.html
index 12ce14b0..5c4eb2ef 100644
--- a/people/15670.html
+++ b/people/15670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15671.html b/people/15671.html
index 1addbd02..ca44ea28 100644
--- a/people/15671.html
+++ b/people/15671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15672.html b/people/15672.html
index ad1138ad..43bf86b6 100644
--- a/people/15672.html
+++ b/people/15672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15673.html b/people/15673.html
index 6fb5ea78..efb523fa 100644
--- a/people/15673.html
+++ b/people/15673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15674.html b/people/15674.html
index 1f114e50..10a09b2a 100644
--- a/people/15674.html
+++ b/people/15674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15675.html b/people/15675.html
index 2f4e589f..f0adb583 100644
--- a/people/15675.html
+++ b/people/15675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15676.html b/people/15676.html
index e99e0d5c..68cfc698 100644
--- a/people/15676.html
+++ b/people/15676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15677.html b/people/15677.html
index 6ab6334b..dbb9897d 100644
--- a/people/15677.html
+++ b/people/15677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15678.html b/people/15678.html
index ffa8b454..9ae8c76f 100644
--- a/people/15678.html
+++ b/people/15678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15679.html b/people/15679.html
index 0a7db139..1c2f9c7c 100644
--- a/people/15679.html
+++ b/people/15679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1568.html b/people/1568.html
index 67209adc..5d8f73af 100644
--- a/people/1568.html
+++ b/people/1568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15680.html b/people/15680.html
index 5dfa1364..890da404 100644
--- a/people/15680.html
+++ b/people/15680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15681.html b/people/15681.html
index b39a7a0b..1b90bdbf 100644
--- a/people/15681.html
+++ b/people/15681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15682.html b/people/15682.html
index 90186d65..f74f64aa 100644
--- a/people/15682.html
+++ b/people/15682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15683.html b/people/15683.html
index 19d900bd..a61a6f11 100644
--- a/people/15683.html
+++ b/people/15683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15684.html b/people/15684.html
index 7ca1474d..ce470afd 100644
--- a/people/15684.html
+++ b/people/15684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15685.html b/people/15685.html
index de142ac1..0bc37a91 100644
--- a/people/15685.html
+++ b/people/15685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15686.html b/people/15686.html
index 5a021350..38b3563b 100644
--- a/people/15686.html
+++ b/people/15686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15687.html b/people/15687.html
index 22b95427..80ce599a 100644
--- a/people/15687.html
+++ b/people/15687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15688.html b/people/15688.html
index 4269b76f..672275fe 100644
--- a/people/15688.html
+++ b/people/15688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15689.html b/people/15689.html
index 5e3fdf89..6513382f 100644
--- a/people/15689.html
+++ b/people/15689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1569.html b/people/1569.html
index b7d78c6e..9594970b 100644
--- a/people/1569.html
+++ b/people/1569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15690.html b/people/15690.html
index b4b93a20..5d7f0c35 100644
--- a/people/15690.html
+++ b/people/15690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15691.html b/people/15691.html
index 8b56e925..607652fd 100644
--- a/people/15691.html
+++ b/people/15691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15692.html b/people/15692.html
index 2382ce27..674ed7bc 100644
--- a/people/15692.html
+++ b/people/15692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15693.html b/people/15693.html
index 05968a6c..950fc85e 100644
--- a/people/15693.html
+++ b/people/15693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15694.html b/people/15694.html
index 50e7061c..1755309d 100644
--- a/people/15694.html
+++ b/people/15694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15695.html b/people/15695.html
index 88c998f9..50872eb9 100644
--- a/people/15695.html
+++ b/people/15695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15696.html b/people/15696.html
index 2f11e6b9..bfca9379 100644
--- a/people/15696.html
+++ b/people/15696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15697.html b/people/15697.html
index 229479cb..d485bd1c 100644
--- a/people/15697.html
+++ b/people/15697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15698.html b/people/15698.html
index 3d0576b5..bb3f63bf 100644
--- a/people/15698.html
+++ b/people/15698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15699.html b/people/15699.html
index 6ee0f174..f5d7eb36 100644
--- a/people/15699.html
+++ b/people/15699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/157.html b/people/157.html
index ea456a42..f13b4765 100644
--- a/people/157.html
+++ b/people/157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1570.html b/people/1570.html
index cd57f88b..f82e2a8d 100644
--- a/people/1570.html
+++ b/people/1570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15700.html b/people/15700.html
index c814c7fe..2b54680a 100644
--- a/people/15700.html
+++ b/people/15700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15701.html b/people/15701.html
index 358db547..4f4e02cc 100644
--- a/people/15701.html
+++ b/people/15701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15702.html b/people/15702.html
index 10f92021..92e795b8 100644
--- a/people/15702.html
+++ b/people/15702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15703.html b/people/15703.html
index 08635dc1..3010ffc9 100644
--- a/people/15703.html
+++ b/people/15703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15704.html b/people/15704.html
index 52f641ca..ef29dd2b 100644
--- a/people/15704.html
+++ b/people/15704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15705.html b/people/15705.html
index 65a61b3e..f7185e51 100644
--- a/people/15705.html
+++ b/people/15705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15706.html b/people/15706.html
index 11d56d63..e5ee1046 100644
--- a/people/15706.html
+++ b/people/15706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15707.html b/people/15707.html
index 3445a271..f34ba830 100644
--- a/people/15707.html
+++ b/people/15707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15708.html b/people/15708.html
index c3705535..02691534 100644
--- a/people/15708.html
+++ b/people/15708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15709.html b/people/15709.html
index a8538aab..1068ff45 100644
--- a/people/15709.html
+++ b/people/15709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1571.html b/people/1571.html
index 8f7041b8..0539b345 100644
--- a/people/1571.html
+++ b/people/1571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15710.html b/people/15710.html
index 8cc24ba2..fef9eebd 100644
--- a/people/15710.html
+++ b/people/15710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15711.html b/people/15711.html
index 64989a18..15590282 100644
--- a/people/15711.html
+++ b/people/15711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15712.html b/people/15712.html
index 5e7fafca..ddb37228 100644
--- a/people/15712.html
+++ b/people/15712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15713.html b/people/15713.html
index 198b4661..6fbde3b8 100644
--- a/people/15713.html
+++ b/people/15713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15714.html b/people/15714.html
index f24eaf70..c0d393a0 100644
--- a/people/15714.html
+++ b/people/15714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15715.html b/people/15715.html
index 5e047d3e..3715092a 100644
--- a/people/15715.html
+++ b/people/15715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15716.html b/people/15716.html
index c3c24a40..3296deed 100644
--- a/people/15716.html
+++ b/people/15716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15717.html b/people/15717.html
index f0a2b48e..535d7191 100644
--- a/people/15717.html
+++ b/people/15717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15718.html b/people/15718.html
index 1cc9fc8c..8c3d3850 100644
--- a/people/15718.html
+++ b/people/15718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15719.html b/people/15719.html
index f1a25799..2bbba00e 100644
--- a/people/15719.html
+++ b/people/15719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1572.html b/people/1572.html
index e7b1258b..f8b615db 100644
--- a/people/1572.html
+++ b/people/1572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15720.html b/people/15720.html
index 0c9abe05..eda19ff4 100644
--- a/people/15720.html
+++ b/people/15720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15721.html b/people/15721.html
index 4644ac6d..c7501f1e 100644
--- a/people/15721.html
+++ b/people/15721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15722.html b/people/15722.html
index 49c6bfba..4c01d04d 100644
--- a/people/15722.html
+++ b/people/15722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15723.html b/people/15723.html
index 689575c0..502ab839 100644
--- a/people/15723.html
+++ b/people/15723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15724.html b/people/15724.html
index e7609e54..22e1db00 100644
--- a/people/15724.html
+++ b/people/15724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15725.html b/people/15725.html
index b43a1451..b778fbaf 100644
--- a/people/15725.html
+++ b/people/15725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15726.html b/people/15726.html
index 5f912220..1fd5bc76 100644
--- a/people/15726.html
+++ b/people/15726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15727.html b/people/15727.html
index 57b92b5d..a8871ea2 100644
--- a/people/15727.html
+++ b/people/15727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15728.html b/people/15728.html
index c9458157..4641be7e 100644
--- a/people/15728.html
+++ b/people/15728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15729.html b/people/15729.html
index e05feb76..2c2fb668 100644
--- a/people/15729.html
+++ b/people/15729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1573.html b/people/1573.html
index 9f79c8f6..232bf4f2 100644
--- a/people/1573.html
+++ b/people/1573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15730.html b/people/15730.html
index 622b5ed2..cb00c055 100644
--- a/people/15730.html
+++ b/people/15730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15731.html b/people/15731.html
index ed4df0bb..a59d3800 100644
--- a/people/15731.html
+++ b/people/15731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15732.html b/people/15732.html
index 16844948..754b145b 100644
--- a/people/15732.html
+++ b/people/15732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15733.html b/people/15733.html
index ee7fea35..36522f28 100644
--- a/people/15733.html
+++ b/people/15733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15734.html b/people/15734.html
index 014f8318..5277537e 100644
--- a/people/15734.html
+++ b/people/15734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15735.html b/people/15735.html
index 82c589b6..8e7280f9 100644
--- a/people/15735.html
+++ b/people/15735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15736.html b/people/15736.html
index 58cf8444..bcc357f5 100644
--- a/people/15736.html
+++ b/people/15736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15737.html b/people/15737.html
index 558cfd95..87981b09 100644
--- a/people/15737.html
+++ b/people/15737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15738.html b/people/15738.html
index 37d1b3f4..b969f07a 100644
--- a/people/15738.html
+++ b/people/15738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15739.html b/people/15739.html
index 5678b70f..e562bb97 100644
--- a/people/15739.html
+++ b/people/15739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1574.html b/people/1574.html
index d9500b1d..013f21dd 100644
--- a/people/1574.html
+++ b/people/1574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15740.html b/people/15740.html
index 1b001702..d3e9043a 100644
--- a/people/15740.html
+++ b/people/15740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15741.html b/people/15741.html
index e1307fe5..85b9df25 100644
--- a/people/15741.html
+++ b/people/15741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15742.html b/people/15742.html
index 173b3dfe..f878bf6e 100644
--- a/people/15742.html
+++ b/people/15742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15743.html b/people/15743.html
index 266018e4..cc3bad70 100644
--- a/people/15743.html
+++ b/people/15743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15744.html b/people/15744.html
index 3ae2111d..095e9ae6 100644
--- a/people/15744.html
+++ b/people/15744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15745.html b/people/15745.html
index fc42e531..b79b430c 100644
--- a/people/15745.html
+++ b/people/15745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15746.html b/people/15746.html
index a715636f..54eb7fc5 100644
--- a/people/15746.html
+++ b/people/15746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15747.html b/people/15747.html
index 94001a8a..9b7e51d1 100644
--- a/people/15747.html
+++ b/people/15747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15748.html b/people/15748.html
index 8d4beaff..4acfd8b2 100644
--- a/people/15748.html
+++ b/people/15748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15749.html b/people/15749.html
index d204d862..7269487b 100644
--- a/people/15749.html
+++ b/people/15749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1575.html b/people/1575.html
index 9c61ac9e..7b030fdc 100644
--- a/people/1575.html
+++ b/people/1575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15750.html b/people/15750.html
index 13201a00..cdeb4461 100644
--- a/people/15750.html
+++ b/people/15750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15751.html b/people/15751.html
index 50f2f94a..e7517fc6 100644
--- a/people/15751.html
+++ b/people/15751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15752.html b/people/15752.html
index 44fecf44..fbfe243e 100644
--- a/people/15752.html
+++ b/people/15752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15753.html b/people/15753.html
index ccea9b1e..40401ba3 100644
--- a/people/15753.html
+++ b/people/15753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15754.html b/people/15754.html
index ad805cbb..7285fdfa 100644
--- a/people/15754.html
+++ b/people/15754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15755.html b/people/15755.html
index 60320656..f9a86787 100644
--- a/people/15755.html
+++ b/people/15755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15756.html b/people/15756.html
index a1b3a8e6..37dd0af9 100644
--- a/people/15756.html
+++ b/people/15756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15757.html b/people/15757.html
index 31adc196..7e84b391 100644
--- a/people/15757.html
+++ b/people/15757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15758.html b/people/15758.html
index 6c8d72fc..2bcc270d 100644
--- a/people/15758.html
+++ b/people/15758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15759.html b/people/15759.html
index 27eef42e..95a64d9e 100644
--- a/people/15759.html
+++ b/people/15759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1576.html b/people/1576.html
index abcbf9a4..750fd5d9 100644
--- a/people/1576.html
+++ b/people/1576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15760.html b/people/15760.html
index 127847e1..84bbfeaa 100644
--- a/people/15760.html
+++ b/people/15760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15761.html b/people/15761.html
index ba429b3e..2f060454 100644
--- a/people/15761.html
+++ b/people/15761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15762.html b/people/15762.html
index b52a6f04..0713d6c0 100644
--- a/people/15762.html
+++ b/people/15762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15763.html b/people/15763.html
index 0e46ea60..dd0ac896 100644
--- a/people/15763.html
+++ b/people/15763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15764.html b/people/15764.html
index ba8ad11f..a315261d 100644
--- a/people/15764.html
+++ b/people/15764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15765.html b/people/15765.html
index ba9acca8..17857fd1 100644
--- a/people/15765.html
+++ b/people/15765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15766.html b/people/15766.html
index 1fb4efef..93836ac9 100644
--- a/people/15766.html
+++ b/people/15766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15767.html b/people/15767.html
index b0c615b8..bbdef04a 100644
--- a/people/15767.html
+++ b/people/15767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15768.html b/people/15768.html
index 986ade22..51e5f617 100644
--- a/people/15768.html
+++ b/people/15768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15769.html b/people/15769.html
index e1f81b3a..dc2236ce 100644
--- a/people/15769.html
+++ b/people/15769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1577.html b/people/1577.html
index 53291f77..11b8b194 100644
--- a/people/1577.html
+++ b/people/1577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15770.html b/people/15770.html
index dd779ea2..ba31c75e 100644
--- a/people/15770.html
+++ b/people/15770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15771.html b/people/15771.html
index ba3e4195..f7d11730 100644
--- a/people/15771.html
+++ b/people/15771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15772.html b/people/15772.html
index 717e00eb..e5ae88f3 100644
--- a/people/15772.html
+++ b/people/15772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15773.html b/people/15773.html
index 261bca3c..87a0320e 100644
--- a/people/15773.html
+++ b/people/15773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15774.html b/people/15774.html
index 47a23119..2edd1ef5 100644
--- a/people/15774.html
+++ b/people/15774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15775.html b/people/15775.html
index 6d51e4c8..f24e3fa6 100644
--- a/people/15775.html
+++ b/people/15775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15776.html b/people/15776.html
index 51b987d4..e3396784 100644
--- a/people/15776.html
+++ b/people/15776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15777.html b/people/15777.html
index 03170434..68909be1 100644
--- a/people/15777.html
+++ b/people/15777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15778.html b/people/15778.html
index f610f88c..5441e962 100644
--- a/people/15778.html
+++ b/people/15778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15779.html b/people/15779.html
index 77c07d6d..9f3e6291 100644
--- a/people/15779.html
+++ b/people/15779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1578.html b/people/1578.html
index 0ce91096..05709d01 100644
--- a/people/1578.html
+++ b/people/1578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15780.html b/people/15780.html
index f2009f37..4911a76e 100644
--- a/people/15780.html
+++ b/people/15780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15781.html b/people/15781.html
index 860506c4..04a757dd 100644
--- a/people/15781.html
+++ b/people/15781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15782.html b/people/15782.html
index c9914a8d..18301e04 100644
--- a/people/15782.html
+++ b/people/15782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15783.html b/people/15783.html
index 78629abd..9eec7c05 100644
--- a/people/15783.html
+++ b/people/15783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15784.html b/people/15784.html
index 0ed519c3..2e638b44 100644
--- a/people/15784.html
+++ b/people/15784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15785.html b/people/15785.html
index cb66a6ec..7a326ec2 100644
--- a/people/15785.html
+++ b/people/15785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15786.html b/people/15786.html
index 14b1a2ac..2d1c2613 100644
--- a/people/15786.html
+++ b/people/15786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15787.html b/people/15787.html
index d911820c..7db5320d 100644
--- a/people/15787.html
+++ b/people/15787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15788.html b/people/15788.html
index 982fd528..f19d57be 100644
--- a/people/15788.html
+++ b/people/15788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15789.html b/people/15789.html
index 38312322..8e09b484 100644
--- a/people/15789.html
+++ b/people/15789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1579.html b/people/1579.html
index 43033c65..6435c845 100644
--- a/people/1579.html
+++ b/people/1579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15790.html b/people/15790.html
index 042167f1..a3342935 100644
--- a/people/15790.html
+++ b/people/15790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15791.html b/people/15791.html
index 327b9099..8c9f50e6 100644
--- a/people/15791.html
+++ b/people/15791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15792.html b/people/15792.html
index a6640485..56577b88 100644
--- a/people/15792.html
+++ b/people/15792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15793.html b/people/15793.html
index 94ae5a83..31ee24be 100644
--- a/people/15793.html
+++ b/people/15793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15794.html b/people/15794.html
index 946f8cd8..8e152fa3 100644
--- a/people/15794.html
+++ b/people/15794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15795.html b/people/15795.html
index 72401f05..f4f434d6 100644
--- a/people/15795.html
+++ b/people/15795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15796.html b/people/15796.html
index c2e5af13..0822afad 100644
--- a/people/15796.html
+++ b/people/15796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15797.html b/people/15797.html
index 2345004a..8d4f7519 100644
--- a/people/15797.html
+++ b/people/15797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15798.html b/people/15798.html
index c158c3d4..301419f5 100644
--- a/people/15798.html
+++ b/people/15798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15799.html b/people/15799.html
index 31d3c97a..60ff0dac 100644
--- a/people/15799.html
+++ b/people/15799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/158.html b/people/158.html
index 69573952..4ef612be 100644
--- a/people/158.html
+++ b/people/158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1580.html b/people/1580.html
index f263ec05..667b928e 100644
--- a/people/1580.html
+++ b/people/1580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15800.html b/people/15800.html
index c2dab54c..9b5275d4 100644
--- a/people/15800.html
+++ b/people/15800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15801.html b/people/15801.html
index 036dca7e..3974309d 100644
--- a/people/15801.html
+++ b/people/15801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15802.html b/people/15802.html
index 5631d11e..fa0e2580 100644
--- a/people/15802.html
+++ b/people/15802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15803.html b/people/15803.html
index 6c08ba51..fa446899 100644
--- a/people/15803.html
+++ b/people/15803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15804.html b/people/15804.html
index adf6153b..29c61d22 100644
--- a/people/15804.html
+++ b/people/15804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15805.html b/people/15805.html
index 87b68520..205303f4 100644
--- a/people/15805.html
+++ b/people/15805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15806.html b/people/15806.html
index f1cfe0d7..8fd86115 100644
--- a/people/15806.html
+++ b/people/15806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15807.html b/people/15807.html
index a0e0ec9e..624ff769 100644
--- a/people/15807.html
+++ b/people/15807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15808.html b/people/15808.html
index a944c46a..1f09c96e 100644
--- a/people/15808.html
+++ b/people/15808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15809.html b/people/15809.html
index c8cb3125..4e0699df 100644
--- a/people/15809.html
+++ b/people/15809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1581.html b/people/1581.html
index b73d6efa..c872fd3b 100644
--- a/people/1581.html
+++ b/people/1581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15810.html b/people/15810.html
index 7527a00d..3375d85b 100644
--- a/people/15810.html
+++ b/people/15810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15811.html b/people/15811.html
index 5495f08b..cb3e3231 100644
--- a/people/15811.html
+++ b/people/15811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15812.html b/people/15812.html
index 07ce8f5f..212b1cec 100644
--- a/people/15812.html
+++ b/people/15812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15813.html b/people/15813.html
index dfa5f863..6a418dc2 100644
--- a/people/15813.html
+++ b/people/15813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15814.html b/people/15814.html
index 933f1127..3fe6b763 100644
--- a/people/15814.html
+++ b/people/15814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15815.html b/people/15815.html
index 727f2f8a..5fbcd0ed 100644
--- a/people/15815.html
+++ b/people/15815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15816.html b/people/15816.html
index 16f539e5..52bbaf3b 100644
--- a/people/15816.html
+++ b/people/15816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15817.html b/people/15817.html
index f5d21a2c..0adcf62c 100644
--- a/people/15817.html
+++ b/people/15817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15818.html b/people/15818.html
index aa2156e7..a3877152 100644
--- a/people/15818.html
+++ b/people/15818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15819.html b/people/15819.html
index 63117e38..e5f248a7 100644
--- a/people/15819.html
+++ b/people/15819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1582.html b/people/1582.html
index a99b5b63..2cb242d3 100644
--- a/people/1582.html
+++ b/people/1582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15820.html b/people/15820.html
index 0efd98c4..23688327 100644
--- a/people/15820.html
+++ b/people/15820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15821.html b/people/15821.html
index a09bfb89..832ec543 100644
--- a/people/15821.html
+++ b/people/15821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15822.html b/people/15822.html
index f9a043f6..bc36d8dd 100644
--- a/people/15822.html
+++ b/people/15822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15823.html b/people/15823.html
index 2b4cb83b..007d672b 100644
--- a/people/15823.html
+++ b/people/15823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15824.html b/people/15824.html
index 7925063e..59262190 100644
--- a/people/15824.html
+++ b/people/15824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15825.html b/people/15825.html
index c2374a65..73fbfdb7 100644
--- a/people/15825.html
+++ b/people/15825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15826.html b/people/15826.html
index 4b4712fd..45f657fd 100644
--- a/people/15826.html
+++ b/people/15826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15827.html b/people/15827.html
index 194ce954..a5088570 100644
--- a/people/15827.html
+++ b/people/15827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15828.html b/people/15828.html
index bc9789e9..df1df749 100644
--- a/people/15828.html
+++ b/people/15828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15829.html b/people/15829.html
index c7e17898..18748cdb 100644
--- a/people/15829.html
+++ b/people/15829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1583.html b/people/1583.html
index 3ed34f82..a8e57717 100644
--- a/people/1583.html
+++ b/people/1583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15830.html b/people/15830.html
index 4cd1efc4..f0ee5466 100644
--- a/people/15830.html
+++ b/people/15830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15831.html b/people/15831.html
index 658f9e53..81016e41 100644
--- a/people/15831.html
+++ b/people/15831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15832.html b/people/15832.html
index 40486a5e..5cff9815 100644
--- a/people/15832.html
+++ b/people/15832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15833.html b/people/15833.html
index 284f5f0d..4b1bfb71 100644
--- a/people/15833.html
+++ b/people/15833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15834.html b/people/15834.html
index 5549f48d..682fecec 100644
--- a/people/15834.html
+++ b/people/15834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15835.html b/people/15835.html
index 947f17ec..24ccf41f 100644
--- a/people/15835.html
+++ b/people/15835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15836.html b/people/15836.html
index 1b20c9ee..52fcb681 100644
--- a/people/15836.html
+++ b/people/15836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15837.html b/people/15837.html
index d97ae184..6242ec2a 100644
--- a/people/15837.html
+++ b/people/15837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15838.html b/people/15838.html
index 6973af8e..d00c4b29 100644
--- a/people/15838.html
+++ b/people/15838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15839.html b/people/15839.html
index 14554905..6f07c3f9 100644
--- a/people/15839.html
+++ b/people/15839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1584.html b/people/1584.html
index dba35894..fb5e76c6 100644
--- a/people/1584.html
+++ b/people/1584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15840.html b/people/15840.html
index 555b9b89..3ad2e606 100644
--- a/people/15840.html
+++ b/people/15840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15841.html b/people/15841.html
index ace194ee..eee420c2 100644
--- a/people/15841.html
+++ b/people/15841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15842.html b/people/15842.html
index 618bb5ec..ac13435b 100644
--- a/people/15842.html
+++ b/people/15842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15843.html b/people/15843.html
index b96bb0d1..25747af7 100644
--- a/people/15843.html
+++ b/people/15843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15844.html b/people/15844.html
index 7af987d1..0865c71b 100644
--- a/people/15844.html
+++ b/people/15844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15845.html b/people/15845.html
index 6e9df006..357518b2 100644
--- a/people/15845.html
+++ b/people/15845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15846.html b/people/15846.html
index 76e97b14..9916e032 100644
--- a/people/15846.html
+++ b/people/15846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15847.html b/people/15847.html
index 573e69cc..319bc8e1 100644
--- a/people/15847.html
+++ b/people/15847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15848.html b/people/15848.html
index c94f6f41..ebe90c82 100644
--- a/people/15848.html
+++ b/people/15848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15849.html b/people/15849.html
index 7f2105f4..0cccc643 100644
--- a/people/15849.html
+++ b/people/15849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1585.html b/people/1585.html
index 3a35fcc6..f82ca09c 100644
--- a/people/1585.html
+++ b/people/1585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15850.html b/people/15850.html
index f6091fa1..1d600cc7 100644
--- a/people/15850.html
+++ b/people/15850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15851.html b/people/15851.html
index c5920111..9bb35423 100644
--- a/people/15851.html
+++ b/people/15851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15852.html b/people/15852.html
index 8b461930..13b4acd7 100644
--- a/people/15852.html
+++ b/people/15852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15853.html b/people/15853.html
index a68a1aac..d9410ea8 100644
--- a/people/15853.html
+++ b/people/15853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15854.html b/people/15854.html
index 9f1d727d..ade513b9 100644
--- a/people/15854.html
+++ b/people/15854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15855.html b/people/15855.html
index d03140a6..6b00a63c 100644
--- a/people/15855.html
+++ b/people/15855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15856.html b/people/15856.html
index 1b0fabb2..de5bfedf 100644
--- a/people/15856.html
+++ b/people/15856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15857.html b/people/15857.html
index a3632c59..970b9d1e 100644
--- a/people/15857.html
+++ b/people/15857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15858.html b/people/15858.html
index d54d5f0c..d7b90af0 100644
--- a/people/15858.html
+++ b/people/15858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15859.html b/people/15859.html
index b46dfa26..41a74788 100644
--- a/people/15859.html
+++ b/people/15859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1586.html b/people/1586.html
index 331f2f74..ea1a7ca7 100644
--- a/people/1586.html
+++ b/people/1586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15860.html b/people/15860.html
index 9b752217..464d72da 100644
--- a/people/15860.html
+++ b/people/15860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15861.html b/people/15861.html
index fc8d7813..ca0e9c8a 100644
--- a/people/15861.html
+++ b/people/15861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15862.html b/people/15862.html
index 8ee46b58..e33cd9de 100644
--- a/people/15862.html
+++ b/people/15862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15863.html b/people/15863.html
index 4638cebc..9d1d3a59 100644
--- a/people/15863.html
+++ b/people/15863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15864.html b/people/15864.html
index 8722189e..0bcf5086 100644
--- a/people/15864.html
+++ b/people/15864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15865.html b/people/15865.html
index 9422980c..29b3e52b 100644
--- a/people/15865.html
+++ b/people/15865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15866.html b/people/15866.html
index b390e33c..6ad42fa5 100644
--- a/people/15866.html
+++ b/people/15866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15867.html b/people/15867.html
index f7a820ab..ce837943 100644
--- a/people/15867.html
+++ b/people/15867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15868.html b/people/15868.html
index 581895f3..e2d4b991 100644
--- a/people/15868.html
+++ b/people/15868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15869.html b/people/15869.html
index 881634c4..b06989c5 100644
--- a/people/15869.html
+++ b/people/15869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1587.html b/people/1587.html
index 3ebb41e5..4b78bb88 100644
--- a/people/1587.html
+++ b/people/1587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15870.html b/people/15870.html
index 70c12416..86377204 100644
--- a/people/15870.html
+++ b/people/15870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15871.html b/people/15871.html
index 734df107..1377e2b4 100644
--- a/people/15871.html
+++ b/people/15871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15872.html b/people/15872.html
index 49f24159..0f295aec 100644
--- a/people/15872.html
+++ b/people/15872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15873.html b/people/15873.html
index e06fa050..c9114787 100644
--- a/people/15873.html
+++ b/people/15873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15874.html b/people/15874.html
index 5d37285b..8f85f168 100644
--- a/people/15874.html
+++ b/people/15874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15875.html b/people/15875.html
index 09845822..1f237c35 100644
--- a/people/15875.html
+++ b/people/15875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15876.html b/people/15876.html
index 7e4b43ee..36c105c9 100644
--- a/people/15876.html
+++ b/people/15876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15877.html b/people/15877.html
index cae418cc..0439a467 100644
--- a/people/15877.html
+++ b/people/15877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15878.html b/people/15878.html
index 4473e4e3..3568b7cb 100644
--- a/people/15878.html
+++ b/people/15878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15879.html b/people/15879.html
index e143f45f..637d2233 100644
--- a/people/15879.html
+++ b/people/15879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1588.html b/people/1588.html
index f8685e2c..d3948c70 100644
--- a/people/1588.html
+++ b/people/1588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15880.html b/people/15880.html
index 9e2d1178..ab716e95 100644
--- a/people/15880.html
+++ b/people/15880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15881.html b/people/15881.html
index b63deaa2..93fcbb3f 100644
--- a/people/15881.html
+++ b/people/15881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15882.html b/people/15882.html
index 25641ee7..947a0bee 100644
--- a/people/15882.html
+++ b/people/15882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15883.html b/people/15883.html
index 5efa3aee..4104ead4 100644
--- a/people/15883.html
+++ b/people/15883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15884.html b/people/15884.html
index f95be44c..2b1311ff 100644
--- a/people/15884.html
+++ b/people/15884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15885.html b/people/15885.html
index 965ed4a7..5e3d2317 100644
--- a/people/15885.html
+++ b/people/15885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15886.html b/people/15886.html
index da8f6d27..16f1146f 100644
--- a/people/15886.html
+++ b/people/15886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15887.html b/people/15887.html
index b0947012..79e52bf9 100644
--- a/people/15887.html
+++ b/people/15887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15888.html b/people/15888.html
index f74b4f7b..1250cd15 100644
--- a/people/15888.html
+++ b/people/15888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15889.html b/people/15889.html
index c1cac34e..ffb9cdd8 100644
--- a/people/15889.html
+++ b/people/15889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1589.html b/people/1589.html
index e84aae82..f6211e9b 100644
--- a/people/1589.html
+++ b/people/1589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15890.html b/people/15890.html
index 64e53d24..638dbc98 100644
--- a/people/15890.html
+++ b/people/15890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15891.html b/people/15891.html
index d088dea1..4a4a6202 100644
--- a/people/15891.html
+++ b/people/15891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15892.html b/people/15892.html
index 90775fef..4157e7fd 100644
--- a/people/15892.html
+++ b/people/15892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15893.html b/people/15893.html
index b1b118ab..79300906 100644
--- a/people/15893.html
+++ b/people/15893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15894.html b/people/15894.html
index 4309c430..8b86321a 100644
--- a/people/15894.html
+++ b/people/15894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15895.html b/people/15895.html
index 20460d40..2bf41bce 100644
--- a/people/15895.html
+++ b/people/15895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15896.html b/people/15896.html
index 33e617bf..2bdbe3bb 100644
--- a/people/15896.html
+++ b/people/15896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15897.html b/people/15897.html
index c545f533..68db1f41 100644
--- a/people/15897.html
+++ b/people/15897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15898.html b/people/15898.html
index a7dafe76..198c9025 100644
--- a/people/15898.html
+++ b/people/15898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15899.html b/people/15899.html
index 14a11817..d3ec97f5 100644
--- a/people/15899.html
+++ b/people/15899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/159.html b/people/159.html
index 60e50c51..249fa953 100644
--- a/people/159.html
+++ b/people/159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1590.html b/people/1590.html
index 551a38c8..b9fa290f 100644
--- a/people/1590.html
+++ b/people/1590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15900.html b/people/15900.html
index 974ee8c3..2e9e3174 100644
--- a/people/15900.html
+++ b/people/15900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15901.html b/people/15901.html
index 65e7e43f..3aa5c20a 100644
--- a/people/15901.html
+++ b/people/15901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15902.html b/people/15902.html
index b32c9ca1..326d65e8 100644
--- a/people/15902.html
+++ b/people/15902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15903.html b/people/15903.html
index 796c189f..39add1bf 100644
--- a/people/15903.html
+++ b/people/15903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15904.html b/people/15904.html
index f5d92317..7f081ab4 100644
--- a/people/15904.html
+++ b/people/15904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15905.html b/people/15905.html
index 4c37c9d4..5d7ebb47 100644
--- a/people/15905.html
+++ b/people/15905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15906.html b/people/15906.html
index c4956689..e9672b66 100644
--- a/people/15906.html
+++ b/people/15906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15907.html b/people/15907.html
index 3eccdf67..ec89ec5c 100644
--- a/people/15907.html
+++ b/people/15907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15908.html b/people/15908.html
index 1b16f35b..0c198bb6 100644
--- a/people/15908.html
+++ b/people/15908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15909.html b/people/15909.html
index b43c0fd3..c31dc9ed 100644
--- a/people/15909.html
+++ b/people/15909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1591.html b/people/1591.html
index de730943..5eca1217 100644
--- a/people/1591.html
+++ b/people/1591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15910.html b/people/15910.html
index 02d836f7..ac8ff927 100644
--- a/people/15910.html
+++ b/people/15910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15911.html b/people/15911.html
index 8e8bfb97..2628ba39 100644
--- a/people/15911.html
+++ b/people/15911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15912.html b/people/15912.html
index 4e6b4762..3ba44086 100644
--- a/people/15912.html
+++ b/people/15912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15913.html b/people/15913.html
index 9696cff0..7088ccd6 100644
--- a/people/15913.html
+++ b/people/15913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15914.html b/people/15914.html
index e952c098..82d864b7 100644
--- a/people/15914.html
+++ b/people/15914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15915.html b/people/15915.html
index 7c6ca246..cf08dd11 100644
--- a/people/15915.html
+++ b/people/15915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15916.html b/people/15916.html
index 422e2457..5b479626 100644
--- a/people/15916.html
+++ b/people/15916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15917.html b/people/15917.html
index a5a714ee..abecc0f1 100644
--- a/people/15917.html
+++ b/people/15917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15918.html b/people/15918.html
index f438bca4..56984043 100644
--- a/people/15918.html
+++ b/people/15918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15919.html b/people/15919.html
index 361b843f..ec30c794 100644
--- a/people/15919.html
+++ b/people/15919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1592.html b/people/1592.html
index 1b294c49..3f8e341a 100644
--- a/people/1592.html
+++ b/people/1592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15920.html b/people/15920.html
index c3f9e266..040a8282 100644
--- a/people/15920.html
+++ b/people/15920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15921.html b/people/15921.html
index 54c03048..6785f80f 100644
--- a/people/15921.html
+++ b/people/15921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15922.html b/people/15922.html
index dd857221..219c920a 100644
--- a/people/15922.html
+++ b/people/15922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15923.html b/people/15923.html
index 1c0dcd04..833b6430 100644
--- a/people/15923.html
+++ b/people/15923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15924.html b/people/15924.html
index b508e71b..ac67cc1c 100644
--- a/people/15924.html
+++ b/people/15924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15925.html b/people/15925.html
index df105f3f..f7bd0860 100644
--- a/people/15925.html
+++ b/people/15925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15926.html b/people/15926.html
index d5cf0393..8cd34098 100644
--- a/people/15926.html
+++ b/people/15926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15927.html b/people/15927.html
index 3dd92141..4820ce23 100644
--- a/people/15927.html
+++ b/people/15927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15928.html b/people/15928.html
index c2d0768d..d4ac9bab 100644
--- a/people/15928.html
+++ b/people/15928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15929.html b/people/15929.html
index 2a4eb22a..0d161d55 100644
--- a/people/15929.html
+++ b/people/15929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1593.html b/people/1593.html
index 0879ed71..1727ca6e 100644
--- a/people/1593.html
+++ b/people/1593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15930.html b/people/15930.html
index 2722ba7a..62389109 100644
--- a/people/15930.html
+++ b/people/15930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15931.html b/people/15931.html
index 43db39a3..d3692cf4 100644
--- a/people/15931.html
+++ b/people/15931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15932.html b/people/15932.html
index 5f028637..a5b9caf5 100644
--- a/people/15932.html
+++ b/people/15932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15933.html b/people/15933.html
index 0af06cbe..9ee5b0a0 100644
--- a/people/15933.html
+++ b/people/15933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15934.html b/people/15934.html
index d944d796..ba01af2c 100644
--- a/people/15934.html
+++ b/people/15934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15935.html b/people/15935.html
index 9f0cc936..189052cb 100644
--- a/people/15935.html
+++ b/people/15935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15936.html b/people/15936.html
index 713b29e1..0d3a6c62 100644
--- a/people/15936.html
+++ b/people/15936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15937.html b/people/15937.html
index d54134d8..b7968ef4 100644
--- a/people/15937.html
+++ b/people/15937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15938.html b/people/15938.html
index a913fc7b..d62a9890 100644
--- a/people/15938.html
+++ b/people/15938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15939.html b/people/15939.html
index 36d5c2a3..c1b6b0ca 100644
--- a/people/15939.html
+++ b/people/15939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1594.html b/people/1594.html
index 4eb24d0c..58a847ce 100644
--- a/people/1594.html
+++ b/people/1594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15940.html b/people/15940.html
index 381d7a86..75a09add 100644
--- a/people/15940.html
+++ b/people/15940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15941.html b/people/15941.html
index c5fd85cb..b9609916 100644
--- a/people/15941.html
+++ b/people/15941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15942.html b/people/15942.html
index 180326d1..ae6b1aa6 100644
--- a/people/15942.html
+++ b/people/15942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15943.html b/people/15943.html
index 36b2da29..e36e5d1b 100644
--- a/people/15943.html
+++ b/people/15943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15944.html b/people/15944.html
index eb119a92..80da1d2d 100644
--- a/people/15944.html
+++ b/people/15944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15945.html b/people/15945.html
index b1c4ac9d..54a5dbe2 100644
--- a/people/15945.html
+++ b/people/15945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15946.html b/people/15946.html
index ae6ded92..44c9f993 100644
--- a/people/15946.html
+++ b/people/15946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15947.html b/people/15947.html
index 4f98b90c..a100aa2d 100644
--- a/people/15947.html
+++ b/people/15947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15948.html b/people/15948.html
index 2f7fd427..42b2de9a 100644
--- a/people/15948.html
+++ b/people/15948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15949.html b/people/15949.html
index ead06bf3..a4edcdb3 100644
--- a/people/15949.html
+++ b/people/15949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1595.html b/people/1595.html
index c6b182b2..58453128 100644
--- a/people/1595.html
+++ b/people/1595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15950.html b/people/15950.html
index d32d97e2..a2cfa790 100644
--- a/people/15950.html
+++ b/people/15950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15951.html b/people/15951.html
index 4ab8ca73..c4b0dfb5 100644
--- a/people/15951.html
+++ b/people/15951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15952.html b/people/15952.html
index 8569ec83..9bfc0182 100644
--- a/people/15952.html
+++ b/people/15952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15953.html b/people/15953.html
index 98b4acdf..26b9449e 100644
--- a/people/15953.html
+++ b/people/15953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15954.html b/people/15954.html
index 9285dd4c..03c02614 100644
--- a/people/15954.html
+++ b/people/15954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15955.html b/people/15955.html
index aa818fbd..1feba7f8 100644
--- a/people/15955.html
+++ b/people/15955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15956.html b/people/15956.html
index 5a86910c..ca6fa6ce 100644
--- a/people/15956.html
+++ b/people/15956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15957.html b/people/15957.html
index 3d23d0d0..992bf461 100644
--- a/people/15957.html
+++ b/people/15957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15958.html b/people/15958.html
index 9b817e03..776807a8 100644
--- a/people/15958.html
+++ b/people/15958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15959.html b/people/15959.html
index 5e099b69..a0dfa4a7 100644
--- a/people/15959.html
+++ b/people/15959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1596.html b/people/1596.html
index fbdadee1..8c067724 100644
--- a/people/1596.html
+++ b/people/1596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15960.html b/people/15960.html
index cee212d2..08255dd4 100644
--- a/people/15960.html
+++ b/people/15960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15961.html b/people/15961.html
index 6e1d3479..34346dbe 100644
--- a/people/15961.html
+++ b/people/15961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15962.html b/people/15962.html
index a81e7f57..79f372ee 100644
--- a/people/15962.html
+++ b/people/15962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15963.html b/people/15963.html
index e8ebbc9a..f88761c3 100644
--- a/people/15963.html
+++ b/people/15963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15964.html b/people/15964.html
index 6f38b64e..71119229 100644
--- a/people/15964.html
+++ b/people/15964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15965.html b/people/15965.html
index e28261a6..72081d7d 100644
--- a/people/15965.html
+++ b/people/15965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15966.html b/people/15966.html
index 3612d8a7..bbeeb4b4 100644
--- a/people/15966.html
+++ b/people/15966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15967.html b/people/15967.html
index 9ae6d3c0..ae6b005b 100644
--- a/people/15967.html
+++ b/people/15967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15968.html b/people/15968.html
index a48cda0b..924a24ed 100644
--- a/people/15968.html
+++ b/people/15968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15969.html b/people/15969.html
index 808b80a6..fbbeed6b 100644
--- a/people/15969.html
+++ b/people/15969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1597.html b/people/1597.html
index 11ddb72b..1a2d78e7 100644
--- a/people/1597.html
+++ b/people/1597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15970.html b/people/15970.html
index 1a06bcaf..177e09b6 100644
--- a/people/15970.html
+++ b/people/15970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15971.html b/people/15971.html
index 892b9d09..6ad008e9 100644
--- a/people/15971.html
+++ b/people/15971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15972.html b/people/15972.html
index 205c91ad..e181e69c 100644
--- a/people/15972.html
+++ b/people/15972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15973.html b/people/15973.html
index db689efe..b5c8265d 100644
--- a/people/15973.html
+++ b/people/15973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15974.html b/people/15974.html
index d7ece00f..6282ea70 100644
--- a/people/15974.html
+++ b/people/15974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15975.html b/people/15975.html
index ee54fc8d..d1fe38bf 100644
--- a/people/15975.html
+++ b/people/15975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15976.html b/people/15976.html
index 2ce291de..e28c6753 100644
--- a/people/15976.html
+++ b/people/15976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15977.html b/people/15977.html
index 59166b4d..44d33964 100644
--- a/people/15977.html
+++ b/people/15977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15978.html b/people/15978.html
index 1eab8204..281e0024 100644
--- a/people/15978.html
+++ b/people/15978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15979.html b/people/15979.html
index 985abb70..6c0e0a06 100644
--- a/people/15979.html
+++ b/people/15979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1598.html b/people/1598.html
index 1751a6a1..9ef9c49a 100644
--- a/people/1598.html
+++ b/people/1598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15980.html b/people/15980.html
index 68b18efd..e3f290e9 100644
--- a/people/15980.html
+++ b/people/15980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15981.html b/people/15981.html
index d2c69281..2273f47d 100644
--- a/people/15981.html
+++ b/people/15981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15982.html b/people/15982.html
index c13a6cce..1f50e12a 100644
--- a/people/15982.html
+++ b/people/15982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15983.html b/people/15983.html
index 498f6d4b..9502e2d2 100644
--- a/people/15983.html
+++ b/people/15983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15984.html b/people/15984.html
index 45b0149b..b371c320 100644
--- a/people/15984.html
+++ b/people/15984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15985.html b/people/15985.html
index 9658ceeb..24c15a39 100644
--- a/people/15985.html
+++ b/people/15985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15986.html b/people/15986.html
index cfa5e8c7..11c5106b 100644
--- a/people/15986.html
+++ b/people/15986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15987.html b/people/15987.html
index 99603a4d..71ff7f80 100644
--- a/people/15987.html
+++ b/people/15987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15988.html b/people/15988.html
index 2b2e5083..a9474f11 100644
--- a/people/15988.html
+++ b/people/15988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15989.html b/people/15989.html
index ee9912bf..b266c9a0 100644
--- a/people/15989.html
+++ b/people/15989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1599.html b/people/1599.html
index 5b80fa8a..2965551f 100644
--- a/people/1599.html
+++ b/people/1599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15990.html b/people/15990.html
index 7d8ee43b..1e04249b 100644
--- a/people/15990.html
+++ b/people/15990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15991.html b/people/15991.html
index 4d881e1e..7ba1d593 100644
--- a/people/15991.html
+++ b/people/15991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15992.html b/people/15992.html
index 618674ba..7250f4b0 100644
--- a/people/15992.html
+++ b/people/15992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15993.html b/people/15993.html
index 66464afd..3e54a1b9 100644
--- a/people/15993.html
+++ b/people/15993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15994.html b/people/15994.html
index 5ae59af1..19b397fa 100644
--- a/people/15994.html
+++ b/people/15994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15995.html b/people/15995.html
index d07d3515..e58c735e 100644
--- a/people/15995.html
+++ b/people/15995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15996.html b/people/15996.html
index 47d78fac..11523e87 100644
--- a/people/15996.html
+++ b/people/15996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15997.html b/people/15997.html
index 01242430..1b50b567 100644
--- a/people/15997.html
+++ b/people/15997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15998.html b/people/15998.html
index d5a5adab..740340ba 100644
--- a/people/15998.html
+++ b/people/15998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/15999.html b/people/15999.html
index e0a21921..7e46529e 100644
--- a/people/15999.html
+++ b/people/15999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16.html b/people/16.html
index cdd20e95..419715b2 100644
--- a/people/16.html
+++ b/people/16.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/160.html b/people/160.html
index 109d2d37..fa7923de 100644
--- a/people/160.html
+++ b/people/160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1600.html b/people/1600.html
index 65a2e749..94162690 100644
--- a/people/1600.html
+++ b/people/1600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16000.html b/people/16000.html
index 02b7f81d..94719dca 100644
--- a/people/16000.html
+++ b/people/16000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16001.html b/people/16001.html
index 0a32a7a4..5cb85f31 100644
--- a/people/16001.html
+++ b/people/16001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16002.html b/people/16002.html
index adcc1bb1..3df8245c 100644
--- a/people/16002.html
+++ b/people/16002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16003.html b/people/16003.html
index 68452af8..aafe3e16 100644
--- a/people/16003.html
+++ b/people/16003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16004.html b/people/16004.html
index fe745957..31f4a233 100644
--- a/people/16004.html
+++ b/people/16004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16005.html b/people/16005.html
index 235e393e..f3001e62 100644
--- a/people/16005.html
+++ b/people/16005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16006.html b/people/16006.html
index f9c0ca2f..a19f27d8 100644
--- a/people/16006.html
+++ b/people/16006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16007.html b/people/16007.html
index 2ee1522e..3d2ee4b3 100644
--- a/people/16007.html
+++ b/people/16007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16008.html b/people/16008.html
index ac28c264..7e287f1f 100644
--- a/people/16008.html
+++ b/people/16008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16009.html b/people/16009.html
index e7bebc77..fd06adfd 100644
--- a/people/16009.html
+++ b/people/16009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1601.html b/people/1601.html
index 72cff628..a715602a 100644
--- a/people/1601.html
+++ b/people/1601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16010.html b/people/16010.html
index 40ca24da..ece489a6 100644
--- a/people/16010.html
+++ b/people/16010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16011.html b/people/16011.html
index 999d07a1..481c5a69 100644
--- a/people/16011.html
+++ b/people/16011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16012.html b/people/16012.html
index 77595ad4..6de4d65f 100644
--- a/people/16012.html
+++ b/people/16012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16013.html b/people/16013.html
index cdaca08d..d43a35ae 100644
--- a/people/16013.html
+++ b/people/16013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16014.html b/people/16014.html
index 1941f21a..3cf7d55b 100644
--- a/people/16014.html
+++ b/people/16014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16015.html b/people/16015.html
index 9e8b360c..c1b5a8b3 100644
--- a/people/16015.html
+++ b/people/16015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16016.html b/people/16016.html
index 6fbbb7d5..b9697db1 100644
--- a/people/16016.html
+++ b/people/16016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16017.html b/people/16017.html
index f6efde6a..132dc705 100644
--- a/people/16017.html
+++ b/people/16017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16018.html b/people/16018.html
index 1b17ab20..269426b3 100644
--- a/people/16018.html
+++ b/people/16018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16019.html b/people/16019.html
index e771d5c4..f032e7c1 100644
--- a/people/16019.html
+++ b/people/16019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1602.html b/people/1602.html
index 376f35e8..6ec57619 100644
--- a/people/1602.html
+++ b/people/1602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16020.html b/people/16020.html
index ec4d4a05..760d809e 100644
--- a/people/16020.html
+++ b/people/16020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16021.html b/people/16021.html
index 9789223a..9d8d21f4 100644
--- a/people/16021.html
+++ b/people/16021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16022.html b/people/16022.html
index eb357f34..c008f0e5 100644
--- a/people/16022.html
+++ b/people/16022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16023.html b/people/16023.html
index 7de13440..3ff8a0b4 100644
--- a/people/16023.html
+++ b/people/16023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16024.html b/people/16024.html
index c2df2c2e..f75c01c5 100644
--- a/people/16024.html
+++ b/people/16024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16025.html b/people/16025.html
index 906405e8..cb54134e 100644
--- a/people/16025.html
+++ b/people/16025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16026.html b/people/16026.html
index ffda246c..e117f726 100644
--- a/people/16026.html
+++ b/people/16026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16027.html b/people/16027.html
index 769f72cd..a39b0d0e 100644
--- a/people/16027.html
+++ b/people/16027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16028.html b/people/16028.html
index 059962aa..00a53516 100644
--- a/people/16028.html
+++ b/people/16028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16029.html b/people/16029.html
index 86c695a6..35e77557 100644
--- a/people/16029.html
+++ b/people/16029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1603.html b/people/1603.html
index 2bbd2916..b7c543fe 100644
--- a/people/1603.html
+++ b/people/1603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16030.html b/people/16030.html
index fd99a2e6..3e6941f8 100644
--- a/people/16030.html
+++ b/people/16030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16031.html b/people/16031.html
index 304728ee..13267cda 100644
--- a/people/16031.html
+++ b/people/16031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16032.html b/people/16032.html
index 825bd7c8..4e8bab91 100644
--- a/people/16032.html
+++ b/people/16032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16033.html b/people/16033.html
index 5ad0e370..d14e6eeb 100644
--- a/people/16033.html
+++ b/people/16033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16034.html b/people/16034.html
index 71b77dd6..85137d0b 100644
--- a/people/16034.html
+++ b/people/16034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16035.html b/people/16035.html
index a1c33275..a40bfd0a 100644
--- a/people/16035.html
+++ b/people/16035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16036.html b/people/16036.html
index 2f137cfe..49b57427 100644
--- a/people/16036.html
+++ b/people/16036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16037.html b/people/16037.html
index 4425bdd7..38e708b1 100644
--- a/people/16037.html
+++ b/people/16037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16038.html b/people/16038.html
index 6efecc19..24f1035f 100644
--- a/people/16038.html
+++ b/people/16038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16039.html b/people/16039.html
index db78b60d..1961348a 100644
--- a/people/16039.html
+++ b/people/16039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1604.html b/people/1604.html
index a6baeb49..a3353fe2 100644
--- a/people/1604.html
+++ b/people/1604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16040.html b/people/16040.html
index 779f87cc..b50a0b00 100644
--- a/people/16040.html
+++ b/people/16040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16041.html b/people/16041.html
index 33e44977..717d8112 100644
--- a/people/16041.html
+++ b/people/16041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16042.html b/people/16042.html
index 968f7f52..3fd0f4da 100644
--- a/people/16042.html
+++ b/people/16042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16043.html b/people/16043.html
index 2e08a4d1..47fc6de8 100644
--- a/people/16043.html
+++ b/people/16043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16044.html b/people/16044.html
index 6602b394..6b63c386 100644
--- a/people/16044.html
+++ b/people/16044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16045.html b/people/16045.html
index 68acd164..6fa00548 100644
--- a/people/16045.html
+++ b/people/16045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16046.html b/people/16046.html
index ec51c963..1c1f5512 100644
--- a/people/16046.html
+++ b/people/16046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16047.html b/people/16047.html
index 61830861..da41c40b 100644
--- a/people/16047.html
+++ b/people/16047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16048.html b/people/16048.html
index a9f5ef99..4ad7ccf5 100644
--- a/people/16048.html
+++ b/people/16048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16049.html b/people/16049.html
index 22fd92d0..f6e6a19d 100644
--- a/people/16049.html
+++ b/people/16049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1605.html b/people/1605.html
index 4ed7f51c..6ffa8b5e 100644
--- a/people/1605.html
+++ b/people/1605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16050.html b/people/16050.html
index af7a862c..b34c4a55 100644
--- a/people/16050.html
+++ b/people/16050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16051.html b/people/16051.html
index e41e643d..3201c569 100644
--- a/people/16051.html
+++ b/people/16051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16052.html b/people/16052.html
index ead05fee..e5779889 100644
--- a/people/16052.html
+++ b/people/16052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16053.html b/people/16053.html
index 827220de..60f05b05 100644
--- a/people/16053.html
+++ b/people/16053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16054.html b/people/16054.html
index fe75c30c..ac02e7ed 100644
--- a/people/16054.html
+++ b/people/16054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16055.html b/people/16055.html
index eda66a7f..42f216d7 100644
--- a/people/16055.html
+++ b/people/16055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16056.html b/people/16056.html
index d4798fd1..6a26e362 100644
--- a/people/16056.html
+++ b/people/16056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16057.html b/people/16057.html
index cdecfc93..2798431c 100644
--- a/people/16057.html
+++ b/people/16057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16058.html b/people/16058.html
index 376cf207..7c60d8b4 100644
--- a/people/16058.html
+++ b/people/16058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16059.html b/people/16059.html
index 423f3ff7..bc194770 100644
--- a/people/16059.html
+++ b/people/16059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1606.html b/people/1606.html
index d1565f6f..4cb2f851 100644
--- a/people/1606.html
+++ b/people/1606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16060.html b/people/16060.html
index 8174cfa9..ef9de8e5 100644
--- a/people/16060.html
+++ b/people/16060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16061.html b/people/16061.html
index 2b1bd021..a7b59047 100644
--- a/people/16061.html
+++ b/people/16061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16062.html b/people/16062.html
index 87eb401d..8d1df050 100644
--- a/people/16062.html
+++ b/people/16062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16063.html b/people/16063.html
index 39a069e6..35e0afde 100644
--- a/people/16063.html
+++ b/people/16063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16064.html b/people/16064.html
index ba4b2d09..cae3b268 100644
--- a/people/16064.html
+++ b/people/16064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16065.html b/people/16065.html
index a1e946df..7b59efe8 100644
--- a/people/16065.html
+++ b/people/16065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16066.html b/people/16066.html
index e718ad26..165c803b 100644
--- a/people/16066.html
+++ b/people/16066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16067.html b/people/16067.html
index a9de8c45..57f61b40 100644
--- a/people/16067.html
+++ b/people/16067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16068.html b/people/16068.html
index a744b8ab..2fb7649c 100644
--- a/people/16068.html
+++ b/people/16068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16069.html b/people/16069.html
index 82ca19e6..c833b794 100644
--- a/people/16069.html
+++ b/people/16069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1607.html b/people/1607.html
index 19e2ecd5..86c7acc7 100644
--- a/people/1607.html
+++ b/people/1607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16070.html b/people/16070.html
index 499a9a08..675298c6 100644
--- a/people/16070.html
+++ b/people/16070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16071.html b/people/16071.html
index 82953261..20b1bc60 100644
--- a/people/16071.html
+++ b/people/16071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16072.html b/people/16072.html
index c93bad8d..033bac2d 100644
--- a/people/16072.html
+++ b/people/16072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16073.html b/people/16073.html
index 4671b249..a9a99779 100644
--- a/people/16073.html
+++ b/people/16073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16074.html b/people/16074.html
index 5c73a86a..81b3a912 100644
--- a/people/16074.html
+++ b/people/16074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16075.html b/people/16075.html
index aec1cf6e..4b1dc398 100644
--- a/people/16075.html
+++ b/people/16075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16076.html b/people/16076.html
index bebd6c29..76913123 100644
--- a/people/16076.html
+++ b/people/16076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16077.html b/people/16077.html
index 337ba095..cce7eb2b 100644
--- a/people/16077.html
+++ b/people/16077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16078.html b/people/16078.html
index 2ae7d219..b8e19a25 100644
--- a/people/16078.html
+++ b/people/16078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16079.html b/people/16079.html
index e0b644cb..bd823077 100644
--- a/people/16079.html
+++ b/people/16079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1608.html b/people/1608.html
index 3014656b..90e4413f 100644
--- a/people/1608.html
+++ b/people/1608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16080.html b/people/16080.html
index c1d60b6d..a2858033 100644
--- a/people/16080.html
+++ b/people/16080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16081.html b/people/16081.html
index 9ab4e6c6..587da92b 100644
--- a/people/16081.html
+++ b/people/16081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16082.html b/people/16082.html
index 9e657710..0f1b8d3f 100644
--- a/people/16082.html
+++ b/people/16082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16083.html b/people/16083.html
index 283e60a3..96998bc4 100644
--- a/people/16083.html
+++ b/people/16083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16084.html b/people/16084.html
index 4a550416..4da9014a 100644
--- a/people/16084.html
+++ b/people/16084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16085.html b/people/16085.html
index 8c00a9ab..371ab368 100644
--- a/people/16085.html
+++ b/people/16085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16086.html b/people/16086.html
index 00fabd4a..6382f762 100644
--- a/people/16086.html
+++ b/people/16086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16087.html b/people/16087.html
index 60e18598..b11c76f3 100644
--- a/people/16087.html
+++ b/people/16087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16088.html b/people/16088.html
index d2ffdf85..0068604d 100644
--- a/people/16088.html
+++ b/people/16088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16089.html b/people/16089.html
index 86e1b272..7f75932c 100644
--- a/people/16089.html
+++ b/people/16089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1609.html b/people/1609.html
index ba384b5c..4520d9f1 100644
--- a/people/1609.html
+++ b/people/1609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16090.html b/people/16090.html
index faa40933..78ba9388 100644
--- a/people/16090.html
+++ b/people/16090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16091.html b/people/16091.html
index 1901e0f8..c59716a2 100644
--- a/people/16091.html
+++ b/people/16091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16092.html b/people/16092.html
index e56f7982..7afe5fb7 100644
--- a/people/16092.html
+++ b/people/16092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16093.html b/people/16093.html
index 89be1fa7..3e37cac5 100644
--- a/people/16093.html
+++ b/people/16093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16094.html b/people/16094.html
index 71c1f129..c77a6209 100644
--- a/people/16094.html
+++ b/people/16094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16095.html b/people/16095.html
index f4fa4f48..a9a4edab 100644
--- a/people/16095.html
+++ b/people/16095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16096.html b/people/16096.html
index a6b286e3..f0c461fd 100644
--- a/people/16096.html
+++ b/people/16096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16097.html b/people/16097.html
index 5c01aaa5..d2ace50a 100644
--- a/people/16097.html
+++ b/people/16097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16098.html b/people/16098.html
index 292f6a2c..855f679e 100644
--- a/people/16098.html
+++ b/people/16098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16099.html b/people/16099.html
index 5ef3a1ad..6db0a946 100644
--- a/people/16099.html
+++ b/people/16099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/161.html b/people/161.html
index 472c5c73..0e033f06 100644
--- a/people/161.html
+++ b/people/161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1610.html b/people/1610.html
index 32f3ac3c..a042a589 100644
--- a/people/1610.html
+++ b/people/1610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16100.html b/people/16100.html
index 2c47365f..520fe78d 100644
--- a/people/16100.html
+++ b/people/16100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16101.html b/people/16101.html
index 653d3127..c82df56b 100644
--- a/people/16101.html
+++ b/people/16101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16102.html b/people/16102.html
index d2ab724e..54b005f2 100644
--- a/people/16102.html
+++ b/people/16102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16103.html b/people/16103.html
index 687ed242..f2d79823 100644
--- a/people/16103.html
+++ b/people/16103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16104.html b/people/16104.html
index 636ac5b5..2fbecdd0 100644
--- a/people/16104.html
+++ b/people/16104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16105.html b/people/16105.html
index d2fde161..4ba2b108 100644
--- a/people/16105.html
+++ b/people/16105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16106.html b/people/16106.html
index 2ab943ef..1ae47726 100644
--- a/people/16106.html
+++ b/people/16106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16107.html b/people/16107.html
index 45b8db12..eeade05f 100644
--- a/people/16107.html
+++ b/people/16107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16108.html b/people/16108.html
index cb76e17b..788f3f2b 100644
--- a/people/16108.html
+++ b/people/16108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16109.html b/people/16109.html
index ce035442..173d175b 100644
--- a/people/16109.html
+++ b/people/16109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1611.html b/people/1611.html
index bcea8859..4ea17004 100644
--- a/people/1611.html
+++ b/people/1611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16110.html b/people/16110.html
index aaddbe40..2b2b734d 100644
--- a/people/16110.html
+++ b/people/16110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16111.html b/people/16111.html
index 75b5e780..e597554e 100644
--- a/people/16111.html
+++ b/people/16111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16112.html b/people/16112.html
index 0ab8307d..e75d4b44 100644
--- a/people/16112.html
+++ b/people/16112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16113.html b/people/16113.html
index 32579b82..b474a297 100644
--- a/people/16113.html
+++ b/people/16113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16114.html b/people/16114.html
index 52f1dc13..d0ff2c75 100644
--- a/people/16114.html
+++ b/people/16114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16115.html b/people/16115.html
index 03354bbb..1cb74542 100644
--- a/people/16115.html
+++ b/people/16115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16116.html b/people/16116.html
index 9b827f1e..bad1bb4b 100644
--- a/people/16116.html
+++ b/people/16116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16117.html b/people/16117.html
index 7f15e44f..f3b0407e 100644
--- a/people/16117.html
+++ b/people/16117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16118.html b/people/16118.html
index 573950de..3150f11e 100644
--- a/people/16118.html
+++ b/people/16118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16119.html b/people/16119.html
index 0c11fc82..46eda7cf 100644
--- a/people/16119.html
+++ b/people/16119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1612.html b/people/1612.html
index 8d7e1f15..6444cb37 100644
--- a/people/1612.html
+++ b/people/1612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16120.html b/people/16120.html
index 6363cd72..d618ac0e 100644
--- a/people/16120.html
+++ b/people/16120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16121.html b/people/16121.html
index 8f4cb192..768d52e2 100644
--- a/people/16121.html
+++ b/people/16121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16122.html b/people/16122.html
index e7911750..3b39decb 100644
--- a/people/16122.html
+++ b/people/16122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16123.html b/people/16123.html
index b03cb7d2..f6235441 100644
--- a/people/16123.html
+++ b/people/16123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16124.html b/people/16124.html
index e75f2ed1..5dfd4ada 100644
--- a/people/16124.html
+++ b/people/16124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16125.html b/people/16125.html
index c82ca3c8..65e0781a 100644
--- a/people/16125.html
+++ b/people/16125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16126.html b/people/16126.html
index 9ea43e48..51389085 100644
--- a/people/16126.html
+++ b/people/16126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16127.html b/people/16127.html
index 3d5fd48d..fc3f26b8 100644
--- a/people/16127.html
+++ b/people/16127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16128.html b/people/16128.html
index d19c70de..5a1e4376 100644
--- a/people/16128.html
+++ b/people/16128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16129.html b/people/16129.html
index dc030fae..c7b98755 100644
--- a/people/16129.html
+++ b/people/16129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1613.html b/people/1613.html
index b0aad265..3e5b409b 100644
--- a/people/1613.html
+++ b/people/1613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16130.html b/people/16130.html
index c2d15e7f..929c37d9 100644
--- a/people/16130.html
+++ b/people/16130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16131.html b/people/16131.html
index e3ad1380..b030bc32 100644
--- a/people/16131.html
+++ b/people/16131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16132.html b/people/16132.html
index f185d9e3..8d40aa33 100644
--- a/people/16132.html
+++ b/people/16132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16133.html b/people/16133.html
index 0042f4f5..b4ba938f 100644
--- a/people/16133.html
+++ b/people/16133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16134.html b/people/16134.html
index b6982219..95bc1183 100644
--- a/people/16134.html
+++ b/people/16134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16135.html b/people/16135.html
index 3bb210aa..ffa43466 100644
--- a/people/16135.html
+++ b/people/16135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16136.html b/people/16136.html
index 7a3eee5a..efaca8d2 100644
--- a/people/16136.html
+++ b/people/16136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16137.html b/people/16137.html
index 09419319..1693446d 100644
--- a/people/16137.html
+++ b/people/16137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16138.html b/people/16138.html
index 830de1a9..193e7f91 100644
--- a/people/16138.html
+++ b/people/16138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16139.html b/people/16139.html
index 79fd10ec..6218cd8e 100644
--- a/people/16139.html
+++ b/people/16139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1614.html b/people/1614.html
index fad598d1..1630dc35 100644
--- a/people/1614.html
+++ b/people/1614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16140.html b/people/16140.html
index 212db5ac..a6dbf861 100644
--- a/people/16140.html
+++ b/people/16140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16141.html b/people/16141.html
index c17d33c8..6edbd788 100644
--- a/people/16141.html
+++ b/people/16141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16142.html b/people/16142.html
index dd1cb71e..f956eb5d 100644
--- a/people/16142.html
+++ b/people/16142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16143.html b/people/16143.html
index 48518c29..03420e92 100644
--- a/people/16143.html
+++ b/people/16143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16144.html b/people/16144.html
index b3dbc16c..968ceda5 100644
--- a/people/16144.html
+++ b/people/16144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16145.html b/people/16145.html
index 64dd5e9f..bf16b61a 100644
--- a/people/16145.html
+++ b/people/16145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16146.html b/people/16146.html
index 4c004734..563eeea6 100644
--- a/people/16146.html
+++ b/people/16146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16147.html b/people/16147.html
index c54ade2a..00f12159 100644
--- a/people/16147.html
+++ b/people/16147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16148.html b/people/16148.html
index 9a5838f8..728f16cf 100644
--- a/people/16148.html
+++ b/people/16148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16149.html b/people/16149.html
index 0e01c6af..f225f491 100644
--- a/people/16149.html
+++ b/people/16149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1615.html b/people/1615.html
index fcf5802d..045771b6 100644
--- a/people/1615.html
+++ b/people/1615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16150.html b/people/16150.html
index 21a979f0..b8bef4a4 100644
--- a/people/16150.html
+++ b/people/16150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16151.html b/people/16151.html
index 5af89759..fee6865f 100644
--- a/people/16151.html
+++ b/people/16151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16152.html b/people/16152.html
index 95f4d9c9..d408d5ce 100644
--- a/people/16152.html
+++ b/people/16152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16153.html b/people/16153.html
index df7f1f38..8a5a8314 100644
--- a/people/16153.html
+++ b/people/16153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16154.html b/people/16154.html
index ed61e7cd..32476e67 100644
--- a/people/16154.html
+++ b/people/16154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16155.html b/people/16155.html
index 42c52702..ff66e149 100644
--- a/people/16155.html
+++ b/people/16155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16156.html b/people/16156.html
index 9db6fe1d..53bd157e 100644
--- a/people/16156.html
+++ b/people/16156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16157.html b/people/16157.html
index f17e542a..7bcfbb30 100644
--- a/people/16157.html
+++ b/people/16157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16158.html b/people/16158.html
index 68e7270a..dcafa242 100644
--- a/people/16158.html
+++ b/people/16158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16159.html b/people/16159.html
index 17227e62..10ab624e 100644
--- a/people/16159.html
+++ b/people/16159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1616.html b/people/1616.html
index e6f9cdd6..e7748801 100644
--- a/people/1616.html
+++ b/people/1616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16160.html b/people/16160.html
index d36f6d1f..bd864456 100644
--- a/people/16160.html
+++ b/people/16160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16161.html b/people/16161.html
index 0323f915..8e9b0b56 100644
--- a/people/16161.html
+++ b/people/16161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16162.html b/people/16162.html
index d5115e98..750ceffb 100644
--- a/people/16162.html
+++ b/people/16162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16163.html b/people/16163.html
index 3206ade0..bf51579b 100644
--- a/people/16163.html
+++ b/people/16163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16164.html b/people/16164.html
index ae18b3a8..2097dbdd 100644
--- a/people/16164.html
+++ b/people/16164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16165.html b/people/16165.html
index be8181fa..8fe7cc85 100644
--- a/people/16165.html
+++ b/people/16165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16166.html b/people/16166.html
index 84f4b264..64b41270 100644
--- a/people/16166.html
+++ b/people/16166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16167.html b/people/16167.html
index bd1f7939..464ad54f 100644
--- a/people/16167.html
+++ b/people/16167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16168.html b/people/16168.html
index cc6257e0..08c0da24 100644
--- a/people/16168.html
+++ b/people/16168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16169.html b/people/16169.html
index a7940a2d..c5737b54 100644
--- a/people/16169.html
+++ b/people/16169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1617.html b/people/1617.html
index 6c423a72..bbb48b26 100644
--- a/people/1617.html
+++ b/people/1617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16170.html b/people/16170.html
index ff93b644..03c03505 100644
--- a/people/16170.html
+++ b/people/16170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16171.html b/people/16171.html
index aaffd75d..6c4254f9 100644
--- a/people/16171.html
+++ b/people/16171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16172.html b/people/16172.html
index 2af290ce..8cfc80b6 100644
--- a/people/16172.html
+++ b/people/16172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16173.html b/people/16173.html
index f888cb05..2eb77edf 100644
--- a/people/16173.html
+++ b/people/16173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16174.html b/people/16174.html
index e4137d2e..fbd3fc13 100644
--- a/people/16174.html
+++ b/people/16174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16175.html b/people/16175.html
index 8ccb117b..0fea9eab 100644
--- a/people/16175.html
+++ b/people/16175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16176.html b/people/16176.html
index 4ec4eb22..41adcc5b 100644
--- a/people/16176.html
+++ b/people/16176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16177.html b/people/16177.html
index b0f5f52c..a2e64395 100644
--- a/people/16177.html
+++ b/people/16177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16178.html b/people/16178.html
index d007a3c1..fe09320c 100644
--- a/people/16178.html
+++ b/people/16178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16179.html b/people/16179.html
index afd88b47..ad87ec10 100644
--- a/people/16179.html
+++ b/people/16179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1618.html b/people/1618.html
index 072e1ccf..66e5b3f2 100644
--- a/people/1618.html
+++ b/people/1618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16180.html b/people/16180.html
index 107812ca..bb2d8380 100644
--- a/people/16180.html
+++ b/people/16180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16181.html b/people/16181.html
index 4172d2cd..7621a240 100644
--- a/people/16181.html
+++ b/people/16181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16182.html b/people/16182.html
index 457191f5..636d7380 100644
--- a/people/16182.html
+++ b/people/16182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16183.html b/people/16183.html
index 610f4fa5..c221c451 100644
--- a/people/16183.html
+++ b/people/16183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16184.html b/people/16184.html
index 27aaf50c..b276cd14 100644
--- a/people/16184.html
+++ b/people/16184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16185.html b/people/16185.html
index 23699fe4..0723687b 100644
--- a/people/16185.html
+++ b/people/16185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16186.html b/people/16186.html
index 37180287..45c06a59 100644
--- a/people/16186.html
+++ b/people/16186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16187.html b/people/16187.html
index c449fdee..c0591307 100644
--- a/people/16187.html
+++ b/people/16187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16188.html b/people/16188.html
index c644718b..9183fa0b 100644
--- a/people/16188.html
+++ b/people/16188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16189.html b/people/16189.html
index febf0b6c..a0a67fe3 100644
--- a/people/16189.html
+++ b/people/16189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1619.html b/people/1619.html
index 90486655..0702e6b1 100644
--- a/people/1619.html
+++ b/people/1619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16190.html b/people/16190.html
index b7a84194..3d5bf453 100644
--- a/people/16190.html
+++ b/people/16190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16191.html b/people/16191.html
index b697108c..a0c733b8 100644
--- a/people/16191.html
+++ b/people/16191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16192.html b/people/16192.html
index 6a3bb247..648889f0 100644
--- a/people/16192.html
+++ b/people/16192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16193.html b/people/16193.html
index 50a67fb4..509e8e21 100644
--- a/people/16193.html
+++ b/people/16193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16194.html b/people/16194.html
index d98ea9e7..2a9fe304 100644
--- a/people/16194.html
+++ b/people/16194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16195.html b/people/16195.html
index 1b33d992..8b0a0038 100644
--- a/people/16195.html
+++ b/people/16195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16196.html b/people/16196.html
index 0784aa27..f90caa24 100644
--- a/people/16196.html
+++ b/people/16196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16197.html b/people/16197.html
index f6791586..2dbb2590 100644
--- a/people/16197.html
+++ b/people/16197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16198.html b/people/16198.html
index 3cf55ffa..dc4b68a3 100644
--- a/people/16198.html
+++ b/people/16198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16199.html b/people/16199.html
index 104accb2..bfa01ef4 100644
--- a/people/16199.html
+++ b/people/16199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/162.html b/people/162.html
index b1443071..99c0edaa 100644
--- a/people/162.html
+++ b/people/162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1620.html b/people/1620.html
index fc627787..d7de187b 100644
--- a/people/1620.html
+++ b/people/1620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16200.html b/people/16200.html
index 2e3ca86b..c128867e 100644
--- a/people/16200.html
+++ b/people/16200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16201.html b/people/16201.html
index d81feeef..9ccab30e 100644
--- a/people/16201.html
+++ b/people/16201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16202.html b/people/16202.html
index a458f000..d53b87a1 100644
--- a/people/16202.html
+++ b/people/16202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16203.html b/people/16203.html
index 95598d03..93663c76 100644
--- a/people/16203.html
+++ b/people/16203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16204.html b/people/16204.html
index f91bb6af..fe6c25d8 100644
--- a/people/16204.html
+++ b/people/16204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16205.html b/people/16205.html
index c53ef674..faf339fa 100644
--- a/people/16205.html
+++ b/people/16205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16206.html b/people/16206.html
index 1ca676cd..f1ad03f9 100644
--- a/people/16206.html
+++ b/people/16206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16207.html b/people/16207.html
index 13ae8580..6e234006 100644
--- a/people/16207.html
+++ b/people/16207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16208.html b/people/16208.html
index ffaba47d..e7e087e6 100644
--- a/people/16208.html
+++ b/people/16208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16209.html b/people/16209.html
index 776cca24..462fe55d 100644
--- a/people/16209.html
+++ b/people/16209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1621.html b/people/1621.html
index 51af7af9..e3a5d216 100644
--- a/people/1621.html
+++ b/people/1621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16210.html b/people/16210.html
index 92151e04..e569b01b 100644
--- a/people/16210.html
+++ b/people/16210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16211.html b/people/16211.html
index ef2a4fec..5dcdae53 100644
--- a/people/16211.html
+++ b/people/16211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16212.html b/people/16212.html
index 27a2c4d0..9a61169f 100644
--- a/people/16212.html
+++ b/people/16212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16213.html b/people/16213.html
index f50131a2..1a9a42ec 100644
--- a/people/16213.html
+++ b/people/16213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16214.html b/people/16214.html
index 3d783811..06b68058 100644
--- a/people/16214.html
+++ b/people/16214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16215.html b/people/16215.html
index 9421499e..c005004b 100644
--- a/people/16215.html
+++ b/people/16215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16216.html b/people/16216.html
index e0ca5a5c..42082e12 100644
--- a/people/16216.html
+++ b/people/16216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16217.html b/people/16217.html
index 4bac6d4c..0c3e4a50 100644
--- a/people/16217.html
+++ b/people/16217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16218.html b/people/16218.html
index 9a64a061..529d268f 100644
--- a/people/16218.html
+++ b/people/16218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16219.html b/people/16219.html
index cd8a11ed..f7d88534 100644
--- a/people/16219.html
+++ b/people/16219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1622.html b/people/1622.html
index 571cef4a..32369d0d 100644
--- a/people/1622.html
+++ b/people/1622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16220.html b/people/16220.html
index 085d6b8a..ec7d9ef8 100644
--- a/people/16220.html
+++ b/people/16220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16221.html b/people/16221.html
index 23b8907a..79c38971 100644
--- a/people/16221.html
+++ b/people/16221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16222.html b/people/16222.html
index 65b66230..63af5c1b 100644
--- a/people/16222.html
+++ b/people/16222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16223.html b/people/16223.html
index 17d3b09d..1c0ac329 100644
--- a/people/16223.html
+++ b/people/16223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16224.html b/people/16224.html
index 51e34e9b..9a48612b 100644
--- a/people/16224.html
+++ b/people/16224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16225.html b/people/16225.html
index 5ed7e015..60b6841d 100644
--- a/people/16225.html
+++ b/people/16225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16226.html b/people/16226.html
index cbeb8c3c..08a3738e 100644
--- a/people/16226.html
+++ b/people/16226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16227.html b/people/16227.html
index 1ac76ab0..f25cd7d3 100644
--- a/people/16227.html
+++ b/people/16227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16228.html b/people/16228.html
index 438e55ac..f80b238b 100644
--- a/people/16228.html
+++ b/people/16228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16229.html b/people/16229.html
index dae021a0..be6773c9 100644
--- a/people/16229.html
+++ b/people/16229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1623.html b/people/1623.html
index 519f9a22..92c17897 100644
--- a/people/1623.html
+++ b/people/1623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16230.html b/people/16230.html
index f1a3a33e..22eb3bc0 100644
--- a/people/16230.html
+++ b/people/16230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16231.html b/people/16231.html
index bac0aecc..86c2ec9a 100644
--- a/people/16231.html
+++ b/people/16231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16232.html b/people/16232.html
index 0148b9bf..1284d57b 100644
--- a/people/16232.html
+++ b/people/16232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16233.html b/people/16233.html
index 5d1e73cb..79f8d256 100644
--- a/people/16233.html
+++ b/people/16233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16234.html b/people/16234.html
index 06720a5d..e3affe54 100644
--- a/people/16234.html
+++ b/people/16234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16235.html b/people/16235.html
index dac704ab..9df859be 100644
--- a/people/16235.html
+++ b/people/16235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16236.html b/people/16236.html
index 150120ac..62c615a8 100644
--- a/people/16236.html
+++ b/people/16236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16237.html b/people/16237.html
index 3573e65c..76f1b873 100644
--- a/people/16237.html
+++ b/people/16237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16238.html b/people/16238.html
index 3a1b9956..b06e9b6f 100644
--- a/people/16238.html
+++ b/people/16238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16239.html b/people/16239.html
index cd6bc13f..283426a2 100644
--- a/people/16239.html
+++ b/people/16239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1624.html b/people/1624.html
index 00116285..3b4e8adb 100644
--- a/people/1624.html
+++ b/people/1624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16240.html b/people/16240.html
index c99e38aa..6d7c7241 100644
--- a/people/16240.html
+++ b/people/16240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16241.html b/people/16241.html
index 71f737bf..481d481f 100644
--- a/people/16241.html
+++ b/people/16241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16242.html b/people/16242.html
index 881f1ce1..d48ac2ee 100644
--- a/people/16242.html
+++ b/people/16242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16243.html b/people/16243.html
index 59ca1813..173165ab 100644
--- a/people/16243.html
+++ b/people/16243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16244.html b/people/16244.html
index de1116ed..70de1f9c 100644
--- a/people/16244.html
+++ b/people/16244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16245.html b/people/16245.html
index 95df13cf..f7c6dd66 100644
--- a/people/16245.html
+++ b/people/16245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16246.html b/people/16246.html
index ba0767d3..8217584d 100644
--- a/people/16246.html
+++ b/people/16246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16247.html b/people/16247.html
index ead4991e..a36c7a36 100644
--- a/people/16247.html
+++ b/people/16247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16248.html b/people/16248.html
index e0db92e4..6170c82f 100644
--- a/people/16248.html
+++ b/people/16248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16249.html b/people/16249.html
index 1e152389..e62d91f5 100644
--- a/people/16249.html
+++ b/people/16249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1625.html b/people/1625.html
index d87497d2..048e71a7 100644
--- a/people/1625.html
+++ b/people/1625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16250.html b/people/16250.html
index f792d8bd..a292fb3b 100644
--- a/people/16250.html
+++ b/people/16250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16251.html b/people/16251.html
index f0c9477d..c65edae1 100644
--- a/people/16251.html
+++ b/people/16251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16252.html b/people/16252.html
index 4d5627de..295543f3 100644
--- a/people/16252.html
+++ b/people/16252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16253.html b/people/16253.html
index b7cc3611..0344aeca 100644
--- a/people/16253.html
+++ b/people/16253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16254.html b/people/16254.html
index 87fb7762..79b2c3c6 100644
--- a/people/16254.html
+++ b/people/16254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16255.html b/people/16255.html
index 04fc6646..27b81fb2 100644
--- a/people/16255.html
+++ b/people/16255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16256.html b/people/16256.html
index 97275913..4e1bd0c8 100644
--- a/people/16256.html
+++ b/people/16256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16257.html b/people/16257.html
index e2d88cb5..215d8908 100644
--- a/people/16257.html
+++ b/people/16257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16258.html b/people/16258.html
index ea2bbff8..f9c8abfa 100644
--- a/people/16258.html
+++ b/people/16258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16259.html b/people/16259.html
index 67111536..c4dfb00d 100644
--- a/people/16259.html
+++ b/people/16259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1626.html b/people/1626.html
index fca2ae2d..8f99dc63 100644
--- a/people/1626.html
+++ b/people/1626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16260.html b/people/16260.html
index d71afb08..c0102e4c 100644
--- a/people/16260.html
+++ b/people/16260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16261.html b/people/16261.html
index 537f5b2a..6397cc88 100644
--- a/people/16261.html
+++ b/people/16261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16262.html b/people/16262.html
index 142a8647..075dc5e0 100644
--- a/people/16262.html
+++ b/people/16262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16263.html b/people/16263.html
index e3770c8e..cffde833 100644
--- a/people/16263.html
+++ b/people/16263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16264.html b/people/16264.html
index b8f69f1a..2ef9a29e 100644
--- a/people/16264.html
+++ b/people/16264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16265.html b/people/16265.html
index 5d4ad469..5242c080 100644
--- a/people/16265.html
+++ b/people/16265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16266.html b/people/16266.html
index f3afc794..068e3871 100644
--- a/people/16266.html
+++ b/people/16266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16267.html b/people/16267.html
index 3bff734a..732b10d9 100644
--- a/people/16267.html
+++ b/people/16267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16268.html b/people/16268.html
index cb4116f0..d648455d 100644
--- a/people/16268.html
+++ b/people/16268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16269.html b/people/16269.html
index 7a6999d1..817c1602 100644
--- a/people/16269.html
+++ b/people/16269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1627.html b/people/1627.html
index 8e697269..86f40bd8 100644
--- a/people/1627.html
+++ b/people/1627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16270.html b/people/16270.html
index 8f68df89..f19d9f94 100644
--- a/people/16270.html
+++ b/people/16270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16271.html b/people/16271.html
index 42247d9b..ef4827fd 100644
--- a/people/16271.html
+++ b/people/16271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16272.html b/people/16272.html
index 4dd7ecdb..8a46d4d8 100644
--- a/people/16272.html
+++ b/people/16272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16273.html b/people/16273.html
index 06c7dce1..0bc8bad3 100644
--- a/people/16273.html
+++ b/people/16273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16274.html b/people/16274.html
index 307a7c0a..ad7fb326 100644
--- a/people/16274.html
+++ b/people/16274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16275.html b/people/16275.html
index 241b6beb..51a1a1bb 100644
--- a/people/16275.html
+++ b/people/16275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16276.html b/people/16276.html
index ae6b4a35..230f01fe 100644
--- a/people/16276.html
+++ b/people/16276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16277.html b/people/16277.html
index 7ecc0e3e..a2f8f4a9 100644
--- a/people/16277.html
+++ b/people/16277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16278.html b/people/16278.html
index d9b5a079..252e7ccd 100644
--- a/people/16278.html
+++ b/people/16278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16279.html b/people/16279.html
index 47be0865..e590b09d 100644
--- a/people/16279.html
+++ b/people/16279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1628.html b/people/1628.html
index 2ecf23ac..59857100 100644
--- a/people/1628.html
+++ b/people/1628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16280.html b/people/16280.html
index cd55a481..6ba15f86 100644
--- a/people/16280.html
+++ b/people/16280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16281.html b/people/16281.html
index d8be913d..da5ccd86 100644
--- a/people/16281.html
+++ b/people/16281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16282.html b/people/16282.html
index 3943d781..ea2a5f66 100644
--- a/people/16282.html
+++ b/people/16282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16283.html b/people/16283.html
index dd5e4b21..c3da78ea 100644
--- a/people/16283.html
+++ b/people/16283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16284.html b/people/16284.html
index 171e2cb8..f7b2164b 100644
--- a/people/16284.html
+++ b/people/16284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16285.html b/people/16285.html
index ef38614b..73cc82f9 100644
--- a/people/16285.html
+++ b/people/16285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16286.html b/people/16286.html
index 606f3682..dc3ba22a 100644
--- a/people/16286.html
+++ b/people/16286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16287.html b/people/16287.html
index 1edcfbfd..652e3233 100644
--- a/people/16287.html
+++ b/people/16287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16288.html b/people/16288.html
index df60a990..a62354c9 100644
--- a/people/16288.html
+++ b/people/16288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16289.html b/people/16289.html
index c478f6ac..47e3d2cc 100644
--- a/people/16289.html
+++ b/people/16289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1629.html b/people/1629.html
index 360cf388..72fe44ea 100644
--- a/people/1629.html
+++ b/people/1629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16290.html b/people/16290.html
index f1c1fee1..02afe86a 100644
--- a/people/16290.html
+++ b/people/16290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16291.html b/people/16291.html
index 3a54e697..a3a39a5b 100644
--- a/people/16291.html
+++ b/people/16291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16292.html b/people/16292.html
index 28d67cf8..ac4fc1bc 100644
--- a/people/16292.html
+++ b/people/16292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16293.html b/people/16293.html
index 01675663..fb23173f 100644
--- a/people/16293.html
+++ b/people/16293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16294.html b/people/16294.html
index cd8500b3..ab595950 100644
--- a/people/16294.html
+++ b/people/16294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16295.html b/people/16295.html
index 382e4efb..2a1bbc0e 100644
--- a/people/16295.html
+++ b/people/16295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16296.html b/people/16296.html
index 6e1edaa4..88f23ee3 100644
--- a/people/16296.html
+++ b/people/16296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16297.html b/people/16297.html
index 7745bc94..67d91298 100644
--- a/people/16297.html
+++ b/people/16297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16298.html b/people/16298.html
index d243acf6..10b8bed6 100644
--- a/people/16298.html
+++ b/people/16298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16299.html b/people/16299.html
index ca3e648f..b6b8e36e 100644
--- a/people/16299.html
+++ b/people/16299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/163.html b/people/163.html
index 5375c60b..ac2422a9 100644
--- a/people/163.html
+++ b/people/163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1630.html b/people/1630.html
index 834d6669..d1bb2f8f 100644
--- a/people/1630.html
+++ b/people/1630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16300.html b/people/16300.html
index d64e6da4..ee40fa5a 100644
--- a/people/16300.html
+++ b/people/16300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16301.html b/people/16301.html
index f2de0e3f..c611f418 100644
--- a/people/16301.html
+++ b/people/16301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16302.html b/people/16302.html
index efd5e0d1..b3148027 100644
--- a/people/16302.html
+++ b/people/16302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16303.html b/people/16303.html
index ee24f687..21c077cc 100644
--- a/people/16303.html
+++ b/people/16303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16304.html b/people/16304.html
index 793b6d60..12fdf121 100644
--- a/people/16304.html
+++ b/people/16304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16305.html b/people/16305.html
index 141ca6c6..2fe926b3 100644
--- a/people/16305.html
+++ b/people/16305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16306.html b/people/16306.html
index f894ecf2..4b66e1d9 100644
--- a/people/16306.html
+++ b/people/16306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16307.html b/people/16307.html
index ea0dc26a..8eb155e3 100644
--- a/people/16307.html
+++ b/people/16307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16308.html b/people/16308.html
index 800de3cf..616cbd97 100644
--- a/people/16308.html
+++ b/people/16308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16309.html b/people/16309.html
index 708720d3..ad5e4eea 100644
--- a/people/16309.html
+++ b/people/16309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1631.html b/people/1631.html
index 60811d09..5632e5ef 100644
--- a/people/1631.html
+++ b/people/1631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16310.html b/people/16310.html
index e62322ec..5d201aef 100644
--- a/people/16310.html
+++ b/people/16310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16311.html b/people/16311.html
index ae8cc872..6b843aed 100644
--- a/people/16311.html
+++ b/people/16311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16312.html b/people/16312.html
index f8f3be1a..50651e7f 100644
--- a/people/16312.html
+++ b/people/16312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16313.html b/people/16313.html
index 0155439a..dd3ffdb1 100644
--- a/people/16313.html
+++ b/people/16313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16314.html b/people/16314.html
index 51e5f3fc..ec27c9b3 100644
--- a/people/16314.html
+++ b/people/16314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16315.html b/people/16315.html
index 479e304f..4ff07013 100644
--- a/people/16315.html
+++ b/people/16315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16316.html b/people/16316.html
index c22b6514..6f96fdb4 100644
--- a/people/16316.html
+++ b/people/16316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16317.html b/people/16317.html
index 13a78007..53e04467 100644
--- a/people/16317.html
+++ b/people/16317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16318.html b/people/16318.html
index 7932ceaa..75e929d8 100644
--- a/people/16318.html
+++ b/people/16318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16319.html b/people/16319.html
index 5755de1f..e210985e 100644
--- a/people/16319.html
+++ b/people/16319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1632.html b/people/1632.html
index e7ecc013..54a7eae1 100644
--- a/people/1632.html
+++ b/people/1632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16320.html b/people/16320.html
index 73e72e13..2f77c655 100644
--- a/people/16320.html
+++ b/people/16320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16321.html b/people/16321.html
index 36ba36b8..b6ad66ca 100644
--- a/people/16321.html
+++ b/people/16321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16322.html b/people/16322.html
index f49b6208..a380d418 100644
--- a/people/16322.html
+++ b/people/16322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16323.html b/people/16323.html
index ed45ad2e..87221651 100644
--- a/people/16323.html
+++ b/people/16323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16324.html b/people/16324.html
index 7797ef37..17dbe863 100644
--- a/people/16324.html
+++ b/people/16324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16325.html b/people/16325.html
index e95f7c63..a538d949 100644
--- a/people/16325.html
+++ b/people/16325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16326.html b/people/16326.html
index cc7387ef..8dffcb4c 100644
--- a/people/16326.html
+++ b/people/16326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16327.html b/people/16327.html
index a0a9a7a5..14646bd0 100644
--- a/people/16327.html
+++ b/people/16327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16328.html b/people/16328.html
index 15f51b38..469f952a 100644
--- a/people/16328.html
+++ b/people/16328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16329.html b/people/16329.html
index 198b6ae8..8d243fb0 100644
--- a/people/16329.html
+++ b/people/16329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1633.html b/people/1633.html
index cbd31623..3136b356 100644
--- a/people/1633.html
+++ b/people/1633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16330.html b/people/16330.html
index 729ee051..cd5c679f 100644
--- a/people/16330.html
+++ b/people/16330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16331.html b/people/16331.html
index 004ac4d1..1dabab31 100644
--- a/people/16331.html
+++ b/people/16331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16332.html b/people/16332.html
index c78ab34a..991f7d7d 100644
--- a/people/16332.html
+++ b/people/16332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16333.html b/people/16333.html
index 812205bb..931a085f 100644
--- a/people/16333.html
+++ b/people/16333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16334.html b/people/16334.html
index 3b21b724..f262338d 100644
--- a/people/16334.html
+++ b/people/16334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16335.html b/people/16335.html
index 9ac7856b..dab28f33 100644
--- a/people/16335.html
+++ b/people/16335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16336.html b/people/16336.html
index 6d46805d..1baa4cac 100644
--- a/people/16336.html
+++ b/people/16336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16337.html b/people/16337.html
index 8e1ed9fe..95c2c468 100644
--- a/people/16337.html
+++ b/people/16337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16338.html b/people/16338.html
index 7f8c2c9d..ec26da29 100644
--- a/people/16338.html
+++ b/people/16338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16339.html b/people/16339.html
index 80998023..3499a8fe 100644
--- a/people/16339.html
+++ b/people/16339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1634.html b/people/1634.html
index 4d8f401b..da1711b9 100644
--- a/people/1634.html
+++ b/people/1634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16340.html b/people/16340.html
index 53eddd93..f11e0339 100644
--- a/people/16340.html
+++ b/people/16340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16341.html b/people/16341.html
index 79f60ef4..2a60f6d7 100644
--- a/people/16341.html
+++ b/people/16341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16342.html b/people/16342.html
index 1977ff36..99595157 100644
--- a/people/16342.html
+++ b/people/16342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16343.html b/people/16343.html
index 45b27b75..630967c2 100644
--- a/people/16343.html
+++ b/people/16343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16344.html b/people/16344.html
index aadb7471..e97bba98 100644
--- a/people/16344.html
+++ b/people/16344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16345.html b/people/16345.html
index 33a68f76..262fdb7f 100644
--- a/people/16345.html
+++ b/people/16345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16346.html b/people/16346.html
index f96c9470..957ea464 100644
--- a/people/16346.html
+++ b/people/16346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16347.html b/people/16347.html
index 22caadac..a42d19c5 100644
--- a/people/16347.html
+++ b/people/16347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16348.html b/people/16348.html
index 6fc4775d..b9f37d1a 100644
--- a/people/16348.html
+++ b/people/16348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16349.html b/people/16349.html
index 40e259a7..88cec94c 100644
--- a/people/16349.html
+++ b/people/16349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1635.html b/people/1635.html
index e6e6936d..bcffa4b8 100644
--- a/people/1635.html
+++ b/people/1635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16350.html b/people/16350.html
index 42f9289c..acdefb56 100644
--- a/people/16350.html
+++ b/people/16350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16351.html b/people/16351.html
index cca5001e..5c4a18e1 100644
--- a/people/16351.html
+++ b/people/16351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16352.html b/people/16352.html
index 713bbb04..8be8a5a2 100644
--- a/people/16352.html
+++ b/people/16352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16353.html b/people/16353.html
index 67b2281e..22cca7d2 100644
--- a/people/16353.html
+++ b/people/16353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16354.html b/people/16354.html
index 0cec007a..f850754d 100644
--- a/people/16354.html
+++ b/people/16354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16355.html b/people/16355.html
index a544cbe1..0c5c6e77 100644
--- a/people/16355.html
+++ b/people/16355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16356.html b/people/16356.html
index c965d98c..0ff2d2f3 100644
--- a/people/16356.html
+++ b/people/16356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16357.html b/people/16357.html
index 4c336a06..7e1802f1 100644
--- a/people/16357.html
+++ b/people/16357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16358.html b/people/16358.html
index de0a7250..a63afa7a 100644
--- a/people/16358.html
+++ b/people/16358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16359.html b/people/16359.html
index 3e3f6cf1..eef01e48 100644
--- a/people/16359.html
+++ b/people/16359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1636.html b/people/1636.html
index 7b1e5015..acf0a271 100644
--- a/people/1636.html
+++ b/people/1636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16360.html b/people/16360.html
index 20d28827..b4485c22 100644
--- a/people/16360.html
+++ b/people/16360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16361.html b/people/16361.html
index bbe84b8a..8fae2b53 100644
--- a/people/16361.html
+++ b/people/16361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16362.html b/people/16362.html
index f9d1f860..44cb2d39 100644
--- a/people/16362.html
+++ b/people/16362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16363.html b/people/16363.html
index ed2c54c0..f5439d1c 100644
--- a/people/16363.html
+++ b/people/16363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16364.html b/people/16364.html
index fd86d668..33fa155b 100644
--- a/people/16364.html
+++ b/people/16364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16365.html b/people/16365.html
index 2c9aff82..cc13aac7 100644
--- a/people/16365.html
+++ b/people/16365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16366.html b/people/16366.html
index 15916114..87c69d7f 100644
--- a/people/16366.html
+++ b/people/16366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16367.html b/people/16367.html
index 302226bd..73cd16c6 100644
--- a/people/16367.html
+++ b/people/16367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16368.html b/people/16368.html
index e82f5937..d9bf0b22 100644
--- a/people/16368.html
+++ b/people/16368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16369.html b/people/16369.html
index 5db830f6..6177ff76 100644
--- a/people/16369.html
+++ b/people/16369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1637.html b/people/1637.html
index 53e334be..2fbc4d74 100644
--- a/people/1637.html
+++ b/people/1637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16370.html b/people/16370.html
index 1befeee0..c8132ef5 100644
--- a/people/16370.html
+++ b/people/16370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16371.html b/people/16371.html
index 127e9173..c7f90680 100644
--- a/people/16371.html
+++ b/people/16371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16372.html b/people/16372.html
index 711f72a4..1247f313 100644
--- a/people/16372.html
+++ b/people/16372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16373.html b/people/16373.html
index ee649224..af7688dd 100644
--- a/people/16373.html
+++ b/people/16373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16374.html b/people/16374.html
index ca9fdf60..ab2b7e33 100644
--- a/people/16374.html
+++ b/people/16374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16375.html b/people/16375.html
index 6a1ebb36..eb4a3585 100644
--- a/people/16375.html
+++ b/people/16375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16376.html b/people/16376.html
index db3b1a47..a7ad6149 100644
--- a/people/16376.html
+++ b/people/16376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16377.html b/people/16377.html
index 83b8392d..89dbd5a3 100644
--- a/people/16377.html
+++ b/people/16377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16378.html b/people/16378.html
index 7ddda3a0..811a8619 100644
--- a/people/16378.html
+++ b/people/16378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16379.html b/people/16379.html
index 75447629..17156a9b 100644
--- a/people/16379.html
+++ b/people/16379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1638.html b/people/1638.html
index 26803746..b3f2d52e 100644
--- a/people/1638.html
+++ b/people/1638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16380.html b/people/16380.html
index a32138cf..0de57779 100644
--- a/people/16380.html
+++ b/people/16380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16381.html b/people/16381.html
index b714ec9e..82aac358 100644
--- a/people/16381.html
+++ b/people/16381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16382.html b/people/16382.html
index ff4b3b19..b2eb6443 100644
--- a/people/16382.html
+++ b/people/16382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16383.html b/people/16383.html
index da8be7d0..21d4240d 100644
--- a/people/16383.html
+++ b/people/16383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16384.html b/people/16384.html
index dde0fdb1..41f151a0 100644
--- a/people/16384.html
+++ b/people/16384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16385.html b/people/16385.html
index 894eb5bc..53789056 100644
--- a/people/16385.html
+++ b/people/16385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16386.html b/people/16386.html
index 3ce898c3..5d642c52 100644
--- a/people/16386.html
+++ b/people/16386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16387.html b/people/16387.html
index 7b26c763..c21f1128 100644
--- a/people/16387.html
+++ b/people/16387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16388.html b/people/16388.html
index 5f605a65..b98fad36 100644
--- a/people/16388.html
+++ b/people/16388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16389.html b/people/16389.html
index 44871390..64b149cb 100644
--- a/people/16389.html
+++ b/people/16389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1639.html b/people/1639.html
index 067b0387..5701e5fb 100644
--- a/people/1639.html
+++ b/people/1639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16390.html b/people/16390.html
index a50d01e6..c2e2fabc 100644
--- a/people/16390.html
+++ b/people/16390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16391.html b/people/16391.html
index d84b1ff3..82d4558d 100644
--- a/people/16391.html
+++ b/people/16391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16392.html b/people/16392.html
index 486bcf9f..357f9aa4 100644
--- a/people/16392.html
+++ b/people/16392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16393.html b/people/16393.html
index dfc8a22c..b8d5f8c8 100644
--- a/people/16393.html
+++ b/people/16393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16394.html b/people/16394.html
index 819b186c..380906cc 100644
--- a/people/16394.html
+++ b/people/16394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16395.html b/people/16395.html
index f24c6e98..1d40def7 100644
--- a/people/16395.html
+++ b/people/16395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16396.html b/people/16396.html
index cfa1f6aa..f02e0d0c 100644
--- a/people/16396.html
+++ b/people/16396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16397.html b/people/16397.html
index 1e35f714..328838c7 100644
--- a/people/16397.html
+++ b/people/16397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16398.html b/people/16398.html
index 20e2b849..d1877e08 100644
--- a/people/16398.html
+++ b/people/16398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16399.html b/people/16399.html
index d2448c58..54114aa0 100644
--- a/people/16399.html
+++ b/people/16399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/164.html b/people/164.html
index 684e1b6e..12f66d8a 100644
--- a/people/164.html
+++ b/people/164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1640.html b/people/1640.html
index 3845ae57..d26ac661 100644
--- a/people/1640.html
+++ b/people/1640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16400.html b/people/16400.html
index c4ba22e3..13be2d13 100644
--- a/people/16400.html
+++ b/people/16400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16401.html b/people/16401.html
index 951b50e8..bea80850 100644
--- a/people/16401.html
+++ b/people/16401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16402.html b/people/16402.html
index b7d4153d..bd48f084 100644
--- a/people/16402.html
+++ b/people/16402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16403.html b/people/16403.html
index 56ccc50e..4610f38a 100644
--- a/people/16403.html
+++ b/people/16403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16404.html b/people/16404.html
index 3cfd8b43..7c995b8c 100644
--- a/people/16404.html
+++ b/people/16404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16405.html b/people/16405.html
index 3ff83208..89d4ca50 100644
--- a/people/16405.html
+++ b/people/16405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16406.html b/people/16406.html
index 90767b8c..6da6bfaf 100644
--- a/people/16406.html
+++ b/people/16406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16407.html b/people/16407.html
index 398ccd97..c64ea0ac 100644
--- a/people/16407.html
+++ b/people/16407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16408.html b/people/16408.html
index 208aee57..3cb22ec1 100644
--- a/people/16408.html
+++ b/people/16408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16409.html b/people/16409.html
index 7b7bfd0a..3cbba137 100644
--- a/people/16409.html
+++ b/people/16409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1641.html b/people/1641.html
index f296dd1a..bf9ecd3b 100644
--- a/people/1641.html
+++ b/people/1641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16410.html b/people/16410.html
index af5bc007..855a9255 100644
--- a/people/16410.html
+++ b/people/16410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16411.html b/people/16411.html
index a26d9f69..442c32c4 100644
--- a/people/16411.html
+++ b/people/16411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16412.html b/people/16412.html
index 2c1da45a..97ae4dbd 100644
--- a/people/16412.html
+++ b/people/16412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16413.html b/people/16413.html
index 40412f9e..b7fb6a8b 100644
--- a/people/16413.html
+++ b/people/16413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16414.html b/people/16414.html
index 4d03e615..96f65ae0 100644
--- a/people/16414.html
+++ b/people/16414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16415.html b/people/16415.html
index b69a027c..12ac9a9b 100644
--- a/people/16415.html
+++ b/people/16415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16416.html b/people/16416.html
index 2de4e3a3..8d6a9480 100644
--- a/people/16416.html
+++ b/people/16416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16417.html b/people/16417.html
index f5e46498..232c2b2d 100644
--- a/people/16417.html
+++ b/people/16417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16418.html b/people/16418.html
index c3b62cde..d4ed1e8b 100644
--- a/people/16418.html
+++ b/people/16418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16419.html b/people/16419.html
index 4543f095..d1cdf1f8 100644
--- a/people/16419.html
+++ b/people/16419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1642.html b/people/1642.html
index 27c54b48..f3affc5d 100644
--- a/people/1642.html
+++ b/people/1642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16420.html b/people/16420.html
index f007e8ae..516bd5f7 100644
--- a/people/16420.html
+++ b/people/16420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16421.html b/people/16421.html
index f3e450b3..314fbbf9 100644
--- a/people/16421.html
+++ b/people/16421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16422.html b/people/16422.html
index 5f625690..421dc871 100644
--- a/people/16422.html
+++ b/people/16422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16423.html b/people/16423.html
index 914ec8a9..09ae7bb8 100644
--- a/people/16423.html
+++ b/people/16423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16424.html b/people/16424.html
index 2c18f878..3f59bb7d 100644
--- a/people/16424.html
+++ b/people/16424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16425.html b/people/16425.html
index bb32ac48..d97fa0e7 100644
--- a/people/16425.html
+++ b/people/16425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16426.html b/people/16426.html
index ef41e7fc..b2fcb517 100644
--- a/people/16426.html
+++ b/people/16426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16427.html b/people/16427.html
index 89f91f92..6791b754 100644
--- a/people/16427.html
+++ b/people/16427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16428.html b/people/16428.html
index a9b6f62f..c1036cb6 100644
--- a/people/16428.html
+++ b/people/16428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16429.html b/people/16429.html
index b9928b95..5f61e412 100644
--- a/people/16429.html
+++ b/people/16429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1643.html b/people/1643.html
index 0d017211..3bbf9d61 100644
--- a/people/1643.html
+++ b/people/1643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16430.html b/people/16430.html
index 6c98a2f1..021a77ae 100644
--- a/people/16430.html
+++ b/people/16430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16431.html b/people/16431.html
index d212fd00..b5941f0e 100644
--- a/people/16431.html
+++ b/people/16431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16432.html b/people/16432.html
index 5cd21b64..62c3c78c 100644
--- a/people/16432.html
+++ b/people/16432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16433.html b/people/16433.html
index 30f449f2..adb9750b 100644
--- a/people/16433.html
+++ b/people/16433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16434.html b/people/16434.html
index b76af0a9..8975de92 100644
--- a/people/16434.html
+++ b/people/16434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16435.html b/people/16435.html
index b2bf1144..c99ebcc9 100644
--- a/people/16435.html
+++ b/people/16435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16436.html b/people/16436.html
index 5448ae44..62bbfe72 100644
--- a/people/16436.html
+++ b/people/16436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16437.html b/people/16437.html
index e2c93218..39113846 100644
--- a/people/16437.html
+++ b/people/16437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16438.html b/people/16438.html
index 3579bb98..894baede 100644
--- a/people/16438.html
+++ b/people/16438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16439.html b/people/16439.html
index ef96882b..b9fc0b94 100644
--- a/people/16439.html
+++ b/people/16439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1644.html b/people/1644.html
index d0c7b99b..b916e75f 100644
--- a/people/1644.html
+++ b/people/1644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16440.html b/people/16440.html
index a82150ec..f3d2d2bb 100644
--- a/people/16440.html
+++ b/people/16440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16441.html b/people/16441.html
index 837faab9..3d224811 100644
--- a/people/16441.html
+++ b/people/16441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16442.html b/people/16442.html
index dfff3753..09f9bca1 100644
--- a/people/16442.html
+++ b/people/16442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16443.html b/people/16443.html
index 1f5e231b..5f5b3296 100644
--- a/people/16443.html
+++ b/people/16443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16444.html b/people/16444.html
index a3bedada..4f202ae6 100644
--- a/people/16444.html
+++ b/people/16444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16445.html b/people/16445.html
index 5e0f29df..09bb49a5 100644
--- a/people/16445.html
+++ b/people/16445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16446.html b/people/16446.html
index fa3cc332..e6ae7014 100644
--- a/people/16446.html
+++ b/people/16446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16447.html b/people/16447.html
index b6c6ce6e..27f02008 100644
--- a/people/16447.html
+++ b/people/16447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16448.html b/people/16448.html
index d56bfa35..213f3842 100644
--- a/people/16448.html
+++ b/people/16448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16449.html b/people/16449.html
index 392234f6..5840ba34 100644
--- a/people/16449.html
+++ b/people/16449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1645.html b/people/1645.html
index 01aeaf8f..3013a851 100644
--- a/people/1645.html
+++ b/people/1645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16450.html b/people/16450.html
index ef88cc4b..8f8b219b 100644
--- a/people/16450.html
+++ b/people/16450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16451.html b/people/16451.html
index 8a0604d5..30c6f0e3 100644
--- a/people/16451.html
+++ b/people/16451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16452.html b/people/16452.html
index aae7ba50..aca85f57 100644
--- a/people/16452.html
+++ b/people/16452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16453.html b/people/16453.html
index adfb73c4..d95751e1 100644
--- a/people/16453.html
+++ b/people/16453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16454.html b/people/16454.html
index 516392f1..ae0cb4f2 100644
--- a/people/16454.html
+++ b/people/16454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16455.html b/people/16455.html
index 83ae37b8..a26cc705 100644
--- a/people/16455.html
+++ b/people/16455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16456.html b/people/16456.html
index da9c7171..7597f07a 100644
--- a/people/16456.html
+++ b/people/16456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16457.html b/people/16457.html
index 3dea0576..a4766905 100644
--- a/people/16457.html
+++ b/people/16457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16458.html b/people/16458.html
index 06a1cb6d..dae471ef 100644
--- a/people/16458.html
+++ b/people/16458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16459.html b/people/16459.html
index ca71316f..d28f3001 100644
--- a/people/16459.html
+++ b/people/16459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1646.html b/people/1646.html
index 750a58ba..befed71f 100644
--- a/people/1646.html
+++ b/people/1646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16460.html b/people/16460.html
index 6c851212..6895bbf5 100644
--- a/people/16460.html
+++ b/people/16460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16461.html b/people/16461.html
index c263433e..3eaf5a44 100644
--- a/people/16461.html
+++ b/people/16461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16462.html b/people/16462.html
index 30b2f8a9..7f7eaca2 100644
--- a/people/16462.html
+++ b/people/16462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16463.html b/people/16463.html
index a17c46b4..b8c4b2ab 100644
--- a/people/16463.html
+++ b/people/16463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16464.html b/people/16464.html
index 0e4c85c8..963e0edc 100644
--- a/people/16464.html
+++ b/people/16464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16465.html b/people/16465.html
index 4ad906e4..7cac375a 100644
--- a/people/16465.html
+++ b/people/16465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16466.html b/people/16466.html
index de781848..c1286e72 100644
--- a/people/16466.html
+++ b/people/16466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16467.html b/people/16467.html
index 023c046d..b1f6eb01 100644
--- a/people/16467.html
+++ b/people/16467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16468.html b/people/16468.html
index ee776834..99a79085 100644
--- a/people/16468.html
+++ b/people/16468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16469.html b/people/16469.html
index c5db2fd4..bcd15fa9 100644
--- a/people/16469.html
+++ b/people/16469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1647.html b/people/1647.html
index c98fe381..ad7b04e0 100644
--- a/people/1647.html
+++ b/people/1647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16470.html b/people/16470.html
index 39397dcb..6298e27d 100644
--- a/people/16470.html
+++ b/people/16470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16471.html b/people/16471.html
index 8c23f238..4288136b 100644
--- a/people/16471.html
+++ b/people/16471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16472.html b/people/16472.html
index 407d88e1..a75f6a8a 100644
--- a/people/16472.html
+++ b/people/16472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16473.html b/people/16473.html
index 6e71ceb6..8baf7a1e 100644
--- a/people/16473.html
+++ b/people/16473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16474.html b/people/16474.html
index 0aff25fc..e314311a 100644
--- a/people/16474.html
+++ b/people/16474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16475.html b/people/16475.html
index a3e7f747..a54b2cc0 100644
--- a/people/16475.html
+++ b/people/16475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16476.html b/people/16476.html
index 7faa2ff8..a1116444 100644
--- a/people/16476.html
+++ b/people/16476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16477.html b/people/16477.html
index f98857e1..33efaecd 100644
--- a/people/16477.html
+++ b/people/16477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16478.html b/people/16478.html
index 7ffb9ff5..0cb79194 100644
--- a/people/16478.html
+++ b/people/16478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16479.html b/people/16479.html
index 1fce5981..c4b7b447 100644
--- a/people/16479.html
+++ b/people/16479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1648.html b/people/1648.html
index 6f506974..b34eddea 100644
--- a/people/1648.html
+++ b/people/1648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16480.html b/people/16480.html
index f6a01d00..6c61d683 100644
--- a/people/16480.html
+++ b/people/16480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16481.html b/people/16481.html
index 8b406f18..b4698aec 100644
--- a/people/16481.html
+++ b/people/16481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16482.html b/people/16482.html
index 8375e426..13a29d1f 100644
--- a/people/16482.html
+++ b/people/16482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16483.html b/people/16483.html
index cead1561..420ae703 100644
--- a/people/16483.html
+++ b/people/16483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16484.html b/people/16484.html
index 3f56a330..48719ba2 100644
--- a/people/16484.html
+++ b/people/16484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16485.html b/people/16485.html
index 69f03016..9e0edac1 100644
--- a/people/16485.html
+++ b/people/16485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16486.html b/people/16486.html
index 59f2d3a8..6de8f0ff 100644
--- a/people/16486.html
+++ b/people/16486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16487.html b/people/16487.html
index ee08b89e..cc926354 100644
--- a/people/16487.html
+++ b/people/16487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16488.html b/people/16488.html
index 2cc6e023..fae407d0 100644
--- a/people/16488.html
+++ b/people/16488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16489.html b/people/16489.html
index 129a77a1..82c13988 100644
--- a/people/16489.html
+++ b/people/16489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1649.html b/people/1649.html
index cd120afc..9256f552 100644
--- a/people/1649.html
+++ b/people/1649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16490.html b/people/16490.html
index e83a71b8..708433ab 100644
--- a/people/16490.html
+++ b/people/16490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16491.html b/people/16491.html
index b6f55e19..a0a9dbb3 100644
--- a/people/16491.html
+++ b/people/16491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16492.html b/people/16492.html
index 25ff9fa1..7387dddd 100644
--- a/people/16492.html
+++ b/people/16492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16493.html b/people/16493.html
index 71c320f7..a9c22240 100644
--- a/people/16493.html
+++ b/people/16493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16494.html b/people/16494.html
index 8792cd40..2ad7b6ec 100644
--- a/people/16494.html
+++ b/people/16494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16495.html b/people/16495.html
index 8e22e829..a3f5c1a2 100644
--- a/people/16495.html
+++ b/people/16495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16496.html b/people/16496.html
index 847a1b5a..d8975472 100644
--- a/people/16496.html
+++ b/people/16496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16497.html b/people/16497.html
index 55313d09..ccd5d742 100644
--- a/people/16497.html
+++ b/people/16497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16498.html b/people/16498.html
index 74d3ec7b..a6501827 100644
--- a/people/16498.html
+++ b/people/16498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16499.html b/people/16499.html
index 9c45b66b..2fb7316d 100644
--- a/people/16499.html
+++ b/people/16499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/165.html b/people/165.html
index 26a15082..91a72f00 100644
--- a/people/165.html
+++ b/people/165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1650.html b/people/1650.html
index 28e461ed..33d27ccf 100644
--- a/people/1650.html
+++ b/people/1650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16500.html b/people/16500.html
index 12eb56b3..2df0c3ae 100644
--- a/people/16500.html
+++ b/people/16500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16501.html b/people/16501.html
index b0f3fcc4..e048d853 100644
--- a/people/16501.html
+++ b/people/16501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16502.html b/people/16502.html
index a648a6e3..7f3a3176 100644
--- a/people/16502.html
+++ b/people/16502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16503.html b/people/16503.html
index 63ea2baa..6ac24ba9 100644
--- a/people/16503.html
+++ b/people/16503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16504.html b/people/16504.html
index 1924e0e7..1f4ce35d 100644
--- a/people/16504.html
+++ b/people/16504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16505.html b/people/16505.html
index 20ab35e0..282a4724 100644
--- a/people/16505.html
+++ b/people/16505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16506.html b/people/16506.html
index 62deb7da..972daf1a 100644
--- a/people/16506.html
+++ b/people/16506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16507.html b/people/16507.html
index e8bf5d99..ce574794 100644
--- a/people/16507.html
+++ b/people/16507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16508.html b/people/16508.html
index 9b829e2e..7e7cc787 100644
--- a/people/16508.html
+++ b/people/16508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16509.html b/people/16509.html
index f157415f..85db4363 100644
--- a/people/16509.html
+++ b/people/16509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1651.html b/people/1651.html
index 8af3a50f..9c634037 100644
--- a/people/1651.html
+++ b/people/1651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16510.html b/people/16510.html
index 8b58529d..ab9a4001 100644
--- a/people/16510.html
+++ b/people/16510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16511.html b/people/16511.html
index d0918b7f..367376fd 100644
--- a/people/16511.html
+++ b/people/16511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16512.html b/people/16512.html
index aa548045..df87f8c0 100644
--- a/people/16512.html
+++ b/people/16512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16513.html b/people/16513.html
index d3ba0e56..7f0e4eea 100644
--- a/people/16513.html
+++ b/people/16513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16514.html b/people/16514.html
index 42d3cc1a..a52dd88d 100644
--- a/people/16514.html
+++ b/people/16514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16515.html b/people/16515.html
index 544f5e63..435e4ea3 100644
--- a/people/16515.html
+++ b/people/16515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16516.html b/people/16516.html
index e5d58a9b..1c766dc5 100644
--- a/people/16516.html
+++ b/people/16516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16517.html b/people/16517.html
index 998246c2..bddbe2c9 100644
--- a/people/16517.html
+++ b/people/16517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16518.html b/people/16518.html
index edad7365..443c7356 100644
--- a/people/16518.html
+++ b/people/16518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16519.html b/people/16519.html
index 40ba089c..7858f07f 100644
--- a/people/16519.html
+++ b/people/16519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1652.html b/people/1652.html
index 8bc0aa27..46010d26 100644
--- a/people/1652.html
+++ b/people/1652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16520.html b/people/16520.html
index d6e17d84..a5096228 100644
--- a/people/16520.html
+++ b/people/16520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16521.html b/people/16521.html
index 85cd10ca..08092737 100644
--- a/people/16521.html
+++ b/people/16521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16522.html b/people/16522.html
index eabcf1d6..9356debb 100644
--- a/people/16522.html
+++ b/people/16522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16523.html b/people/16523.html
index d9136303..5f593290 100644
--- a/people/16523.html
+++ b/people/16523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16524.html b/people/16524.html
index 3248851a..54aa8224 100644
--- a/people/16524.html
+++ b/people/16524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16525.html b/people/16525.html
index 1aaa7ac7..cca232d4 100644
--- a/people/16525.html
+++ b/people/16525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16526.html b/people/16526.html
index 3ff02555..19f27135 100644
--- a/people/16526.html
+++ b/people/16526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16527.html b/people/16527.html
index 84bb37c4..c11fe3ec 100644
--- a/people/16527.html
+++ b/people/16527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16528.html b/people/16528.html
index 1bbb1cb6..d6fbb180 100644
--- a/people/16528.html
+++ b/people/16528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16529.html b/people/16529.html
index 00d218f1..bde55bc0 100644
--- a/people/16529.html
+++ b/people/16529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1653.html b/people/1653.html
index cb61ed03..ced5187c 100644
--- a/people/1653.html
+++ b/people/1653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16530.html b/people/16530.html
index 1e71c2d5..10d50dc0 100644
--- a/people/16530.html
+++ b/people/16530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16531.html b/people/16531.html
index 4b021bd4..ff6073d2 100644
--- a/people/16531.html
+++ b/people/16531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16532.html b/people/16532.html
index 1d246b41..1e6a8b82 100644
--- a/people/16532.html
+++ b/people/16532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16533.html b/people/16533.html
index ca090a48..2561e9db 100644
--- a/people/16533.html
+++ b/people/16533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16534.html b/people/16534.html
index d13c1a5d..1b49a7a5 100644
--- a/people/16534.html
+++ b/people/16534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16535.html b/people/16535.html
index 91a8d926..e530aa40 100644
--- a/people/16535.html
+++ b/people/16535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16536.html b/people/16536.html
index eba94a8c..fdcf5172 100644
--- a/people/16536.html
+++ b/people/16536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16537.html b/people/16537.html
index 011cf854..a86e8b6f 100644
--- a/people/16537.html
+++ b/people/16537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16538.html b/people/16538.html
index 944cd886..6e5d9c31 100644
--- a/people/16538.html
+++ b/people/16538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16539.html b/people/16539.html
index 775f186a..ec76a916 100644
--- a/people/16539.html
+++ b/people/16539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1654.html b/people/1654.html
index b5fcf4c7..22a9377e 100644
--- a/people/1654.html
+++ b/people/1654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16540.html b/people/16540.html
index c555dc9f..b1f9bc09 100644
--- a/people/16540.html
+++ b/people/16540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16541.html b/people/16541.html
index cb3b8b89..93d3120b 100644
--- a/people/16541.html
+++ b/people/16541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16542.html b/people/16542.html
index f45c36e7..42e6f1ed 100644
--- a/people/16542.html
+++ b/people/16542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16543.html b/people/16543.html
index 4f08d920..8c6f486e 100644
--- a/people/16543.html
+++ b/people/16543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16544.html b/people/16544.html
index 9f2b5846..3104b4bc 100644
--- a/people/16544.html
+++ b/people/16544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16545.html b/people/16545.html
index 6221cf41..8bc3ce96 100644
--- a/people/16545.html
+++ b/people/16545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16546.html b/people/16546.html
index 5165648c..0fc9492f 100644
--- a/people/16546.html
+++ b/people/16546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16547.html b/people/16547.html
index ce63cd4c..42754a0f 100644
--- a/people/16547.html
+++ b/people/16547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16548.html b/people/16548.html
index 8b3d103e..9509dadc 100644
--- a/people/16548.html
+++ b/people/16548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16549.html b/people/16549.html
index 2e64f930..b1986b20 100644
--- a/people/16549.html
+++ b/people/16549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1655.html b/people/1655.html
index fa018b32..cd76a824 100644
--- a/people/1655.html
+++ b/people/1655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16550.html b/people/16550.html
index 97380e18..079fe4ab 100644
--- a/people/16550.html
+++ b/people/16550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16551.html b/people/16551.html
index 47ad1140..08d54597 100644
--- a/people/16551.html
+++ b/people/16551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16552.html b/people/16552.html
index 065cc53d..4cf19660 100644
--- a/people/16552.html
+++ b/people/16552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16553.html b/people/16553.html
index 661d0d2c..e8757e19 100644
--- a/people/16553.html
+++ b/people/16553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16554.html b/people/16554.html
index 5d1fa5ec..8b572270 100644
--- a/people/16554.html
+++ b/people/16554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16555.html b/people/16555.html
index 29c6c0d2..1f103b2b 100644
--- a/people/16555.html
+++ b/people/16555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16556.html b/people/16556.html
index af051400..91229a91 100644
--- a/people/16556.html
+++ b/people/16556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16557.html b/people/16557.html
index 1f53718a..5b85c6a7 100644
--- a/people/16557.html
+++ b/people/16557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16558.html b/people/16558.html
index a7bef43e..1b50fc62 100644
--- a/people/16558.html
+++ b/people/16558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16559.html b/people/16559.html
index b268ea77..aa4a4053 100644
--- a/people/16559.html
+++ b/people/16559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1656.html b/people/1656.html
index 80b6c610..02833fdd 100644
--- a/people/1656.html
+++ b/people/1656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16560.html b/people/16560.html
index 74f03e8f..afb8a036 100644
--- a/people/16560.html
+++ b/people/16560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16561.html b/people/16561.html
index 015abacb..2c69cc79 100644
--- a/people/16561.html
+++ b/people/16561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16562.html b/people/16562.html
index a61c4c75..5369a891 100644
--- a/people/16562.html
+++ b/people/16562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16563.html b/people/16563.html
index f28e9edc..bfaac39d 100644
--- a/people/16563.html
+++ b/people/16563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16564.html b/people/16564.html
index 2a76558a..3803add0 100644
--- a/people/16564.html
+++ b/people/16564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16565.html b/people/16565.html
index 5a79d173..a38efe11 100644
--- a/people/16565.html
+++ b/people/16565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16566.html b/people/16566.html
index e11d2c6b..f658b3e0 100644
--- a/people/16566.html
+++ b/people/16566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16567.html b/people/16567.html
index 4fa90056..2e714474 100644
--- a/people/16567.html
+++ b/people/16567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16568.html b/people/16568.html
index 37b1b2ee..72f3319f 100644
--- a/people/16568.html
+++ b/people/16568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16569.html b/people/16569.html
index 482c95b6..d3ae62da 100644
--- a/people/16569.html
+++ b/people/16569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1657.html b/people/1657.html
index 6f8c386b..ac1b8e3f 100644
--- a/people/1657.html
+++ b/people/1657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16570.html b/people/16570.html
index aee98420..878c661d 100644
--- a/people/16570.html
+++ b/people/16570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16571.html b/people/16571.html
index eb0a9d45..7c9423af 100644
--- a/people/16571.html
+++ b/people/16571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16572.html b/people/16572.html
index c974c1e3..e06bf118 100644
--- a/people/16572.html
+++ b/people/16572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16573.html b/people/16573.html
index e851f7d6..448f5000 100644
--- a/people/16573.html
+++ b/people/16573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16574.html b/people/16574.html
index 7220ec3f..b2f35f91 100644
--- a/people/16574.html
+++ b/people/16574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16575.html b/people/16575.html
index 4aebe0d9..942e0c41 100644
--- a/people/16575.html
+++ b/people/16575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16576.html b/people/16576.html
index 8f51e9e7..6e34e522 100644
--- a/people/16576.html
+++ b/people/16576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16577.html b/people/16577.html
index 810dcc2c..93f8725d 100644
--- a/people/16577.html
+++ b/people/16577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16578.html b/people/16578.html
index ee89cc5c..c746fe81 100644
--- a/people/16578.html
+++ b/people/16578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16579.html b/people/16579.html
index 0a2ea91c..affb661c 100644
--- a/people/16579.html
+++ b/people/16579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1658.html b/people/1658.html
index 500cec17..7519f9d0 100644
--- a/people/1658.html
+++ b/people/1658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16580.html b/people/16580.html
index 1fc8152f..6ea0f419 100644
--- a/people/16580.html
+++ b/people/16580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16581.html b/people/16581.html
index 32001224..b4a97628 100644
--- a/people/16581.html
+++ b/people/16581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16582.html b/people/16582.html
index cdfab22c..5c191fa5 100644
--- a/people/16582.html
+++ b/people/16582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16583.html b/people/16583.html
index b96ee093..223f5b14 100644
--- a/people/16583.html
+++ b/people/16583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16584.html b/people/16584.html
index b2c1450a..ee5c328f 100644
--- a/people/16584.html
+++ b/people/16584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16585.html b/people/16585.html
index 84bc97b4..c493a003 100644
--- a/people/16585.html
+++ b/people/16585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16586.html b/people/16586.html
index 00550449..b45bdd13 100644
--- a/people/16586.html
+++ b/people/16586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16587.html b/people/16587.html
index 3bb35325..af906530 100644
--- a/people/16587.html
+++ b/people/16587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16588.html b/people/16588.html
index a77fbffc..f3130b66 100644
--- a/people/16588.html
+++ b/people/16588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16589.html b/people/16589.html
index 715226e7..e5371ef7 100644
--- a/people/16589.html
+++ b/people/16589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1659.html b/people/1659.html
index f861df85..1b887547 100644
--- a/people/1659.html
+++ b/people/1659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16590.html b/people/16590.html
index ac1150a0..38e065c9 100644
--- a/people/16590.html
+++ b/people/16590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16591.html b/people/16591.html
index 174c4692..632ccd29 100644
--- a/people/16591.html
+++ b/people/16591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16592.html b/people/16592.html
index db19e9e2..ae4396d8 100644
--- a/people/16592.html
+++ b/people/16592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16593.html b/people/16593.html
index 576b7504..3cfe7ee6 100644
--- a/people/16593.html
+++ b/people/16593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16594.html b/people/16594.html
index bfe64d0f..eb624895 100644
--- a/people/16594.html
+++ b/people/16594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16595.html b/people/16595.html
index 7940a29b..95bf6505 100644
--- a/people/16595.html
+++ b/people/16595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16596.html b/people/16596.html
index a6402b78..d5e714f7 100644
--- a/people/16596.html
+++ b/people/16596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16597.html b/people/16597.html
index e4e0616d..5c9c2562 100644
--- a/people/16597.html
+++ b/people/16597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16598.html b/people/16598.html
index cabde4e6..56cdef54 100644
--- a/people/16598.html
+++ b/people/16598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16599.html b/people/16599.html
index cf1f6f46..efb8d504 100644
--- a/people/16599.html
+++ b/people/16599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/166.html b/people/166.html
index 9363f486..d43441ee 100644
--- a/people/166.html
+++ b/people/166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1660.html b/people/1660.html
index 20f732ce..48dbef88 100644
--- a/people/1660.html
+++ b/people/1660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16600.html b/people/16600.html
index 2243aa8a..228c805d 100644
--- a/people/16600.html
+++ b/people/16600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16601.html b/people/16601.html
index bb523901..9672d15a 100644
--- a/people/16601.html
+++ b/people/16601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16602.html b/people/16602.html
index 5206651c..3a309983 100644
--- a/people/16602.html
+++ b/people/16602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16603.html b/people/16603.html
index f51fd6f5..3a35ba06 100644
--- a/people/16603.html
+++ b/people/16603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16604.html b/people/16604.html
index 6612fe3d..cad0a3d0 100644
--- a/people/16604.html
+++ b/people/16604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16605.html b/people/16605.html
index 4a2ab0d6..5d3f71cb 100644
--- a/people/16605.html
+++ b/people/16605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16606.html b/people/16606.html
index 42d3c202..eda200a3 100644
--- a/people/16606.html
+++ b/people/16606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16607.html b/people/16607.html
index 486d0412..880819de 100644
--- a/people/16607.html
+++ b/people/16607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16608.html b/people/16608.html
index af39aeeb..02a20f6f 100644
--- a/people/16608.html
+++ b/people/16608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16609.html b/people/16609.html
index e538b317..5a792237 100644
--- a/people/16609.html
+++ b/people/16609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1661.html b/people/1661.html
index 36f51568..6ca12af7 100644
--- a/people/1661.html
+++ b/people/1661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16610.html b/people/16610.html
index c6759af6..a265b12f 100644
--- a/people/16610.html
+++ b/people/16610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16611.html b/people/16611.html
index 582ab733..2e17adf0 100644
--- a/people/16611.html
+++ b/people/16611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16612.html b/people/16612.html
index b53b5dbd..ac9556d0 100644
--- a/people/16612.html
+++ b/people/16612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16613.html b/people/16613.html
index 5cd481c0..40eca60f 100644
--- a/people/16613.html
+++ b/people/16613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16614.html b/people/16614.html
index 4872f730..a398e58f 100644
--- a/people/16614.html
+++ b/people/16614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16615.html b/people/16615.html
index a062a0ca..9d496a01 100644
--- a/people/16615.html
+++ b/people/16615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16616.html b/people/16616.html
index 9ff998f9..533816c9 100644
--- a/people/16616.html
+++ b/people/16616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16617.html b/people/16617.html
index 18740bcc..40633c4b 100644
--- a/people/16617.html
+++ b/people/16617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16618.html b/people/16618.html
index 94188ab3..d814c6c5 100644
--- a/people/16618.html
+++ b/people/16618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16619.html b/people/16619.html
index b557f9e5..3c3fed2d 100644
--- a/people/16619.html
+++ b/people/16619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1662.html b/people/1662.html
index e0f35195..7b9640ef 100644
--- a/people/1662.html
+++ b/people/1662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16620.html b/people/16620.html
index a407fa43..36a184d1 100644
--- a/people/16620.html
+++ b/people/16620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16621.html b/people/16621.html
index d6ce8a52..dfdd5d7e 100644
--- a/people/16621.html
+++ b/people/16621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16622.html b/people/16622.html
index 0e3d3ba4..b4940fd1 100644
--- a/people/16622.html
+++ b/people/16622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16623.html b/people/16623.html
index a67b0e74..6d7ac9af 100644
--- a/people/16623.html
+++ b/people/16623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16624.html b/people/16624.html
index abe9ee48..39cada80 100644
--- a/people/16624.html
+++ b/people/16624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16625.html b/people/16625.html
index 6eebb73f..57185f59 100644
--- a/people/16625.html
+++ b/people/16625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16626.html b/people/16626.html
index 3ea0fc64..d6415f35 100644
--- a/people/16626.html
+++ b/people/16626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16627.html b/people/16627.html
index 157b0672..9e5b113d 100644
--- a/people/16627.html
+++ b/people/16627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16628.html b/people/16628.html
index 6cb40ae7..196e975a 100644
--- a/people/16628.html
+++ b/people/16628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16629.html b/people/16629.html
index 45961123..ba124fb8 100644
--- a/people/16629.html
+++ b/people/16629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1663.html b/people/1663.html
index b95f9824..477c5c31 100644
--- a/people/1663.html
+++ b/people/1663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16630.html b/people/16630.html
index 6e8e2ac0..f40d2519 100644
--- a/people/16630.html
+++ b/people/16630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16631.html b/people/16631.html
index 5678d4e2..c004eafa 100644
--- a/people/16631.html
+++ b/people/16631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16632.html b/people/16632.html
index 73f244de..53fe160f 100644
--- a/people/16632.html
+++ b/people/16632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16633.html b/people/16633.html
index 60949f09..1b7d24c1 100644
--- a/people/16633.html
+++ b/people/16633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16634.html b/people/16634.html
index 9c8560e3..66843a0b 100644
--- a/people/16634.html
+++ b/people/16634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16635.html b/people/16635.html
index eb7f3be6..8a3c0c33 100644
--- a/people/16635.html
+++ b/people/16635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16636.html b/people/16636.html
index bd000531..44e28395 100644
--- a/people/16636.html
+++ b/people/16636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16637.html b/people/16637.html
index dd8b2a11..c039ab3f 100644
--- a/people/16637.html
+++ b/people/16637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16638.html b/people/16638.html
index a5724c8c..836bc794 100644
--- a/people/16638.html
+++ b/people/16638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16639.html b/people/16639.html
index e5dc19c4..8aa524a5 100644
--- a/people/16639.html
+++ b/people/16639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1664.html b/people/1664.html
index 96d28f49..149a4cbf 100644
--- a/people/1664.html
+++ b/people/1664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16640.html b/people/16640.html
index 0b2f5ae3..99c631ab 100644
--- a/people/16640.html
+++ b/people/16640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16641.html b/people/16641.html
index e2caba42..963c3c77 100644
--- a/people/16641.html
+++ b/people/16641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16642.html b/people/16642.html
index a44ab4f4..ebea4c4c 100644
--- a/people/16642.html
+++ b/people/16642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16643.html b/people/16643.html
index 7eccb74c..e867a46b 100644
--- a/people/16643.html
+++ b/people/16643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16644.html b/people/16644.html
index 68a99878..d00d3a7d 100644
--- a/people/16644.html
+++ b/people/16644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16645.html b/people/16645.html
index 2858446d..b65b0660 100644
--- a/people/16645.html
+++ b/people/16645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16646.html b/people/16646.html
index 76e06ac6..63d2498e 100644
--- a/people/16646.html
+++ b/people/16646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16647.html b/people/16647.html
index 3bda2f32..3e9b6ce0 100644
--- a/people/16647.html
+++ b/people/16647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16648.html b/people/16648.html
index 88ce2e29..4b4ea52c 100644
--- a/people/16648.html
+++ b/people/16648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16649.html b/people/16649.html
index 98a705e7..7a63706a 100644
--- a/people/16649.html
+++ b/people/16649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1665.html b/people/1665.html
index 998522df..78ae5e61 100644
--- a/people/1665.html
+++ b/people/1665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16650.html b/people/16650.html
index 1d9f51c4..7d7b78fa 100644
--- a/people/16650.html
+++ b/people/16650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16651.html b/people/16651.html
index 6ec0fdb7..3f5e52c2 100644
--- a/people/16651.html
+++ b/people/16651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16652.html b/people/16652.html
index 0825bf08..af0a38d3 100644
--- a/people/16652.html
+++ b/people/16652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16653.html b/people/16653.html
index cf555161..f39eb848 100644
--- a/people/16653.html
+++ b/people/16653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16654.html b/people/16654.html
index e7d34c84..5f2f6884 100644
--- a/people/16654.html
+++ b/people/16654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16655.html b/people/16655.html
index 690aa260..3afa3c07 100644
--- a/people/16655.html
+++ b/people/16655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16656.html b/people/16656.html
index 00a71453..817a396e 100644
--- a/people/16656.html
+++ b/people/16656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16657.html b/people/16657.html
index 98fc1c5e..a7fa279d 100644
--- a/people/16657.html
+++ b/people/16657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16658.html b/people/16658.html
index 9bd87fa0..f287db08 100644
--- a/people/16658.html
+++ b/people/16658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16659.html b/people/16659.html
index 939493d5..ffc5d658 100644
--- a/people/16659.html
+++ b/people/16659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1666.html b/people/1666.html
index 33c22cc6..53dbc199 100644
--- a/people/1666.html
+++ b/people/1666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16660.html b/people/16660.html
index 20452f31..671b779e 100644
--- a/people/16660.html
+++ b/people/16660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16661.html b/people/16661.html
index 735d00df..47e0f108 100644
--- a/people/16661.html
+++ b/people/16661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16662.html b/people/16662.html
index f15c6598..040144dd 100644
--- a/people/16662.html
+++ b/people/16662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16663.html b/people/16663.html
index 4baf34ab..297cc3d7 100644
--- a/people/16663.html
+++ b/people/16663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16664.html b/people/16664.html
index 348d38a7..e473ec7e 100644
--- a/people/16664.html
+++ b/people/16664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16665.html b/people/16665.html
index 8b31d2e4..efd4a864 100644
--- a/people/16665.html
+++ b/people/16665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16666.html b/people/16666.html
index 98bc37c0..67353103 100644
--- a/people/16666.html
+++ b/people/16666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16667.html b/people/16667.html
index bd9f101b..e458d3a4 100644
--- a/people/16667.html
+++ b/people/16667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16668.html b/people/16668.html
index d6260291..bc7b9ed9 100644
--- a/people/16668.html
+++ b/people/16668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16669.html b/people/16669.html
index cd9cb6f3..5bc2de96 100644
--- a/people/16669.html
+++ b/people/16669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1667.html b/people/1667.html
index 557f675e..8d7e08c0 100644
--- a/people/1667.html
+++ b/people/1667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16670.html b/people/16670.html
index 1b0d7802..9b5d09cd 100644
--- a/people/16670.html
+++ b/people/16670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16671.html b/people/16671.html
index d7a004c6..e750db58 100644
--- a/people/16671.html
+++ b/people/16671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16672.html b/people/16672.html
index b6764277..9af02283 100644
--- a/people/16672.html
+++ b/people/16672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16673.html b/people/16673.html
index 092e2c2f..28195353 100644
--- a/people/16673.html
+++ b/people/16673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16674.html b/people/16674.html
index b54d432b..495b0f85 100644
--- a/people/16674.html
+++ b/people/16674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16675.html b/people/16675.html
index 883f6908..37093e1e 100644
--- a/people/16675.html
+++ b/people/16675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16676.html b/people/16676.html
index 5178e328..2a44a12c 100644
--- a/people/16676.html
+++ b/people/16676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16677.html b/people/16677.html
index 1fdabfd1..0aac61ac 100644
--- a/people/16677.html
+++ b/people/16677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16678.html b/people/16678.html
index b7e7ca88..60d35dc3 100644
--- a/people/16678.html
+++ b/people/16678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16679.html b/people/16679.html
index ee44bcbd..467a9741 100644
--- a/people/16679.html
+++ b/people/16679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1668.html b/people/1668.html
index 7563e4c4..46530749 100644
--- a/people/1668.html
+++ b/people/1668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16680.html b/people/16680.html
index 1be22a5c..1759707e 100644
--- a/people/16680.html
+++ b/people/16680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16681.html b/people/16681.html
index c06a74e3..8973cd04 100644
--- a/people/16681.html
+++ b/people/16681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16682.html b/people/16682.html
index 1d9d99c4..eb2d1897 100644
--- a/people/16682.html
+++ b/people/16682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16683.html b/people/16683.html
index 81707e5e..7f61466a 100644
--- a/people/16683.html
+++ b/people/16683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16684.html b/people/16684.html
index fa22da21..5f357ac1 100644
--- a/people/16684.html
+++ b/people/16684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16685.html b/people/16685.html
index 15bdeb85..89056bdb 100644
--- a/people/16685.html
+++ b/people/16685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16686.html b/people/16686.html
index 69fb94e4..72d43090 100644
--- a/people/16686.html
+++ b/people/16686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16687.html b/people/16687.html
index 85b72c3e..0e525818 100644
--- a/people/16687.html
+++ b/people/16687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16688.html b/people/16688.html
index a42da501..222a42e5 100644
--- a/people/16688.html
+++ b/people/16688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16689.html b/people/16689.html
index 60c71359..89955918 100644
--- a/people/16689.html
+++ b/people/16689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1669.html b/people/1669.html
index 3bf31a39..59cdbf3b 100644
--- a/people/1669.html
+++ b/people/1669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16690.html b/people/16690.html
index 7ff31bb8..aac7419b 100644
--- a/people/16690.html
+++ b/people/16690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16691.html b/people/16691.html
index b5ea9e78..c57358b6 100644
--- a/people/16691.html
+++ b/people/16691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16692.html b/people/16692.html
index 49332bf9..53c6221e 100644
--- a/people/16692.html
+++ b/people/16692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16693.html b/people/16693.html
index d3edf2d8..efdd6e1c 100644
--- a/people/16693.html
+++ b/people/16693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16694.html b/people/16694.html
index 8f534489..626b2e9f 100644
--- a/people/16694.html
+++ b/people/16694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16695.html b/people/16695.html
index 12ec759b..a536551d 100644
--- a/people/16695.html
+++ b/people/16695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16696.html b/people/16696.html
index e6c79b79..5cf114ed 100644
--- a/people/16696.html
+++ b/people/16696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16697.html b/people/16697.html
index ee29e336..934ef87c 100644
--- a/people/16697.html
+++ b/people/16697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16698.html b/people/16698.html
index df83e196..e684cabb 100644
--- a/people/16698.html
+++ b/people/16698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16699.html b/people/16699.html
index fbd65da7..3eb1a3c9 100644
--- a/people/16699.html
+++ b/people/16699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/167.html b/people/167.html
index 62768412..ebfbb47a 100644
--- a/people/167.html
+++ b/people/167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1670.html b/people/1670.html
index 55b4ed6c..1f72db2c 100644
--- a/people/1670.html
+++ b/people/1670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16700.html b/people/16700.html
index 4ffd7ff5..0b294b09 100644
--- a/people/16700.html
+++ b/people/16700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16701.html b/people/16701.html
index 6d46125a..d23b7fba 100644
--- a/people/16701.html
+++ b/people/16701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16702.html b/people/16702.html
index 39f9f9e3..86520a4e 100644
--- a/people/16702.html
+++ b/people/16702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16703.html b/people/16703.html
index 95f2a4c4..84e27548 100644
--- a/people/16703.html
+++ b/people/16703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16704.html b/people/16704.html
index e0441230..63c617d5 100644
--- a/people/16704.html
+++ b/people/16704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16705.html b/people/16705.html
index 781a7fd3..59234e70 100644
--- a/people/16705.html
+++ b/people/16705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16706.html b/people/16706.html
index 3140195a..e386e4d9 100644
--- a/people/16706.html
+++ b/people/16706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16707.html b/people/16707.html
index f873f930..c9223bda 100644
--- a/people/16707.html
+++ b/people/16707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16708.html b/people/16708.html
index 7da292a1..25799942 100644
--- a/people/16708.html
+++ b/people/16708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16709.html b/people/16709.html
index d4b267dd..a96af5e1 100644
--- a/people/16709.html
+++ b/people/16709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1671.html b/people/1671.html
index afe9a2cb..bd0787d2 100644
--- a/people/1671.html
+++ b/people/1671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16710.html b/people/16710.html
index f052b6df..57fbec83 100644
--- a/people/16710.html
+++ b/people/16710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16711.html b/people/16711.html
index 3236495b..9fb4b33b 100644
--- a/people/16711.html
+++ b/people/16711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16712.html b/people/16712.html
index 13f800db..6626b1da 100644
--- a/people/16712.html
+++ b/people/16712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16713.html b/people/16713.html
index 74615f3f..c04942e5 100644
--- a/people/16713.html
+++ b/people/16713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16714.html b/people/16714.html
index 24dca495..51647489 100644
--- a/people/16714.html
+++ b/people/16714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16715.html b/people/16715.html
index d6496ba5..311f1935 100644
--- a/people/16715.html
+++ b/people/16715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16716.html b/people/16716.html
index 45052177..b786ec90 100644
--- a/people/16716.html
+++ b/people/16716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16717.html b/people/16717.html
index 97b801dc..242b127f 100644
--- a/people/16717.html
+++ b/people/16717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16718.html b/people/16718.html
index 201abd46..492177ee 100644
--- a/people/16718.html
+++ b/people/16718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16719.html b/people/16719.html
index 5a71d9e0..5aa3594a 100644
--- a/people/16719.html
+++ b/people/16719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1672.html b/people/1672.html
index 9e9cc2b6..cc78a891 100644
--- a/people/1672.html
+++ b/people/1672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16720.html b/people/16720.html
index e16fc748..add828ad 100644
--- a/people/16720.html
+++ b/people/16720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16721.html b/people/16721.html
index 3cd7a690..a264c5c7 100644
--- a/people/16721.html
+++ b/people/16721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16722.html b/people/16722.html
index 0e134fd7..9818c059 100644
--- a/people/16722.html
+++ b/people/16722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16723.html b/people/16723.html
index eadd777e..f13c4928 100644
--- a/people/16723.html
+++ b/people/16723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16724.html b/people/16724.html
index e308f05a..b33e07d5 100644
--- a/people/16724.html
+++ b/people/16724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16725.html b/people/16725.html
index 514f6312..2a300883 100644
--- a/people/16725.html
+++ b/people/16725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16726.html b/people/16726.html
index d30bf544..e8c8afae 100644
--- a/people/16726.html
+++ b/people/16726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16727.html b/people/16727.html
index 9562fa5e..2930f33e 100644
--- a/people/16727.html
+++ b/people/16727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16728.html b/people/16728.html
index 8fecd0ff..c2e07253 100644
--- a/people/16728.html
+++ b/people/16728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16729.html b/people/16729.html
index fc674eea..27e21087 100644
--- a/people/16729.html
+++ b/people/16729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1673.html b/people/1673.html
index eaac027d..6ff9a5bc 100644
--- a/people/1673.html
+++ b/people/1673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16730.html b/people/16730.html
index 650ed9c5..1453b070 100644
--- a/people/16730.html
+++ b/people/16730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16731.html b/people/16731.html
index e6bb2941..6775663f 100644
--- a/people/16731.html
+++ b/people/16731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16732.html b/people/16732.html
index 6e269b28..8c91a7c9 100644
--- a/people/16732.html
+++ b/people/16732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16733.html b/people/16733.html
index e9ecc991..29a67ab6 100644
--- a/people/16733.html
+++ b/people/16733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16734.html b/people/16734.html
index bf64645a..c35237d2 100644
--- a/people/16734.html
+++ b/people/16734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16735.html b/people/16735.html
index 1eb940d0..62cc1ee1 100644
--- a/people/16735.html
+++ b/people/16735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16736.html b/people/16736.html
index 58d16aac..3d938956 100644
--- a/people/16736.html
+++ b/people/16736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16737.html b/people/16737.html
index 10c22d76..90b9e436 100644
--- a/people/16737.html
+++ b/people/16737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16738.html b/people/16738.html
index 96a19997..755fdefe 100644
--- a/people/16738.html
+++ b/people/16738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16739.html b/people/16739.html
index b839af5b..b558371f 100644
--- a/people/16739.html
+++ b/people/16739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1674.html b/people/1674.html
index be55a8a7..8e472ad2 100644
--- a/people/1674.html
+++ b/people/1674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16740.html b/people/16740.html
index 1fa7b3a0..310968e5 100644
--- a/people/16740.html
+++ b/people/16740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16741.html b/people/16741.html
index 56496a50..451160dc 100644
--- a/people/16741.html
+++ b/people/16741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16742.html b/people/16742.html
index 78e7c8f6..01f9df75 100644
--- a/people/16742.html
+++ b/people/16742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16743.html b/people/16743.html
index 95fe76ae..36a18e17 100644
--- a/people/16743.html
+++ b/people/16743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16744.html b/people/16744.html
index 4129a274..9900cb12 100644
--- a/people/16744.html
+++ b/people/16744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16745.html b/people/16745.html
index ef8cc43c..286985ec 100644
--- a/people/16745.html
+++ b/people/16745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16746.html b/people/16746.html
index 05384068..c0cc3456 100644
--- a/people/16746.html
+++ b/people/16746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16747.html b/people/16747.html
index 9f83e53a..35457e9c 100644
--- a/people/16747.html
+++ b/people/16747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16748.html b/people/16748.html
index c98ab0f8..4852ae59 100644
--- a/people/16748.html
+++ b/people/16748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16749.html b/people/16749.html
index 85a1d052..e8d4b6a5 100644
--- a/people/16749.html
+++ b/people/16749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1675.html b/people/1675.html
index bec8f0ab..8e992a24 100644
--- a/people/1675.html
+++ b/people/1675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16750.html b/people/16750.html
index 7ede70f2..681a5cee 100644
--- a/people/16750.html
+++ b/people/16750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16751.html b/people/16751.html
index cd94c60d..137e4fac 100644
--- a/people/16751.html
+++ b/people/16751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16752.html b/people/16752.html
index 6d409b3f..e6389f4f 100644
--- a/people/16752.html
+++ b/people/16752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16753.html b/people/16753.html
index 5447bfa9..9da80717 100644
--- a/people/16753.html
+++ b/people/16753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16754.html b/people/16754.html
index 4b987800..7e3f15e2 100644
--- a/people/16754.html
+++ b/people/16754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16755.html b/people/16755.html
index 4a69c533..2f550dc9 100644
--- a/people/16755.html
+++ b/people/16755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16756.html b/people/16756.html
index ac0e3ece..0e780280 100644
--- a/people/16756.html
+++ b/people/16756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16757.html b/people/16757.html
index e4f509cd..4a076cb3 100644
--- a/people/16757.html
+++ b/people/16757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16758.html b/people/16758.html
index 55cdf6eb..37c273b1 100644
--- a/people/16758.html
+++ b/people/16758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16759.html b/people/16759.html
index 68486bf7..a0c3dec2 100644
--- a/people/16759.html
+++ b/people/16759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1676.html b/people/1676.html
index 4eea5575..2752d234 100644
--- a/people/1676.html
+++ b/people/1676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16760.html b/people/16760.html
index 30d1b299..a7cac92b 100644
--- a/people/16760.html
+++ b/people/16760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16761.html b/people/16761.html
index 7891ea2e..e3f32970 100644
--- a/people/16761.html
+++ b/people/16761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16762.html b/people/16762.html
index 0d6b9054..7a77ca7e 100644
--- a/people/16762.html
+++ b/people/16762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16763.html b/people/16763.html
index fcd13fc8..7465da93 100644
--- a/people/16763.html
+++ b/people/16763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16764.html b/people/16764.html
index 79ae4f8a..cb90a3cf 100644
--- a/people/16764.html
+++ b/people/16764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16765.html b/people/16765.html
index 3003d14e..d513c87f 100644
--- a/people/16765.html
+++ b/people/16765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16766.html b/people/16766.html
index 95cec34f..00b5bfc0 100644
--- a/people/16766.html
+++ b/people/16766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16767.html b/people/16767.html
index 59ab9a05..d8a5bb06 100644
--- a/people/16767.html
+++ b/people/16767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16768.html b/people/16768.html
index 42459d87..d21120ac 100644
--- a/people/16768.html
+++ b/people/16768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16769.html b/people/16769.html
index 1c6953f1..d97602b8 100644
--- a/people/16769.html
+++ b/people/16769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1677.html b/people/1677.html
index 318c1e73..e67f4845 100644
--- a/people/1677.html
+++ b/people/1677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16770.html b/people/16770.html
index d1fd076a..5d3e5ebc 100644
--- a/people/16770.html
+++ b/people/16770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16771.html b/people/16771.html
index 8fc24247..f38d78e6 100644
--- a/people/16771.html
+++ b/people/16771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16772.html b/people/16772.html
index d50240e5..ac14561c 100644
--- a/people/16772.html
+++ b/people/16772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16773.html b/people/16773.html
index baa5b6de..84e6a4b8 100644
--- a/people/16773.html
+++ b/people/16773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16774.html b/people/16774.html
index b65c2a89..49123aa9 100644
--- a/people/16774.html
+++ b/people/16774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16775.html b/people/16775.html
index 45a5008f..244861f1 100644
--- a/people/16775.html
+++ b/people/16775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16776.html b/people/16776.html
index 348d5a3e..731b7457 100644
--- a/people/16776.html
+++ b/people/16776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16777.html b/people/16777.html
index 4e0c6578..1c06e33d 100644
--- a/people/16777.html
+++ b/people/16777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16778.html b/people/16778.html
index 476e48b9..ce3d201e 100644
--- a/people/16778.html
+++ b/people/16778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16779.html b/people/16779.html
index de2b9fb2..c19fee29 100644
--- a/people/16779.html
+++ b/people/16779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1678.html b/people/1678.html
index f9a50778..e100c735 100644
--- a/people/1678.html
+++ b/people/1678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16780.html b/people/16780.html
index 62c63896..67caf43e 100644
--- a/people/16780.html
+++ b/people/16780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16781.html b/people/16781.html
index aa49b9a1..4012d3ea 100644
--- a/people/16781.html
+++ b/people/16781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16782.html b/people/16782.html
index 1afef69d..cc7a5a49 100644
--- a/people/16782.html
+++ b/people/16782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16783.html b/people/16783.html
index 41c58737..2ea311db 100644
--- a/people/16783.html
+++ b/people/16783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16784.html b/people/16784.html
index 8045b882..d74427e4 100644
--- a/people/16784.html
+++ b/people/16784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16785.html b/people/16785.html
index 5f5f3f0a..2c348c2a 100644
--- a/people/16785.html
+++ b/people/16785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16786.html b/people/16786.html
index c0f6c40c..d291fe19 100644
--- a/people/16786.html
+++ b/people/16786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16787.html b/people/16787.html
index da2fc049..a995bd96 100644
--- a/people/16787.html
+++ b/people/16787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16788.html b/people/16788.html
index 019340d5..23f15e41 100644
--- a/people/16788.html
+++ b/people/16788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16789.html b/people/16789.html
index 84b510bc..434e8e69 100644
--- a/people/16789.html
+++ b/people/16789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1679.html b/people/1679.html
index 76564efc..761bc12f 100644
--- a/people/1679.html
+++ b/people/1679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16790.html b/people/16790.html
index 9ab87e14..79fecc3f 100644
--- a/people/16790.html
+++ b/people/16790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16791.html b/people/16791.html
index 044a244f..c7eff19f 100644
--- a/people/16791.html
+++ b/people/16791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16792.html b/people/16792.html
index 6d698c3e..a7a9f58b 100644
--- a/people/16792.html
+++ b/people/16792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16793.html b/people/16793.html
index 260f7ab5..3c51402b 100644
--- a/people/16793.html
+++ b/people/16793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16794.html b/people/16794.html
index b94a84d0..be347397 100644
--- a/people/16794.html
+++ b/people/16794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16795.html b/people/16795.html
index 4dc41cb8..62e59e2d 100644
--- a/people/16795.html
+++ b/people/16795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16796.html b/people/16796.html
index e89a4038..6c22b2d6 100644
--- a/people/16796.html
+++ b/people/16796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16797.html b/people/16797.html
index 73ec55ff..e323581c 100644
--- a/people/16797.html
+++ b/people/16797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16798.html b/people/16798.html
index 2ab9f003..4233cc7b 100644
--- a/people/16798.html
+++ b/people/16798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16799.html b/people/16799.html
index 417a14cc..5b94d893 100644
--- a/people/16799.html
+++ b/people/16799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/168.html b/people/168.html
index b2eeb53f..b7c2de51 100644
--- a/people/168.html
+++ b/people/168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1680.html b/people/1680.html
index db107b1b..e3d3abf7 100644
--- a/people/1680.html
+++ b/people/1680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16800.html b/people/16800.html
index 6c5739f2..c0b9b54f 100644
--- a/people/16800.html
+++ b/people/16800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16801.html b/people/16801.html
index 1987f662..66aca17f 100644
--- a/people/16801.html
+++ b/people/16801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16802.html b/people/16802.html
index 23247b5d..6ad4fb64 100644
--- a/people/16802.html
+++ b/people/16802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16803.html b/people/16803.html
index ca54ea20..3e7f72d4 100644
--- a/people/16803.html
+++ b/people/16803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16804.html b/people/16804.html
index aadbec00..6f11289b 100644
--- a/people/16804.html
+++ b/people/16804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16805.html b/people/16805.html
index 7d727b2f..de7db31c 100644
--- a/people/16805.html
+++ b/people/16805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16806.html b/people/16806.html
index e795ff0b..629b5b1b 100644
--- a/people/16806.html
+++ b/people/16806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16807.html b/people/16807.html
index 063975f8..7a968d38 100644
--- a/people/16807.html
+++ b/people/16807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16808.html b/people/16808.html
index 1f297da8..ad2f26ea 100644
--- a/people/16808.html
+++ b/people/16808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16809.html b/people/16809.html
index d7aae4e9..f9908eb4 100644
--- a/people/16809.html
+++ b/people/16809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1681.html b/people/1681.html
index b5c0df29..3d64dec1 100644
--- a/people/1681.html
+++ b/people/1681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16810.html b/people/16810.html
index e3aae027..b7a43746 100644
--- a/people/16810.html
+++ b/people/16810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16811.html b/people/16811.html
index 381bd521..fd766128 100644
--- a/people/16811.html
+++ b/people/16811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16812.html b/people/16812.html
index 75302a2b..b3a7aaa8 100644
--- a/people/16812.html
+++ b/people/16812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16813.html b/people/16813.html
index f4694437..bcef3ad9 100644
--- a/people/16813.html
+++ b/people/16813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16814.html b/people/16814.html
index 0a2ed8c0..a2fec16f 100644
--- a/people/16814.html
+++ b/people/16814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16815.html b/people/16815.html
index 140b5d3c..eb9fc53e 100644
--- a/people/16815.html
+++ b/people/16815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16816.html b/people/16816.html
index 76ab536b..fdc64ab7 100644
--- a/people/16816.html
+++ b/people/16816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16817.html b/people/16817.html
index 6c1389c9..9d4db28d 100644
--- a/people/16817.html
+++ b/people/16817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16818.html b/people/16818.html
index 463dead6..e7e2b352 100644
--- a/people/16818.html
+++ b/people/16818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16819.html b/people/16819.html
index 23ab077d..c8990dc4 100644
--- a/people/16819.html
+++ b/people/16819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1682.html b/people/1682.html
index c99f16b0..9119ab5b 100644
--- a/people/1682.html
+++ b/people/1682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16820.html b/people/16820.html
index b327376a..7ee632fc 100644
--- a/people/16820.html
+++ b/people/16820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16821.html b/people/16821.html
index bacebdb8..3249f3ea 100644
--- a/people/16821.html
+++ b/people/16821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16822.html b/people/16822.html
index 44395681..18418f29 100644
--- a/people/16822.html
+++ b/people/16822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16823.html b/people/16823.html
index a07ba9f8..2bead7d3 100644
--- a/people/16823.html
+++ b/people/16823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16824.html b/people/16824.html
index 8a3068ef..931f3de3 100644
--- a/people/16824.html
+++ b/people/16824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16825.html b/people/16825.html
index d108b2ab..70f3d639 100644
--- a/people/16825.html
+++ b/people/16825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16826.html b/people/16826.html
index 063d6286..e7d005a6 100644
--- a/people/16826.html
+++ b/people/16826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16827.html b/people/16827.html
index 4b4f6cbe..6239c530 100644
--- a/people/16827.html
+++ b/people/16827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16828.html b/people/16828.html
index 7b056202..55ef5a07 100644
--- a/people/16828.html
+++ b/people/16828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16829.html b/people/16829.html
index 4e76fbc8..228f6675 100644
--- a/people/16829.html
+++ b/people/16829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1683.html b/people/1683.html
index 22de8568..bbebf3b4 100644
--- a/people/1683.html
+++ b/people/1683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16830.html b/people/16830.html
index 58a81c39..3eddc969 100644
--- a/people/16830.html
+++ b/people/16830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16831.html b/people/16831.html
index 5ddd66a9..0179c8e1 100644
--- a/people/16831.html
+++ b/people/16831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16832.html b/people/16832.html
index 9d5d3536..9751b5ac 100644
--- a/people/16832.html
+++ b/people/16832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16833.html b/people/16833.html
index 25104230..d8268ab0 100644
--- a/people/16833.html
+++ b/people/16833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16834.html b/people/16834.html
index d97ef5f9..da07c938 100644
--- a/people/16834.html
+++ b/people/16834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16835.html b/people/16835.html
index 8fdecadd..baa83afd 100644
--- a/people/16835.html
+++ b/people/16835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16836.html b/people/16836.html
index ea0ea485..8f4202d0 100644
--- a/people/16836.html
+++ b/people/16836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16837.html b/people/16837.html
index a64d48c2..cd048a58 100644
--- a/people/16837.html
+++ b/people/16837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16838.html b/people/16838.html
index 407080c0..7e17b726 100644
--- a/people/16838.html
+++ b/people/16838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16839.html b/people/16839.html
index 0b80c432..f034c21a 100644
--- a/people/16839.html
+++ b/people/16839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1684.html b/people/1684.html
index 9e48cac7..ddef44bc 100644
--- a/people/1684.html
+++ b/people/1684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16840.html b/people/16840.html
index df958971..1a4569cc 100644
--- a/people/16840.html
+++ b/people/16840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16841.html b/people/16841.html
index ec6eb3ca..0dbdeaaf 100644
--- a/people/16841.html
+++ b/people/16841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16842.html b/people/16842.html
index 310aadca..0885e808 100644
--- a/people/16842.html
+++ b/people/16842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16843.html b/people/16843.html
index 2d274785..291cb586 100644
--- a/people/16843.html
+++ b/people/16843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16844.html b/people/16844.html
index a72a4b6f..6c7b7976 100644
--- a/people/16844.html
+++ b/people/16844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16845.html b/people/16845.html
index 0ef0daf9..889896d4 100644
--- a/people/16845.html
+++ b/people/16845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16846.html b/people/16846.html
index 54e4d119..141809b2 100644
--- a/people/16846.html
+++ b/people/16846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16847.html b/people/16847.html
index 3009cd76..57a3b3bc 100644
--- a/people/16847.html
+++ b/people/16847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16848.html b/people/16848.html
index 564bb6fb..c8c05e1a 100644
--- a/people/16848.html
+++ b/people/16848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16849.html b/people/16849.html
index c3260ab5..fcaaef23 100644
--- a/people/16849.html
+++ b/people/16849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1685.html b/people/1685.html
index d3aadfe2..651365c9 100644
--- a/people/1685.html
+++ b/people/1685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16850.html b/people/16850.html
index 02bda8ff..4bf1e4c3 100644
--- a/people/16850.html
+++ b/people/16850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16851.html b/people/16851.html
index 27e449db..ec56b439 100644
--- a/people/16851.html
+++ b/people/16851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16852.html b/people/16852.html
index 5af7b733..6d073ef9 100644
--- a/people/16852.html
+++ b/people/16852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16853.html b/people/16853.html
index e726eef9..20f4b405 100644
--- a/people/16853.html
+++ b/people/16853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16854.html b/people/16854.html
index 94774bcd..3c7f9606 100644
--- a/people/16854.html
+++ b/people/16854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16855.html b/people/16855.html
index 3d005a1f..2ef08ffc 100644
--- a/people/16855.html
+++ b/people/16855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16856.html b/people/16856.html
index 6b26aebf..5616df9c 100644
--- a/people/16856.html
+++ b/people/16856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16857.html b/people/16857.html
index 8883d420..2480db78 100644
--- a/people/16857.html
+++ b/people/16857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16858.html b/people/16858.html
index 1754db30..7157dde2 100644
--- a/people/16858.html
+++ b/people/16858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16859.html b/people/16859.html
index 0a1a5331..0609a413 100644
--- a/people/16859.html
+++ b/people/16859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1686.html b/people/1686.html
index 8bf1375d..d3354155 100644
--- a/people/1686.html
+++ b/people/1686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16860.html b/people/16860.html
index a6a44c30..ca40b11a 100644
--- a/people/16860.html
+++ b/people/16860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16861.html b/people/16861.html
index a7d9a2b1..1875d69e 100644
--- a/people/16861.html
+++ b/people/16861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16862.html b/people/16862.html
index 9f9d1eb1..82bbd4fc 100644
--- a/people/16862.html
+++ b/people/16862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16863.html b/people/16863.html
index f9fe2dd2..8e1e13c2 100644
--- a/people/16863.html
+++ b/people/16863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16864.html b/people/16864.html
index 25f553c4..f3177d08 100644
--- a/people/16864.html
+++ b/people/16864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16865.html b/people/16865.html
index a169a0f8..6334237b 100644
--- a/people/16865.html
+++ b/people/16865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16866.html b/people/16866.html
index 4ec0f724..a6d9b384 100644
--- a/people/16866.html
+++ b/people/16866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16867.html b/people/16867.html
index 83af9bc4..51b3d789 100644
--- a/people/16867.html
+++ b/people/16867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16868.html b/people/16868.html
index 6656c601..24232775 100644
--- a/people/16868.html
+++ b/people/16868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16869.html b/people/16869.html
index 50150edb..a10316f8 100644
--- a/people/16869.html
+++ b/people/16869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1687.html b/people/1687.html
index 67d04553..c61a36f8 100644
--- a/people/1687.html
+++ b/people/1687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16870.html b/people/16870.html
index 7dd6d697..b7bf4b3e 100644
--- a/people/16870.html
+++ b/people/16870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16871.html b/people/16871.html
index c11f3f20..ba159340 100644
--- a/people/16871.html
+++ b/people/16871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16872.html b/people/16872.html
index 855c531e..56ea7bd9 100644
--- a/people/16872.html
+++ b/people/16872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16873.html b/people/16873.html
index 974ddc56..0a7d5b81 100644
--- a/people/16873.html
+++ b/people/16873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16874.html b/people/16874.html
index 82532e0f..adda9d10 100644
--- a/people/16874.html
+++ b/people/16874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16875.html b/people/16875.html
index bdaf65ae..4b94b613 100644
--- a/people/16875.html
+++ b/people/16875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16876.html b/people/16876.html
index ef2a34cc..2c122d5f 100644
--- a/people/16876.html
+++ b/people/16876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16877.html b/people/16877.html
index 49da99b3..2f0cce70 100644
--- a/people/16877.html
+++ b/people/16877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16878.html b/people/16878.html
index c520632d..30421376 100644
--- a/people/16878.html
+++ b/people/16878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16879.html b/people/16879.html
index 895725af..017e5c91 100644
--- a/people/16879.html
+++ b/people/16879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1688.html b/people/1688.html
index 8ae93f09..b0429bd1 100644
--- a/people/1688.html
+++ b/people/1688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16880.html b/people/16880.html
index a34277cf..45172894 100644
--- a/people/16880.html
+++ b/people/16880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16881.html b/people/16881.html
index aa25563f..c2226bea 100644
--- a/people/16881.html
+++ b/people/16881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16882.html b/people/16882.html
index 4848e5ba..7ab5f7b8 100644
--- a/people/16882.html
+++ b/people/16882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16883.html b/people/16883.html
index 406ff8d1..48c67d84 100644
--- a/people/16883.html
+++ b/people/16883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16884.html b/people/16884.html
index e93ea903..f22ec2d4 100644
--- a/people/16884.html
+++ b/people/16884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16885.html b/people/16885.html
index 06bac7b3..7e7410ad 100644
--- a/people/16885.html
+++ b/people/16885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16886.html b/people/16886.html
index f0acaa9e..17660b87 100644
--- a/people/16886.html
+++ b/people/16886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16887.html b/people/16887.html
index a2b971dc..a4735050 100644
--- a/people/16887.html
+++ b/people/16887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16888.html b/people/16888.html
index db9e2c54..c33ce471 100644
--- a/people/16888.html
+++ b/people/16888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16889.html b/people/16889.html
index a3190fe5..c2646cc2 100644
--- a/people/16889.html
+++ b/people/16889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1689.html b/people/1689.html
index 3c39ace6..846a8e60 100644
--- a/people/1689.html
+++ b/people/1689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16890.html b/people/16890.html
index f94c1536..8f0cfd05 100644
--- a/people/16890.html
+++ b/people/16890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16891.html b/people/16891.html
index 5ed81b51..9ab4ed72 100644
--- a/people/16891.html
+++ b/people/16891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16892.html b/people/16892.html
index 3399e41a..14ffe06c 100644
--- a/people/16892.html
+++ b/people/16892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16893.html b/people/16893.html
index 44056c77..922753ce 100644
--- a/people/16893.html
+++ b/people/16893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16894.html b/people/16894.html
index 8319afcb..47c7e6d4 100644
--- a/people/16894.html
+++ b/people/16894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16895.html b/people/16895.html
index b036e29b..ee3c09d2 100644
--- a/people/16895.html
+++ b/people/16895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16896.html b/people/16896.html
index 3997038a..9b7fc110 100644
--- a/people/16896.html
+++ b/people/16896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16897.html b/people/16897.html
index 68e1cab2..111dd195 100644
--- a/people/16897.html
+++ b/people/16897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16898.html b/people/16898.html
index aa936d76..40f274bd 100644
--- a/people/16898.html
+++ b/people/16898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16899.html b/people/16899.html
index 01784d92..cad46171 100644
--- a/people/16899.html
+++ b/people/16899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/169.html b/people/169.html
index 95dad2be..74b50375 100644
--- a/people/169.html
+++ b/people/169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1690.html b/people/1690.html
index 8463b47d..0fe91fd6 100644
--- a/people/1690.html
+++ b/people/1690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16900.html b/people/16900.html
index e87ca7da..bcd6c943 100644
--- a/people/16900.html
+++ b/people/16900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16901.html b/people/16901.html
index 99a8178e..a52af78e 100644
--- a/people/16901.html
+++ b/people/16901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16902.html b/people/16902.html
index 04e1502a..e3603b3c 100644
--- a/people/16902.html
+++ b/people/16902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16903.html b/people/16903.html
index d55a9a95..dcacddbd 100644
--- a/people/16903.html
+++ b/people/16903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16904.html b/people/16904.html
index e52d6a09..ec0d586a 100644
--- a/people/16904.html
+++ b/people/16904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16905.html b/people/16905.html
index b5624170..0ed36c88 100644
--- a/people/16905.html
+++ b/people/16905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16906.html b/people/16906.html
index 858fff13..3eacd116 100644
--- a/people/16906.html
+++ b/people/16906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16907.html b/people/16907.html
index f327072d..fd176c30 100644
--- a/people/16907.html
+++ b/people/16907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16908.html b/people/16908.html
index 2639cd06..62739103 100644
--- a/people/16908.html
+++ b/people/16908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16909.html b/people/16909.html
index 3a050846..bb76db2d 100644
--- a/people/16909.html
+++ b/people/16909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1691.html b/people/1691.html
index 733016f4..60d5ad76 100644
--- a/people/1691.html
+++ b/people/1691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16910.html b/people/16910.html
index 5471e7ef..df9c41f1 100644
--- a/people/16910.html
+++ b/people/16910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16911.html b/people/16911.html
index dd40c058..7af74429 100644
--- a/people/16911.html
+++ b/people/16911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16912.html b/people/16912.html
index 4b0b857a..0e193298 100644
--- a/people/16912.html
+++ b/people/16912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16913.html b/people/16913.html
index a6e9bd95..dae1c5ee 100644
--- a/people/16913.html
+++ b/people/16913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16914.html b/people/16914.html
index f6c3ac92..930052f2 100644
--- a/people/16914.html
+++ b/people/16914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16915.html b/people/16915.html
index aaa4b25f..3195fbad 100644
--- a/people/16915.html
+++ b/people/16915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16916.html b/people/16916.html
index 99575035..b91c8549 100644
--- a/people/16916.html
+++ b/people/16916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16917.html b/people/16917.html
index 480c411d..ecd76811 100644
--- a/people/16917.html
+++ b/people/16917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16918.html b/people/16918.html
index 37fb2fd7..b24fb8ab 100644
--- a/people/16918.html
+++ b/people/16918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16919.html b/people/16919.html
index c3242046..a3b454ae 100644
--- a/people/16919.html
+++ b/people/16919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1692.html b/people/1692.html
index b8df48a7..977a42ff 100644
--- a/people/1692.html
+++ b/people/1692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16920.html b/people/16920.html
index 0545388b..b626ad96 100644
--- a/people/16920.html
+++ b/people/16920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16921.html b/people/16921.html
index b3b00555..a4ba51ba 100644
--- a/people/16921.html
+++ b/people/16921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16922.html b/people/16922.html
index e54675d3..530440e9 100644
--- a/people/16922.html
+++ b/people/16922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16923.html b/people/16923.html
index eb90ef28..d045e3c5 100644
--- a/people/16923.html
+++ b/people/16923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16924.html b/people/16924.html
index fe8f31cc..c507f884 100644
--- a/people/16924.html
+++ b/people/16924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16925.html b/people/16925.html
index 62cab1e0..2ad90a98 100644
--- a/people/16925.html
+++ b/people/16925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16926.html b/people/16926.html
index 777acdb1..e42da9c4 100644
--- a/people/16926.html
+++ b/people/16926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16927.html b/people/16927.html
index e0fc28bc..b55ede3d 100644
--- a/people/16927.html
+++ b/people/16927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16928.html b/people/16928.html
index 70577b9f..2daf6f35 100644
--- a/people/16928.html
+++ b/people/16928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16929.html b/people/16929.html
index 678b4b6d..ccb1ecb7 100644
--- a/people/16929.html
+++ b/people/16929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1693.html b/people/1693.html
index 70bf2649..50c94c3e 100644
--- a/people/1693.html
+++ b/people/1693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16930.html b/people/16930.html
index 7fdfa012..1b082cdd 100644
--- a/people/16930.html
+++ b/people/16930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16931.html b/people/16931.html
index f8be730d..b8d2db9f 100644
--- a/people/16931.html
+++ b/people/16931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16932.html b/people/16932.html
index 19ec29b2..7cdc9705 100644
--- a/people/16932.html
+++ b/people/16932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16933.html b/people/16933.html
index 19cc8f80..5567d7c7 100644
--- a/people/16933.html
+++ b/people/16933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16934.html b/people/16934.html
index 8875dbee..0e2ec9b3 100644
--- a/people/16934.html
+++ b/people/16934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16935.html b/people/16935.html
index 46fce5ff..9bd5540d 100644
--- a/people/16935.html
+++ b/people/16935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16936.html b/people/16936.html
index 9395012b..fac1ae27 100644
--- a/people/16936.html
+++ b/people/16936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16937.html b/people/16937.html
index 426fdcb2..79949043 100644
--- a/people/16937.html
+++ b/people/16937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16938.html b/people/16938.html
index 92410a5e..1d2b9f1f 100644
--- a/people/16938.html
+++ b/people/16938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16939.html b/people/16939.html
index 369dcfa8..c31eb3fb 100644
--- a/people/16939.html
+++ b/people/16939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1694.html b/people/1694.html
index 740cb3f6..7f209853 100644
--- a/people/1694.html
+++ b/people/1694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16940.html b/people/16940.html
index 68f19bf9..a4572263 100644
--- a/people/16940.html
+++ b/people/16940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16941.html b/people/16941.html
index c85cb13d..9520e873 100644
--- a/people/16941.html
+++ b/people/16941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16942.html b/people/16942.html
index e3bd1c38..f1be80ac 100644
--- a/people/16942.html
+++ b/people/16942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16943.html b/people/16943.html
index 4b780889..a205125e 100644
--- a/people/16943.html
+++ b/people/16943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16944.html b/people/16944.html
index 21e6bb96..904a3983 100644
--- a/people/16944.html
+++ b/people/16944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16945.html b/people/16945.html
index eb32f56a..8dd00ac0 100644
--- a/people/16945.html
+++ b/people/16945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16946.html b/people/16946.html
index 0d3f40d1..19acb64a 100644
--- a/people/16946.html
+++ b/people/16946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16947.html b/people/16947.html
index df75c7cf..3efc69ae 100644
--- a/people/16947.html
+++ b/people/16947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16948.html b/people/16948.html
index 95c30d6d..19f21eae 100644
--- a/people/16948.html
+++ b/people/16948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16949.html b/people/16949.html
index bfc29bd5..0d6ea025 100644
--- a/people/16949.html
+++ b/people/16949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1695.html b/people/1695.html
index b080191d..78f743bb 100644
--- a/people/1695.html
+++ b/people/1695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16950.html b/people/16950.html
index 790d9fec..fa7b8747 100644
--- a/people/16950.html
+++ b/people/16950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16951.html b/people/16951.html
index 3dfea3f4..679c5773 100644
--- a/people/16951.html
+++ b/people/16951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16952.html b/people/16952.html
index 5f291e6e..b892d0ff 100644
--- a/people/16952.html
+++ b/people/16952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16953.html b/people/16953.html
index d04da24c..e7432a49 100644
--- a/people/16953.html
+++ b/people/16953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16954.html b/people/16954.html
index a49a814f..c702a5f8 100644
--- a/people/16954.html
+++ b/people/16954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16955.html b/people/16955.html
index 18ac10ea..386e9254 100644
--- a/people/16955.html
+++ b/people/16955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16956.html b/people/16956.html
index 9fc00bcb..b203818a 100644
--- a/people/16956.html
+++ b/people/16956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16957.html b/people/16957.html
index acbaf622..a87fabaa 100644
--- a/people/16957.html
+++ b/people/16957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16958.html b/people/16958.html
index 906235e1..1fd7fe7c 100644
--- a/people/16958.html
+++ b/people/16958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16959.html b/people/16959.html
index a355bc96..e0c81699 100644
--- a/people/16959.html
+++ b/people/16959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1696.html b/people/1696.html
index 7e1065f8..4197148e 100644
--- a/people/1696.html
+++ b/people/1696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16960.html b/people/16960.html
index b9bd5ea2..b8e15133 100644
--- a/people/16960.html
+++ b/people/16960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16961.html b/people/16961.html
index 6ee54de9..4088536c 100644
--- a/people/16961.html
+++ b/people/16961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16962.html b/people/16962.html
index 83e1b594..1c747525 100644
--- a/people/16962.html
+++ b/people/16962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16963.html b/people/16963.html
index 27699876..a72e7945 100644
--- a/people/16963.html
+++ b/people/16963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16964.html b/people/16964.html
index 73206079..f6739108 100644
--- a/people/16964.html
+++ b/people/16964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16965.html b/people/16965.html
index 9e164716..c9cfe58a 100644
--- a/people/16965.html
+++ b/people/16965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16966.html b/people/16966.html
index a5c385e0..641fe5f1 100644
--- a/people/16966.html
+++ b/people/16966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16967.html b/people/16967.html
index f41c0ec3..da5511af 100644
--- a/people/16967.html
+++ b/people/16967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16968.html b/people/16968.html
index b918e2eb..a92b7988 100644
--- a/people/16968.html
+++ b/people/16968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16969.html b/people/16969.html
index bab17310..9062844a 100644
--- a/people/16969.html
+++ b/people/16969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1697.html b/people/1697.html
index 365e2bfd..b7b0d696 100644
--- a/people/1697.html
+++ b/people/1697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16970.html b/people/16970.html
index 5ef8cb05..036a8fd1 100644
--- a/people/16970.html
+++ b/people/16970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16971.html b/people/16971.html
index 92b2b5d4..10b5ae11 100644
--- a/people/16971.html
+++ b/people/16971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16972.html b/people/16972.html
index 249d01d6..fe821448 100644
--- a/people/16972.html
+++ b/people/16972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16973.html b/people/16973.html
index 0b2ec6f9..7f582dee 100644
--- a/people/16973.html
+++ b/people/16973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16974.html b/people/16974.html
index 320f9d8e..ef2ff5c1 100644
--- a/people/16974.html
+++ b/people/16974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16975.html b/people/16975.html
index dd18eb10..e1ee5248 100644
--- a/people/16975.html
+++ b/people/16975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16976.html b/people/16976.html
index 2b533763..3c8b7942 100644
--- a/people/16976.html
+++ b/people/16976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16977.html b/people/16977.html
index 08286219..a2d64790 100644
--- a/people/16977.html
+++ b/people/16977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16978.html b/people/16978.html
index ae5b227a..41438ec9 100644
--- a/people/16978.html
+++ b/people/16978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16979.html b/people/16979.html
index 4bc614b3..fc93f30e 100644
--- a/people/16979.html
+++ b/people/16979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1698.html b/people/1698.html
index eb68620b..a25cc1af 100644
--- a/people/1698.html
+++ b/people/1698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16980.html b/people/16980.html
index 0a1ad3df..89528d4a 100644
--- a/people/16980.html
+++ b/people/16980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16981.html b/people/16981.html
index 8ba5f446..ada9da64 100644
--- a/people/16981.html
+++ b/people/16981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16982.html b/people/16982.html
index 0f4d9c35..e2bc48ad 100644
--- a/people/16982.html
+++ b/people/16982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16983.html b/people/16983.html
index b0d62c12..aec0aa6a 100644
--- a/people/16983.html
+++ b/people/16983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16984.html b/people/16984.html
index d58ea2b5..80e1f212 100644
--- a/people/16984.html
+++ b/people/16984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16985.html b/people/16985.html
index 01e25785..bb2bf7af 100644
--- a/people/16985.html
+++ b/people/16985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16986.html b/people/16986.html
index f24e269c..7711e1b9 100644
--- a/people/16986.html
+++ b/people/16986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16987.html b/people/16987.html
index d579fb41..6a42fd6f 100644
--- a/people/16987.html
+++ b/people/16987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16988.html b/people/16988.html
index 022e2bfe..635bde1c 100644
--- a/people/16988.html
+++ b/people/16988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16989.html b/people/16989.html
index a6772098..09b0cba4 100644
--- a/people/16989.html
+++ b/people/16989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1699.html b/people/1699.html
index ea53ce27..41732cfe 100644
--- a/people/1699.html
+++ b/people/1699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16990.html b/people/16990.html
index 57ce10c7..8771d86c 100644
--- a/people/16990.html
+++ b/people/16990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16991.html b/people/16991.html
index ff353613..98b904b9 100644
--- a/people/16991.html
+++ b/people/16991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16992.html b/people/16992.html
index 2ae319a9..422168af 100644
--- a/people/16992.html
+++ b/people/16992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16993.html b/people/16993.html
index af865523..312bb7c0 100644
--- a/people/16993.html
+++ b/people/16993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16994.html b/people/16994.html
index fd17e6d8..f1f25f65 100644
--- a/people/16994.html
+++ b/people/16994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16995.html b/people/16995.html
index 22e51b52..889f6d31 100644
--- a/people/16995.html
+++ b/people/16995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16996.html b/people/16996.html
index 31b4a85e..f599e7f7 100644
--- a/people/16996.html
+++ b/people/16996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16997.html b/people/16997.html
index 469c8b3e..ba247f3d 100644
--- a/people/16997.html
+++ b/people/16997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16998.html b/people/16998.html
index bd426563..77075bbe 100644
--- a/people/16998.html
+++ b/people/16998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/16999.html b/people/16999.html
index b1dcb89d..91d9c152 100644
--- a/people/16999.html
+++ b/people/16999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17.html b/people/17.html
index 82a33ba9..8f808fba 100644
--- a/people/17.html
+++ b/people/17.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/170.html b/people/170.html
index ded22919..a397817f 100644
--- a/people/170.html
+++ b/people/170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1700.html b/people/1700.html
index 97ac82e4..b771fc01 100644
--- a/people/1700.html
+++ b/people/1700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17000.html b/people/17000.html
index 0b211ca2..dd1c41a5 100644
--- a/people/17000.html
+++ b/people/17000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17001.html b/people/17001.html
index cfc640f2..cb05d482 100644
--- a/people/17001.html
+++ b/people/17001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17002.html b/people/17002.html
index 7992aa22..127a0d81 100644
--- a/people/17002.html
+++ b/people/17002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17003.html b/people/17003.html
index d2fea63b..6174c1eb 100644
--- a/people/17003.html
+++ b/people/17003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17004.html b/people/17004.html
index 55e6978b..06ba88a6 100644
--- a/people/17004.html
+++ b/people/17004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17005.html b/people/17005.html
index 962838f6..2827281c 100644
--- a/people/17005.html
+++ b/people/17005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17006.html b/people/17006.html
index a037a172..35e93444 100644
--- a/people/17006.html
+++ b/people/17006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17007.html b/people/17007.html
index 4e712a71..23cb990d 100644
--- a/people/17007.html
+++ b/people/17007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17008.html b/people/17008.html
index ed0593de..c88281b8 100644
--- a/people/17008.html
+++ b/people/17008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17009.html b/people/17009.html
index 2dd69424..d6f34e9d 100644
--- a/people/17009.html
+++ b/people/17009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1701.html b/people/1701.html
index 790febf4..4c10eef3 100644
--- a/people/1701.html
+++ b/people/1701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17010.html b/people/17010.html
index c8a32c1e..0b0f0b73 100644
--- a/people/17010.html
+++ b/people/17010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17011.html b/people/17011.html
index b6327b79..bec6b367 100644
--- a/people/17011.html
+++ b/people/17011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17012.html b/people/17012.html
index 3e1cdc4d..c311f0e8 100644
--- a/people/17012.html
+++ b/people/17012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17013.html b/people/17013.html
index 4d778e2e..02588892 100644
--- a/people/17013.html
+++ b/people/17013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17014.html b/people/17014.html
index db6f28dd..d76b9f91 100644
--- a/people/17014.html
+++ b/people/17014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17015.html b/people/17015.html
index 062eaba0..738fc912 100644
--- a/people/17015.html
+++ b/people/17015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17016.html b/people/17016.html
index 0d66350e..e767caf8 100644
--- a/people/17016.html
+++ b/people/17016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17017.html b/people/17017.html
index ec3a1b8f..35905367 100644
--- a/people/17017.html
+++ b/people/17017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17018.html b/people/17018.html
index e965d349..6fcc33aa 100644
--- a/people/17018.html
+++ b/people/17018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17019.html b/people/17019.html
index e6a9956e..ca7d3a1b 100644
--- a/people/17019.html
+++ b/people/17019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1702.html b/people/1702.html
index 2f23dae9..a80a0b12 100644
--- a/people/1702.html
+++ b/people/1702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17020.html b/people/17020.html
index 3c8ccdf5..612f6392 100644
--- a/people/17020.html
+++ b/people/17020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17021.html b/people/17021.html
index cd0bd0cb..fe82df03 100644
--- a/people/17021.html
+++ b/people/17021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17022.html b/people/17022.html
index a31be1b6..f6b71eb8 100644
--- a/people/17022.html
+++ b/people/17022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17023.html b/people/17023.html
index 21405667..b31fbc61 100644
--- a/people/17023.html
+++ b/people/17023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17024.html b/people/17024.html
index bb0da26b..d64fe225 100644
--- a/people/17024.html
+++ b/people/17024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17025.html b/people/17025.html
index e88c0d71..932d4cb5 100644
--- a/people/17025.html
+++ b/people/17025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17026.html b/people/17026.html
index 4e4ebc42..868d7ecc 100644
--- a/people/17026.html
+++ b/people/17026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17027.html b/people/17027.html
index dc1885df..d9141522 100644
--- a/people/17027.html
+++ b/people/17027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17028.html b/people/17028.html
index 5bc90258..d6dce3e1 100644
--- a/people/17028.html
+++ b/people/17028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17029.html b/people/17029.html
index 553fcf72..c60f3d09 100644
--- a/people/17029.html
+++ b/people/17029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1703.html b/people/1703.html
index 854c6749..ec7f1e90 100644
--- a/people/1703.html
+++ b/people/1703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17030.html b/people/17030.html
index 1318df05..110e3483 100644
--- a/people/17030.html
+++ b/people/17030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17031.html b/people/17031.html
index 859206fe..0638c1d0 100644
--- a/people/17031.html
+++ b/people/17031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17032.html b/people/17032.html
index b34b1ab2..bce62d6b 100644
--- a/people/17032.html
+++ b/people/17032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17033.html b/people/17033.html
index 1edbf3e8..4bd5f4be 100644
--- a/people/17033.html
+++ b/people/17033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17034.html b/people/17034.html
index 246866c2..fdf46a97 100644
--- a/people/17034.html
+++ b/people/17034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17035.html b/people/17035.html
index 5f9258c8..cf48c8dd 100644
--- a/people/17035.html
+++ b/people/17035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17036.html b/people/17036.html
index aa3569a6..792d2ea5 100644
--- a/people/17036.html
+++ b/people/17036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17037.html b/people/17037.html
index 8d8b7c5e..3d7aaf69 100644
--- a/people/17037.html
+++ b/people/17037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17038.html b/people/17038.html
index c0dcf2e3..31617df3 100644
--- a/people/17038.html
+++ b/people/17038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17039.html b/people/17039.html
index 5bb378c4..fb3f0c0e 100644
--- a/people/17039.html
+++ b/people/17039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1704.html b/people/1704.html
index fac07eb1..ad449791 100644
--- a/people/1704.html
+++ b/people/1704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17040.html b/people/17040.html
index cc4dbc67..3875cf0f 100644
--- a/people/17040.html
+++ b/people/17040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17041.html b/people/17041.html
index 60667ef9..6d082a99 100644
--- a/people/17041.html
+++ b/people/17041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17042.html b/people/17042.html
index 7716da50..768b4369 100644
--- a/people/17042.html
+++ b/people/17042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17043.html b/people/17043.html
index 86feb22d..57147a22 100644
--- a/people/17043.html
+++ b/people/17043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17044.html b/people/17044.html
index 3fd7d10d..05aaaa5d 100644
--- a/people/17044.html
+++ b/people/17044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17045.html b/people/17045.html
index 31e2b5a1..c876dfd3 100644
--- a/people/17045.html
+++ b/people/17045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17046.html b/people/17046.html
index e88c3b37..034ed36a 100644
--- a/people/17046.html
+++ b/people/17046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17047.html b/people/17047.html
index 4bdccd2f..9d6daf6a 100644
--- a/people/17047.html
+++ b/people/17047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17048.html b/people/17048.html
index 39df98f5..431bb635 100644
--- a/people/17048.html
+++ b/people/17048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17049.html b/people/17049.html
index 57bacd8f..dfc98517 100644
--- a/people/17049.html
+++ b/people/17049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1705.html b/people/1705.html
index 70999eea..f662826c 100644
--- a/people/1705.html
+++ b/people/1705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17050.html b/people/17050.html
index 3ab4dc0f..173dbff4 100644
--- a/people/17050.html
+++ b/people/17050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17051.html b/people/17051.html
index 037b43d5..38482db2 100644
--- a/people/17051.html
+++ b/people/17051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17052.html b/people/17052.html
index a2086880..eac7bb35 100644
--- a/people/17052.html
+++ b/people/17052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17053.html b/people/17053.html
index 7ff1ddf2..57a15b2e 100644
--- a/people/17053.html
+++ b/people/17053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17054.html b/people/17054.html
index f92a584c..e4dfe50f 100644
--- a/people/17054.html
+++ b/people/17054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17055.html b/people/17055.html
index 1fb51e63..45ecd93c 100644
--- a/people/17055.html
+++ b/people/17055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17056.html b/people/17056.html
index 8e3b89b8..831f5bb4 100644
--- a/people/17056.html
+++ b/people/17056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17057.html b/people/17057.html
index dae3d856..cc7547f6 100644
--- a/people/17057.html
+++ b/people/17057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17058.html b/people/17058.html
index 63a8ccd3..1ca8a2b5 100644
--- a/people/17058.html
+++ b/people/17058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17059.html b/people/17059.html
index fd2c89a5..ace00334 100644
--- a/people/17059.html
+++ b/people/17059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1706.html b/people/1706.html
index ada0ae5b..79e2c4a9 100644
--- a/people/1706.html
+++ b/people/1706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17060.html b/people/17060.html
index 703ca202..9be212fb 100644
--- a/people/17060.html
+++ b/people/17060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17061.html b/people/17061.html
index b5ed7425..f97d4b96 100644
--- a/people/17061.html
+++ b/people/17061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17062.html b/people/17062.html
index 908c0688..a90e5571 100644
--- a/people/17062.html
+++ b/people/17062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17063.html b/people/17063.html
index 819d25f5..03d347d5 100644
--- a/people/17063.html
+++ b/people/17063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17064.html b/people/17064.html
index 3597f7db..6da57c91 100644
--- a/people/17064.html
+++ b/people/17064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17065.html b/people/17065.html
index abe79797..b5e6d38f 100644
--- a/people/17065.html
+++ b/people/17065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17066.html b/people/17066.html
index 7b16185f..cfce393c 100644
--- a/people/17066.html
+++ b/people/17066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17067.html b/people/17067.html
index 60085603..e0b6c143 100644
--- a/people/17067.html
+++ b/people/17067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17068.html b/people/17068.html
index 81222c0f..9f42d4ac 100644
--- a/people/17068.html
+++ b/people/17068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17069.html b/people/17069.html
index 18820e06..f9046d14 100644
--- a/people/17069.html
+++ b/people/17069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1707.html b/people/1707.html
index 08a4dbd9..9586e226 100644
--- a/people/1707.html
+++ b/people/1707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17070.html b/people/17070.html
index 0cd9e872..bc6928f6 100644
--- a/people/17070.html
+++ b/people/17070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17071.html b/people/17071.html
index e5bb7582..53654750 100644
--- a/people/17071.html
+++ b/people/17071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17072.html b/people/17072.html
index 48b64af9..77b4883c 100644
--- a/people/17072.html
+++ b/people/17072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17073.html b/people/17073.html
index 49b6d6bf..214a6d99 100644
--- a/people/17073.html
+++ b/people/17073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17074.html b/people/17074.html
index 02055a36..fd9abade 100644
--- a/people/17074.html
+++ b/people/17074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17075.html b/people/17075.html
index 9fa599b2..0d021a25 100644
--- a/people/17075.html
+++ b/people/17075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17076.html b/people/17076.html
index cec1569f..101f33b1 100644
--- a/people/17076.html
+++ b/people/17076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17077.html b/people/17077.html
index efb2bde8..ee422ec5 100644
--- a/people/17077.html
+++ b/people/17077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17078.html b/people/17078.html
index 489e6879..2424ac9f 100644
--- a/people/17078.html
+++ b/people/17078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17079.html b/people/17079.html
index f03bb987..c0145a6f 100644
--- a/people/17079.html
+++ b/people/17079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1708.html b/people/1708.html
index 43d3a22f..f7d04472 100644
--- a/people/1708.html
+++ b/people/1708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17080.html b/people/17080.html
index 088cf5e5..3a431d9c 100644
--- a/people/17080.html
+++ b/people/17080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17081.html b/people/17081.html
index d93ef8e4..e4460042 100644
--- a/people/17081.html
+++ b/people/17081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17082.html b/people/17082.html
index 74c6614f..c0877328 100644
--- a/people/17082.html
+++ b/people/17082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17083.html b/people/17083.html
index 70144324..01d217cd 100644
--- a/people/17083.html
+++ b/people/17083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17084.html b/people/17084.html
index dd068d2b..e5a2bd30 100644
--- a/people/17084.html
+++ b/people/17084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17085.html b/people/17085.html
index acbdd4d1..908e8ade 100644
--- a/people/17085.html
+++ b/people/17085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17086.html b/people/17086.html
index 8960857b..ba26102e 100644
--- a/people/17086.html
+++ b/people/17086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17087.html b/people/17087.html
index 15af2d7d..081d0c47 100644
--- a/people/17087.html
+++ b/people/17087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17088.html b/people/17088.html
index 7b9c2bcb..61064ecb 100644
--- a/people/17088.html
+++ b/people/17088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17089.html b/people/17089.html
index 972dd204..62f8bea8 100644
--- a/people/17089.html
+++ b/people/17089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1709.html b/people/1709.html
index 2642ddc9..b6462ef0 100644
--- a/people/1709.html
+++ b/people/1709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17090.html b/people/17090.html
index 02dc642f..20443db5 100644
--- a/people/17090.html
+++ b/people/17090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17091.html b/people/17091.html
index ed6d82db..e06ea7f6 100644
--- a/people/17091.html
+++ b/people/17091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17092.html b/people/17092.html
index cf2ebef9..a35276d3 100644
--- a/people/17092.html
+++ b/people/17092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17093.html b/people/17093.html
index 39714979..24b6aaf5 100644
--- a/people/17093.html
+++ b/people/17093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17094.html b/people/17094.html
index 719136c7..cfd5a8c4 100644
--- a/people/17094.html
+++ b/people/17094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17095.html b/people/17095.html
index f25476bb..85ea8544 100644
--- a/people/17095.html
+++ b/people/17095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17096.html b/people/17096.html
index 222b39fe..bca57a6b 100644
--- a/people/17096.html
+++ b/people/17096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17097.html b/people/17097.html
index 7baeadad..299263a1 100644
--- a/people/17097.html
+++ b/people/17097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17098.html b/people/17098.html
index 92e08094..1376b88e 100644
--- a/people/17098.html
+++ b/people/17098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17099.html b/people/17099.html
index c870d143..b6773e02 100644
--- a/people/17099.html
+++ b/people/17099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/171.html b/people/171.html
index 0200efb3..4add997f 100644
--- a/people/171.html
+++ b/people/171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1710.html b/people/1710.html
index 4344a6ee..bb128c28 100644
--- a/people/1710.html
+++ b/people/1710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17100.html b/people/17100.html
index 5f06c019..05d4cf76 100644
--- a/people/17100.html
+++ b/people/17100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17101.html b/people/17101.html
index e85327a7..b0daa583 100644
--- a/people/17101.html
+++ b/people/17101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17102.html b/people/17102.html
index ed9d741e..224d5ccb 100644
--- a/people/17102.html
+++ b/people/17102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17103.html b/people/17103.html
index ae51c73f..995b5100 100644
--- a/people/17103.html
+++ b/people/17103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17104.html b/people/17104.html
index 0529c9ff..3b8df25e 100644
--- a/people/17104.html
+++ b/people/17104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17105.html b/people/17105.html
index 26c8a3cf..fc110ef2 100644
--- a/people/17105.html
+++ b/people/17105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17106.html b/people/17106.html
index 68e2ae91..b5f9277d 100644
--- a/people/17106.html
+++ b/people/17106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17107.html b/people/17107.html
index 4abd1613..9f473031 100644
--- a/people/17107.html
+++ b/people/17107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17108.html b/people/17108.html
index 93c4810d..bb97121c 100644
--- a/people/17108.html
+++ b/people/17108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17109.html b/people/17109.html
index 133c3d8e..ffe40400 100644
--- a/people/17109.html
+++ b/people/17109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1711.html b/people/1711.html
index 742ebf18..a4d09cc2 100644
--- a/people/1711.html
+++ b/people/1711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17110.html b/people/17110.html
index a3a7f1d4..99b62579 100644
--- a/people/17110.html
+++ b/people/17110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17111.html b/people/17111.html
index 9b176c24..57fe6ca5 100644
--- a/people/17111.html
+++ b/people/17111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17112.html b/people/17112.html
index a887f44b..4c1feb7a 100644
--- a/people/17112.html
+++ b/people/17112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17113.html b/people/17113.html
index 9079f1db..4de400ef 100644
--- a/people/17113.html
+++ b/people/17113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17114.html b/people/17114.html
index 50f8bffd..c47994ad 100644
--- a/people/17114.html
+++ b/people/17114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17115.html b/people/17115.html
index d48d62bc..413e7a09 100644
--- a/people/17115.html
+++ b/people/17115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17116.html b/people/17116.html
index 8d25c79a..2dcb04e2 100644
--- a/people/17116.html
+++ b/people/17116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17117.html b/people/17117.html
index 11d399af..a2eae1a1 100644
--- a/people/17117.html
+++ b/people/17117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17118.html b/people/17118.html
index b4191e64..e8f8f2fc 100644
--- a/people/17118.html
+++ b/people/17118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17119.html b/people/17119.html
index fe33fb86..e8f85e4b 100644
--- a/people/17119.html
+++ b/people/17119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1712.html b/people/1712.html
index bc089c4e..0ae0ed11 100644
--- a/people/1712.html
+++ b/people/1712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17120.html b/people/17120.html
index b9884770..ef7a2953 100644
--- a/people/17120.html
+++ b/people/17120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17121.html b/people/17121.html
index 7511eb60..773b8fbf 100644
--- a/people/17121.html
+++ b/people/17121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17122.html b/people/17122.html
index 04838da3..df2ff571 100644
--- a/people/17122.html
+++ b/people/17122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17123.html b/people/17123.html
index 324fd337..c3b5438d 100644
--- a/people/17123.html
+++ b/people/17123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17124.html b/people/17124.html
index b424ec94..a7b3603e 100644
--- a/people/17124.html
+++ b/people/17124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17125.html b/people/17125.html
index 6067be18..f17657f1 100644
--- a/people/17125.html
+++ b/people/17125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17126.html b/people/17126.html
index 10369a4a..e1a7ca24 100644
--- a/people/17126.html
+++ b/people/17126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17127.html b/people/17127.html
index b2ac5f5b..e1c1579a 100644
--- a/people/17127.html
+++ b/people/17127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17128.html b/people/17128.html
index d09711d0..bc09c29e 100644
--- a/people/17128.html
+++ b/people/17128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17129.html b/people/17129.html
index 1dff504f..ad1473c0 100644
--- a/people/17129.html
+++ b/people/17129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1713.html b/people/1713.html
index 16cba486..fa17fe40 100644
--- a/people/1713.html
+++ b/people/1713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17130.html b/people/17130.html
index af6118d3..8adc7482 100644
--- a/people/17130.html
+++ b/people/17130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17131.html b/people/17131.html
index 74651d25..fdb91a27 100644
--- a/people/17131.html
+++ b/people/17131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17132.html b/people/17132.html
index 83b46081..64ce9d00 100644
--- a/people/17132.html
+++ b/people/17132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17133.html b/people/17133.html
index 368a39e0..b96df2c0 100644
--- a/people/17133.html
+++ b/people/17133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17134.html b/people/17134.html
index 6c23b75c..21788609 100644
--- a/people/17134.html
+++ b/people/17134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17135.html b/people/17135.html
index 6a866b87..b825262f 100644
--- a/people/17135.html
+++ b/people/17135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17136.html b/people/17136.html
index f5e7953f..22a34e58 100644
--- a/people/17136.html
+++ b/people/17136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17137.html b/people/17137.html
index 1dbefb05..8ea7b40e 100644
--- a/people/17137.html
+++ b/people/17137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17138.html b/people/17138.html
index 421b936a..df9bb771 100644
--- a/people/17138.html
+++ b/people/17138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17139.html b/people/17139.html
index 983e4749..b2124218 100644
--- a/people/17139.html
+++ b/people/17139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1714.html b/people/1714.html
index 94509f42..3471e1fe 100644
--- a/people/1714.html
+++ b/people/1714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17140.html b/people/17140.html
index 44bb3579..4a7d2c00 100644
--- a/people/17140.html
+++ b/people/17140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17141.html b/people/17141.html
index 4895b8ef..4bc66811 100644
--- a/people/17141.html
+++ b/people/17141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17142.html b/people/17142.html
index 61ecb10a..ac909f3c 100644
--- a/people/17142.html
+++ b/people/17142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17143.html b/people/17143.html
index 6d4c237c..9ada2bc5 100644
--- a/people/17143.html
+++ b/people/17143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17144.html b/people/17144.html
index a0d67a1e..b67d6230 100644
--- a/people/17144.html
+++ b/people/17144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17145.html b/people/17145.html
index a1601e5b..5757d0bb 100644
--- a/people/17145.html
+++ b/people/17145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17146.html b/people/17146.html
index 79b21930..4832ce57 100644
--- a/people/17146.html
+++ b/people/17146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17147.html b/people/17147.html
index d4bf864c..7499f637 100644
--- a/people/17147.html
+++ b/people/17147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17148.html b/people/17148.html
index 2ec4ccb4..e98351cf 100644
--- a/people/17148.html
+++ b/people/17148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17149.html b/people/17149.html
index a08e80f6..c4ccdf03 100644
--- a/people/17149.html
+++ b/people/17149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1715.html b/people/1715.html
index 7c20e0d6..8f6d5d9a 100644
--- a/people/1715.html
+++ b/people/1715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17150.html b/people/17150.html
index f3f76955..986fe5d5 100644
--- a/people/17150.html
+++ b/people/17150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17151.html b/people/17151.html
index c052ae8b..4e658dba 100644
--- a/people/17151.html
+++ b/people/17151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17152.html b/people/17152.html
index 0b3f93bc..82cd6f6c 100644
--- a/people/17152.html
+++ b/people/17152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17153.html b/people/17153.html
index 27ce4df5..e6e3be4a 100644
--- a/people/17153.html
+++ b/people/17153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17154.html b/people/17154.html
index d5ba442c..d0eaae9e 100644
--- a/people/17154.html
+++ b/people/17154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17155.html b/people/17155.html
index 721bd3de..7f8555af 100644
--- a/people/17155.html
+++ b/people/17155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17156.html b/people/17156.html
index 616edba4..0655d383 100644
--- a/people/17156.html
+++ b/people/17156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17157.html b/people/17157.html
index 00813c13..25cfcfb7 100644
--- a/people/17157.html
+++ b/people/17157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17158.html b/people/17158.html
index 627d121a..5d3406d7 100644
--- a/people/17158.html
+++ b/people/17158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17159.html b/people/17159.html
index 876eeb42..3a27acb2 100644
--- a/people/17159.html
+++ b/people/17159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1716.html b/people/1716.html
index 0b835f95..2b1494c8 100644
--- a/people/1716.html
+++ b/people/1716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17160.html b/people/17160.html
index 39ddce0c..710b0661 100644
--- a/people/17160.html
+++ b/people/17160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17161.html b/people/17161.html
index 953b7b18..b221f624 100644
--- a/people/17161.html
+++ b/people/17161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17162.html b/people/17162.html
index bd5ef67e..3629dabe 100644
--- a/people/17162.html
+++ b/people/17162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17163.html b/people/17163.html
index f2781e99..d5894e8e 100644
--- a/people/17163.html
+++ b/people/17163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17164.html b/people/17164.html
index 3e735014..a0407079 100644
--- a/people/17164.html
+++ b/people/17164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17165.html b/people/17165.html
index 3bb7962a..8753a5b6 100644
--- a/people/17165.html
+++ b/people/17165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17166.html b/people/17166.html
index ee19de2f..2566b572 100644
--- a/people/17166.html
+++ b/people/17166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17167.html b/people/17167.html
index c384f71b..be2c9285 100644
--- a/people/17167.html
+++ b/people/17167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17168.html b/people/17168.html
index 5e74e512..cb546277 100644
--- a/people/17168.html
+++ b/people/17168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17169.html b/people/17169.html
index 01ea199a..84249a43 100644
--- a/people/17169.html
+++ b/people/17169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1717.html b/people/1717.html
index 900acf7a..2bde304b 100644
--- a/people/1717.html
+++ b/people/1717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17170.html b/people/17170.html
index ee9ab98d..141fc6f5 100644
--- a/people/17170.html
+++ b/people/17170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17171.html b/people/17171.html
index 6380ec48..53058386 100644
--- a/people/17171.html
+++ b/people/17171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17172.html b/people/17172.html
index 6d117a86..e4c83137 100644
--- a/people/17172.html
+++ b/people/17172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17173.html b/people/17173.html
index fdc45437..58a2da99 100644
--- a/people/17173.html
+++ b/people/17173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17174.html b/people/17174.html
index 09671386..a8a12d7f 100644
--- a/people/17174.html
+++ b/people/17174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17175.html b/people/17175.html
index 449fadc7..2c626fd5 100644
--- a/people/17175.html
+++ b/people/17175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17176.html b/people/17176.html
index 45659428..ff6528cd 100644
--- a/people/17176.html
+++ b/people/17176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17177.html b/people/17177.html
index 885cb86c..c113bc1a 100644
--- a/people/17177.html
+++ b/people/17177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17178.html b/people/17178.html
index 054fea61..1efd397b 100644
--- a/people/17178.html
+++ b/people/17178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17179.html b/people/17179.html
index c6cecdfd..b595f665 100644
--- a/people/17179.html
+++ b/people/17179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1718.html b/people/1718.html
index 79f53fe1..d827bdf9 100644
--- a/people/1718.html
+++ b/people/1718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17180.html b/people/17180.html
index ac2fe945..0fc652bb 100644
--- a/people/17180.html
+++ b/people/17180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17181.html b/people/17181.html
index 1a41f67f..9c038509 100644
--- a/people/17181.html
+++ b/people/17181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17182.html b/people/17182.html
index fcae2990..070e1439 100644
--- a/people/17182.html
+++ b/people/17182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17183.html b/people/17183.html
index f641254c..4dd889d3 100644
--- a/people/17183.html
+++ b/people/17183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17184.html b/people/17184.html
index 8afa1ce4..0ac3fd4c 100644
--- a/people/17184.html
+++ b/people/17184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17185.html b/people/17185.html
index 37aa43d4..27d2aed5 100644
--- a/people/17185.html
+++ b/people/17185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17186.html b/people/17186.html
index 84c0c759..9e95577c 100644
--- a/people/17186.html
+++ b/people/17186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17187.html b/people/17187.html
index d3f0e751..9ae61413 100644
--- a/people/17187.html
+++ b/people/17187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17188.html b/people/17188.html
index 8222f191..baf148be 100644
--- a/people/17188.html
+++ b/people/17188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17189.html b/people/17189.html
index 272877b1..358be153 100644
--- a/people/17189.html
+++ b/people/17189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1719.html b/people/1719.html
index 3d8caa05..18a3127a 100644
--- a/people/1719.html
+++ b/people/1719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17190.html b/people/17190.html
index ad95d0b9..6504e7a2 100644
--- a/people/17190.html
+++ b/people/17190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17191.html b/people/17191.html
index 3002f38a..c15d8f89 100644
--- a/people/17191.html
+++ b/people/17191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17192.html b/people/17192.html
index 84adbf15..fdfb58b7 100644
--- a/people/17192.html
+++ b/people/17192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17193.html b/people/17193.html
index a1de4fd1..daa64f4a 100644
--- a/people/17193.html
+++ b/people/17193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17194.html b/people/17194.html
index 5b575001..cf6ce960 100644
--- a/people/17194.html
+++ b/people/17194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17195.html b/people/17195.html
index 8e83c15b..dbf93e3c 100644
--- a/people/17195.html
+++ b/people/17195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17196.html b/people/17196.html
index 349c37c2..239703a0 100644
--- a/people/17196.html
+++ b/people/17196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17197.html b/people/17197.html
index d2364587..7bc8d5c4 100644
--- a/people/17197.html
+++ b/people/17197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17198.html b/people/17198.html
index fb854e25..6f307840 100644
--- a/people/17198.html
+++ b/people/17198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17199.html b/people/17199.html
index da2c06a3..5260d05e 100644
--- a/people/17199.html
+++ b/people/17199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/172.html b/people/172.html
index 0f0eb055..f12a2f31 100644
--- a/people/172.html
+++ b/people/172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1720.html b/people/1720.html
index 5558ec45..da2dcd13 100644
--- a/people/1720.html
+++ b/people/1720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17200.html b/people/17200.html
index 1b77def1..b729bede 100644
--- a/people/17200.html
+++ b/people/17200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17201.html b/people/17201.html
index 2b6b3baf..2488b419 100644
--- a/people/17201.html
+++ b/people/17201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17202.html b/people/17202.html
index a45ed160..b2754e51 100644
--- a/people/17202.html
+++ b/people/17202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17203.html b/people/17203.html
index f218e314..2b11cfc5 100644
--- a/people/17203.html
+++ b/people/17203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17204.html b/people/17204.html
index 570722b8..0ac00296 100644
--- a/people/17204.html
+++ b/people/17204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17205.html b/people/17205.html
index 79ac76be..9d776ab3 100644
--- a/people/17205.html
+++ b/people/17205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17206.html b/people/17206.html
index 222540ce..b06d4e48 100644
--- a/people/17206.html
+++ b/people/17206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17207.html b/people/17207.html
index 03858085..e8d1844f 100644
--- a/people/17207.html
+++ b/people/17207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17208.html b/people/17208.html
index e4401701..1e067120 100644
--- a/people/17208.html
+++ b/people/17208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17209.html b/people/17209.html
index 74c32ab5..f4694458 100644
--- a/people/17209.html
+++ b/people/17209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1721.html b/people/1721.html
index abe28273..4cc107e0 100644
--- a/people/1721.html
+++ b/people/1721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17210.html b/people/17210.html
index 39daec3d..fba07ef6 100644
--- a/people/17210.html
+++ b/people/17210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17211.html b/people/17211.html
index 1420eeec..3e9a4768 100644
--- a/people/17211.html
+++ b/people/17211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17212.html b/people/17212.html
index a5665446..80a9134d 100644
--- a/people/17212.html
+++ b/people/17212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17213.html b/people/17213.html
index c2984556..fc9a01c7 100644
--- a/people/17213.html
+++ b/people/17213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17214.html b/people/17214.html
index 8fd8fed7..9c8b5a0c 100644
--- a/people/17214.html
+++ b/people/17214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17215.html b/people/17215.html
index 713b84c0..1c814549 100644
--- a/people/17215.html
+++ b/people/17215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17216.html b/people/17216.html
index 9d3d1bb1..71a32a57 100644
--- a/people/17216.html
+++ b/people/17216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17217.html b/people/17217.html
index 255146cd..8ed74cec 100644
--- a/people/17217.html
+++ b/people/17217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17218.html b/people/17218.html
index 95b95ea0..004c23d3 100644
--- a/people/17218.html
+++ b/people/17218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17219.html b/people/17219.html
index 604f1ce4..b79cefd7 100644
--- a/people/17219.html
+++ b/people/17219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1722.html b/people/1722.html
index 42d49763..71f33fed 100644
--- a/people/1722.html
+++ b/people/1722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17220.html b/people/17220.html
index 12acfddc..f1ee9457 100644
--- a/people/17220.html
+++ b/people/17220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17221.html b/people/17221.html
index 19908164..44952fcd 100644
--- a/people/17221.html
+++ b/people/17221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17222.html b/people/17222.html
index 47b80d02..09ff81bc 100644
--- a/people/17222.html
+++ b/people/17222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17223.html b/people/17223.html
index 242aaeb1..55456003 100644
--- a/people/17223.html
+++ b/people/17223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17224.html b/people/17224.html
index ea0bcb40..acf244f9 100644
--- a/people/17224.html
+++ b/people/17224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17225.html b/people/17225.html
index 7daee34b..5e3815c5 100644
--- a/people/17225.html
+++ b/people/17225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17226.html b/people/17226.html
index a000cf6f..8f4dd137 100644
--- a/people/17226.html
+++ b/people/17226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17227.html b/people/17227.html
index cda1b66d..c6c23771 100644
--- a/people/17227.html
+++ b/people/17227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17228.html b/people/17228.html
index 0b850cd7..29f0833a 100644
--- a/people/17228.html
+++ b/people/17228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17229.html b/people/17229.html
index 7af6ef55..1c4e5f74 100644
--- a/people/17229.html
+++ b/people/17229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1723.html b/people/1723.html
index bc385a2a..f0909fad 100644
--- a/people/1723.html
+++ b/people/1723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17230.html b/people/17230.html
index bfdef652..4345a242 100644
--- a/people/17230.html
+++ b/people/17230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17231.html b/people/17231.html
index d4a52901..465bfbf4 100644
--- a/people/17231.html
+++ b/people/17231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17232.html b/people/17232.html
index 5b3b1bb6..3714175b 100644
--- a/people/17232.html
+++ b/people/17232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17233.html b/people/17233.html
index 7434e0b0..5f593199 100644
--- a/people/17233.html
+++ b/people/17233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17234.html b/people/17234.html
index 87f2599e..c7a09446 100644
--- a/people/17234.html
+++ b/people/17234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17235.html b/people/17235.html
index 650568d2..a78e0f4a 100644
--- a/people/17235.html
+++ b/people/17235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17236.html b/people/17236.html
index 3a339f93..737ab090 100644
--- a/people/17236.html
+++ b/people/17236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17237.html b/people/17237.html
index 4aadce03..9b3d1bf0 100644
--- a/people/17237.html
+++ b/people/17237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17238.html b/people/17238.html
index f0f4b611..de4cb43f 100644
--- a/people/17238.html
+++ b/people/17238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17239.html b/people/17239.html
index 87dcea2e..f82ac3b9 100644
--- a/people/17239.html
+++ b/people/17239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1724.html b/people/1724.html
index 8bc8a852..358852f9 100644
--- a/people/1724.html
+++ b/people/1724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17240.html b/people/17240.html
index c6aabafb..924dc38d 100644
--- a/people/17240.html
+++ b/people/17240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17241.html b/people/17241.html
index 73688aca..a25d7efc 100644
--- a/people/17241.html
+++ b/people/17241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17242.html b/people/17242.html
index 1daafd4e..fd899b09 100644
--- a/people/17242.html
+++ b/people/17242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17243.html b/people/17243.html
index 5328e3af..79171a48 100644
--- a/people/17243.html
+++ b/people/17243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17244.html b/people/17244.html
index 6eda045d..fc604e01 100644
--- a/people/17244.html
+++ b/people/17244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17245.html b/people/17245.html
index 9500174d..79d3b962 100644
--- a/people/17245.html
+++ b/people/17245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17246.html b/people/17246.html
index 4cb55fb9..da515416 100644
--- a/people/17246.html
+++ b/people/17246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17247.html b/people/17247.html
index 33357956..d7948c76 100644
--- a/people/17247.html
+++ b/people/17247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17248.html b/people/17248.html
index 16652fd4..0936c4d2 100644
--- a/people/17248.html
+++ b/people/17248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17249.html b/people/17249.html
index 98ddea21..4e01355c 100644
--- a/people/17249.html
+++ b/people/17249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1725.html b/people/1725.html
index 728f3030..ea4943d4 100644
--- a/people/1725.html
+++ b/people/1725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17250.html b/people/17250.html
index eaa363d8..ec44a995 100644
--- a/people/17250.html
+++ b/people/17250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17251.html b/people/17251.html
index dcf3db25..bffc4391 100644
--- a/people/17251.html
+++ b/people/17251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17252.html b/people/17252.html
index bbe1cf04..1371507c 100644
--- a/people/17252.html
+++ b/people/17252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17253.html b/people/17253.html
index 3a27e926..9980d469 100644
--- a/people/17253.html
+++ b/people/17253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17254.html b/people/17254.html
index 532492a2..4b2947f7 100644
--- a/people/17254.html
+++ b/people/17254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17255.html b/people/17255.html
index 2ec29a13..eea3cfe6 100644
--- a/people/17255.html
+++ b/people/17255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17256.html b/people/17256.html
index d6678ad8..f01898db 100644
--- a/people/17256.html
+++ b/people/17256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17257.html b/people/17257.html
index eb2ac22c..453ab37d 100644
--- a/people/17257.html
+++ b/people/17257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17258.html b/people/17258.html
index 5daa9b47..2a016890 100644
--- a/people/17258.html
+++ b/people/17258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17259.html b/people/17259.html
index e7ad695a..3dd90994 100644
--- a/people/17259.html
+++ b/people/17259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1726.html b/people/1726.html
index 01bcd980..40b2247b 100644
--- a/people/1726.html
+++ b/people/1726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17260.html b/people/17260.html
index 25bb57f2..0a13f8f1 100644
--- a/people/17260.html
+++ b/people/17260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17261.html b/people/17261.html
index 2b1028d4..15910932 100644
--- a/people/17261.html
+++ b/people/17261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17262.html b/people/17262.html
index a5e55b98..7c33f76e 100644
--- a/people/17262.html
+++ b/people/17262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17263.html b/people/17263.html
index 69355c5f..b017c69d 100644
--- a/people/17263.html
+++ b/people/17263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17264.html b/people/17264.html
index e717d37d..794ecb33 100644
--- a/people/17264.html
+++ b/people/17264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17265.html b/people/17265.html
index 4cfc2bd6..f21111db 100644
--- a/people/17265.html
+++ b/people/17265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17266.html b/people/17266.html
index b1e73a34..08fba014 100644
--- a/people/17266.html
+++ b/people/17266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17267.html b/people/17267.html
index 96a41dd8..a3d0e062 100644
--- a/people/17267.html
+++ b/people/17267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17268.html b/people/17268.html
index 0076cf0b..59a4e937 100644
--- a/people/17268.html
+++ b/people/17268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17269.html b/people/17269.html
index 38a2385e..bdf55a1e 100644
--- a/people/17269.html
+++ b/people/17269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1727.html b/people/1727.html
index da55f80a..9c0c7bd3 100644
--- a/people/1727.html
+++ b/people/1727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17270.html b/people/17270.html
index 78faaf6c..d5dd3d5e 100644
--- a/people/17270.html
+++ b/people/17270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17271.html b/people/17271.html
index aebd1f98..05479e97 100644
--- a/people/17271.html
+++ b/people/17271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17272.html b/people/17272.html
index 0ed2cc8b..0f3669a3 100644
--- a/people/17272.html
+++ b/people/17272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17273.html b/people/17273.html
index 9e39390d..94afc019 100644
--- a/people/17273.html
+++ b/people/17273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17274.html b/people/17274.html
index 509fa806..216c2fce 100644
--- a/people/17274.html
+++ b/people/17274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17275.html b/people/17275.html
index 492231bb..9b140de0 100644
--- a/people/17275.html
+++ b/people/17275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17276.html b/people/17276.html
index 1dd92db8..98bf2da5 100644
--- a/people/17276.html
+++ b/people/17276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17277.html b/people/17277.html
index 8fe871d5..c2dd9a4c 100644
--- a/people/17277.html
+++ b/people/17277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17278.html b/people/17278.html
index 3a9cbde3..382f3714 100644
--- a/people/17278.html
+++ b/people/17278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17279.html b/people/17279.html
index d087e7d7..2974cbe1 100644
--- a/people/17279.html
+++ b/people/17279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1728.html b/people/1728.html
index e6a3832e..11287699 100644
--- a/people/1728.html
+++ b/people/1728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17280.html b/people/17280.html
index 4422eaaf..71cb6d29 100644
--- a/people/17280.html
+++ b/people/17280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17281.html b/people/17281.html
index 190a6b70..e6606ca5 100644
--- a/people/17281.html
+++ b/people/17281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17282.html b/people/17282.html
index 7a000838..99669390 100644
--- a/people/17282.html
+++ b/people/17282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17283.html b/people/17283.html
index 236b6d63..94055fc7 100644
--- a/people/17283.html
+++ b/people/17283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17284.html b/people/17284.html
index c9d34268..43c5aafc 100644
--- a/people/17284.html
+++ b/people/17284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17285.html b/people/17285.html
index 82c4e7b8..9f597b7f 100644
--- a/people/17285.html
+++ b/people/17285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17286.html b/people/17286.html
index c1ad93c0..82c3f15d 100644
--- a/people/17286.html
+++ b/people/17286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17287.html b/people/17287.html
index d8f7e9d6..d92ab87b 100644
--- a/people/17287.html
+++ b/people/17287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17288.html b/people/17288.html
index 732cb5f6..707e7af6 100644
--- a/people/17288.html
+++ b/people/17288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17289.html b/people/17289.html
index 87d30a06..ebe31e91 100644
--- a/people/17289.html
+++ b/people/17289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1729.html b/people/1729.html
index 383950b4..57c25b7d 100644
--- a/people/1729.html
+++ b/people/1729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17290.html b/people/17290.html
index 12436be4..c0b35f59 100644
--- a/people/17290.html
+++ b/people/17290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17291.html b/people/17291.html
index 1e492091..b36a2ffe 100644
--- a/people/17291.html
+++ b/people/17291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17292.html b/people/17292.html
index 20b09b74..3c4ec2ec 100644
--- a/people/17292.html
+++ b/people/17292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17293.html b/people/17293.html
index fd792d71..c7846c02 100644
--- a/people/17293.html
+++ b/people/17293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17294.html b/people/17294.html
index 421111a8..58e8748e 100644
--- a/people/17294.html
+++ b/people/17294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17295.html b/people/17295.html
index 8f0e2b31..29831d3c 100644
--- a/people/17295.html
+++ b/people/17295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17296.html b/people/17296.html
index 9281c9d6..ce8cc146 100644
--- a/people/17296.html
+++ b/people/17296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17297.html b/people/17297.html
index 26b0359d..916ab9e8 100644
--- a/people/17297.html
+++ b/people/17297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17298.html b/people/17298.html
index ba6e4c70..9420341f 100644
--- a/people/17298.html
+++ b/people/17298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17299.html b/people/17299.html
index 274301ee..e6902603 100644
--- a/people/17299.html
+++ b/people/17299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/173.html b/people/173.html
index 4640582a..6aa29aa4 100644
--- a/people/173.html
+++ b/people/173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1730.html b/people/1730.html
index cbee0686..4800163e 100644
--- a/people/1730.html
+++ b/people/1730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17300.html b/people/17300.html
index 0a8596ad..c7918b74 100644
--- a/people/17300.html
+++ b/people/17300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17301.html b/people/17301.html
index e302cf41..0149b68a 100644
--- a/people/17301.html
+++ b/people/17301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17302.html b/people/17302.html
index 5ef0804e..df04a4b4 100644
--- a/people/17302.html
+++ b/people/17302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17303.html b/people/17303.html
index 218d5d2d..1401c1e4 100644
--- a/people/17303.html
+++ b/people/17303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17304.html b/people/17304.html
index 7f081e7d..e8a8e53f 100644
--- a/people/17304.html
+++ b/people/17304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17305.html b/people/17305.html
index 151e9e38..a8309737 100644
--- a/people/17305.html
+++ b/people/17305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17306.html b/people/17306.html
index c17e122c..99fe6c45 100644
--- a/people/17306.html
+++ b/people/17306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17307.html b/people/17307.html
index 76d7cb1f..d944e7bf 100644
--- a/people/17307.html
+++ b/people/17307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17308.html b/people/17308.html
index 4afda41e..2e4c1694 100644
--- a/people/17308.html
+++ b/people/17308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17309.html b/people/17309.html
index 8d2dc557..5bbaa395 100644
--- a/people/17309.html
+++ b/people/17309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1731.html b/people/1731.html
index 9fe9b482..8cdcd582 100644
--- a/people/1731.html
+++ b/people/1731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17310.html b/people/17310.html
index 0af45db7..cee0483f 100644
--- a/people/17310.html
+++ b/people/17310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17311.html b/people/17311.html
index d5a01e72..a6fd727f 100644
--- a/people/17311.html
+++ b/people/17311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17312.html b/people/17312.html
index 47e511cf..e8e4725c 100644
--- a/people/17312.html
+++ b/people/17312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17313.html b/people/17313.html
index 7e6fa7ae..9e03166c 100644
--- a/people/17313.html
+++ b/people/17313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17314.html b/people/17314.html
index 9d99ae4f..8f3f4340 100644
--- a/people/17314.html
+++ b/people/17314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17315.html b/people/17315.html
index f1edc498..6bef24d6 100644
--- a/people/17315.html
+++ b/people/17315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17316.html b/people/17316.html
index ca5a9020..7a7ec0bb 100644
--- a/people/17316.html
+++ b/people/17316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17317.html b/people/17317.html
index 4c17bc6e..7c54273a 100644
--- a/people/17317.html
+++ b/people/17317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17318.html b/people/17318.html
index e2e2a54a..a3e5b0bc 100644
--- a/people/17318.html
+++ b/people/17318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17319.html b/people/17319.html
index 56d99f7a..6e69f67c 100644
--- a/people/17319.html
+++ b/people/17319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1732.html b/people/1732.html
index 4ba4e0e0..6ee2a87d 100644
--- a/people/1732.html
+++ b/people/1732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17320.html b/people/17320.html
index af0ca0cb..365e0761 100644
--- a/people/17320.html
+++ b/people/17320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17321.html b/people/17321.html
index 4994edab..bcc729e2 100644
--- a/people/17321.html
+++ b/people/17321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17322.html b/people/17322.html
index d9582d2c..d07bb20c 100644
--- a/people/17322.html
+++ b/people/17322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17323.html b/people/17323.html
index d2e19304..dc880810 100644
--- a/people/17323.html
+++ b/people/17323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17324.html b/people/17324.html
index 1ae5d172..fa69b1e8 100644
--- a/people/17324.html
+++ b/people/17324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17325.html b/people/17325.html
index c570d816..e93c2120 100644
--- a/people/17325.html
+++ b/people/17325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17326.html b/people/17326.html
index 5fa3835c..4b794dba 100644
--- a/people/17326.html
+++ b/people/17326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17327.html b/people/17327.html
index 7feb1a67..1654148f 100644
--- a/people/17327.html
+++ b/people/17327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17328.html b/people/17328.html
index f2358cca..310f9375 100644
--- a/people/17328.html
+++ b/people/17328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17329.html b/people/17329.html
index 36f0131b..880e36af 100644
--- a/people/17329.html
+++ b/people/17329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1733.html b/people/1733.html
index e0913140..4e425192 100644
--- a/people/1733.html
+++ b/people/1733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17330.html b/people/17330.html
index ccf727cb..7be73f98 100644
--- a/people/17330.html
+++ b/people/17330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17331.html b/people/17331.html
index 40670071..bf041d3d 100644
--- a/people/17331.html
+++ b/people/17331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17332.html b/people/17332.html
index 56b8f3a6..10719c2d 100644
--- a/people/17332.html
+++ b/people/17332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17333.html b/people/17333.html
index ad7ec924..e5c86131 100644
--- a/people/17333.html
+++ b/people/17333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17334.html b/people/17334.html
index c248314c..978d7a2c 100644
--- a/people/17334.html
+++ b/people/17334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17335.html b/people/17335.html
index 5662158c..f39555c4 100644
--- a/people/17335.html
+++ b/people/17335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17336.html b/people/17336.html
index c05a79b7..75c718ff 100644
--- a/people/17336.html
+++ b/people/17336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17337.html b/people/17337.html
index ccbc16de..05a8d754 100644
--- a/people/17337.html
+++ b/people/17337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17338.html b/people/17338.html
index 35b2c8c5..75ce9347 100644
--- a/people/17338.html
+++ b/people/17338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17339.html b/people/17339.html
index 0d007a21..453cb631 100644
--- a/people/17339.html
+++ b/people/17339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1734.html b/people/1734.html
index c560667f..efa3edbb 100644
--- a/people/1734.html
+++ b/people/1734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17340.html b/people/17340.html
index 354c4785..4303632e 100644
--- a/people/17340.html
+++ b/people/17340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17341.html b/people/17341.html
index 414e95ec..39e8f7e0 100644
--- a/people/17341.html
+++ b/people/17341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17342.html b/people/17342.html
index fc298c31..cdac1956 100644
--- a/people/17342.html
+++ b/people/17342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17343.html b/people/17343.html
index 24c5be58..37dfe765 100644
--- a/people/17343.html
+++ b/people/17343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17344.html b/people/17344.html
index 5807f8c7..57fbe8d2 100644
--- a/people/17344.html
+++ b/people/17344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17345.html b/people/17345.html
index a8b0dfd2..80954938 100644
--- a/people/17345.html
+++ b/people/17345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17346.html b/people/17346.html
index 2d8270eb..12757eff 100644
--- a/people/17346.html
+++ b/people/17346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17347.html b/people/17347.html
index e95659ee..e88975c1 100644
--- a/people/17347.html
+++ b/people/17347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17348.html b/people/17348.html
index 0afb16b8..2091ba84 100644
--- a/people/17348.html
+++ b/people/17348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17349.html b/people/17349.html
index 72ba9441..9cb7211b 100644
--- a/people/17349.html
+++ b/people/17349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1735.html b/people/1735.html
index 7d54e1da..d95a8e3b 100644
--- a/people/1735.html
+++ b/people/1735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17350.html b/people/17350.html
index e88d5d6b..1b360ca5 100644
--- a/people/17350.html
+++ b/people/17350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17351.html b/people/17351.html
index 30330cd9..edd69c60 100644
--- a/people/17351.html
+++ b/people/17351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17352.html b/people/17352.html
index 57649828..c35a5462 100644
--- a/people/17352.html
+++ b/people/17352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17353.html b/people/17353.html
index f296e48a..ed604c40 100644
--- a/people/17353.html
+++ b/people/17353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17354.html b/people/17354.html
index ad609bba..30eb6a9b 100644
--- a/people/17354.html
+++ b/people/17354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17355.html b/people/17355.html
index 38d2cbb1..a55b105a 100644
--- a/people/17355.html
+++ b/people/17355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17356.html b/people/17356.html
index 9589baa9..ea78d07d 100644
--- a/people/17356.html
+++ b/people/17356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17357.html b/people/17357.html
index 507b400b..bb7b464c 100644
--- a/people/17357.html
+++ b/people/17357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17358.html b/people/17358.html
index 78b9ebaa..0573fc26 100644
--- a/people/17358.html
+++ b/people/17358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17359.html b/people/17359.html
index 8a70cb60..46e5c9ac 100644
--- a/people/17359.html
+++ b/people/17359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1736.html b/people/1736.html
index 77ac4ec3..b3f1c6db 100644
--- a/people/1736.html
+++ b/people/1736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17360.html b/people/17360.html
index 61792128..2e744de2 100644
--- a/people/17360.html
+++ b/people/17360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17361.html b/people/17361.html
index eab44ce2..c31abdd8 100644
--- a/people/17361.html
+++ b/people/17361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17362.html b/people/17362.html
index d236b3dc..37575a26 100644
--- a/people/17362.html
+++ b/people/17362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17363.html b/people/17363.html
index 835f9ce2..4d2dc456 100644
--- a/people/17363.html
+++ b/people/17363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17364.html b/people/17364.html
index b1299f9d..3b20c4ad 100644
--- a/people/17364.html
+++ b/people/17364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17365.html b/people/17365.html
index 2241d572..fad6f9ae 100644
--- a/people/17365.html
+++ b/people/17365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17366.html b/people/17366.html
index dea70b4b..314e95c1 100644
--- a/people/17366.html
+++ b/people/17366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17367.html b/people/17367.html
index 7803d3f1..f22ee25c 100644
--- a/people/17367.html
+++ b/people/17367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17368.html b/people/17368.html
index 93d96ef0..cb86d9a7 100644
--- a/people/17368.html
+++ b/people/17368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17369.html b/people/17369.html
index 15a59f71..72021fc0 100644
--- a/people/17369.html
+++ b/people/17369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1737.html b/people/1737.html
index 9551bc66..264a5b63 100644
--- a/people/1737.html
+++ b/people/1737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17370.html b/people/17370.html
index ac17e910..28686fda 100644
--- a/people/17370.html
+++ b/people/17370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17371.html b/people/17371.html
index 2025e8ee..404372b7 100644
--- a/people/17371.html
+++ b/people/17371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17372.html b/people/17372.html
index 5917ad3a..8554a798 100644
--- a/people/17372.html
+++ b/people/17372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17373.html b/people/17373.html
index d23ee554..2cf268f8 100644
--- a/people/17373.html
+++ b/people/17373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17374.html b/people/17374.html
index e7816c9f..eb46efdb 100644
--- a/people/17374.html
+++ b/people/17374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17375.html b/people/17375.html
index b7a61ba8..d84150d9 100644
--- a/people/17375.html
+++ b/people/17375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17376.html b/people/17376.html
index 0bde0c64..9e3edeba 100644
--- a/people/17376.html
+++ b/people/17376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17377.html b/people/17377.html
index 12a5ca7d..1e77e3c3 100644
--- a/people/17377.html
+++ b/people/17377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17378.html b/people/17378.html
index aa839258..254c8de3 100644
--- a/people/17378.html
+++ b/people/17378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17379.html b/people/17379.html
index 386e624f..a3d4ed00 100644
--- a/people/17379.html
+++ b/people/17379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1738.html b/people/1738.html
index 59fec0c4..898a49ea 100644
--- a/people/1738.html
+++ b/people/1738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17380.html b/people/17380.html
index 73b306c9..6eec5c20 100644
--- a/people/17380.html
+++ b/people/17380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17381.html b/people/17381.html
index 74c512f4..b59eb8be 100644
--- a/people/17381.html
+++ b/people/17381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17382.html b/people/17382.html
index b84ca0a6..86bef7b0 100644
--- a/people/17382.html
+++ b/people/17382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17383.html b/people/17383.html
index bb115151..67bd0067 100644
--- a/people/17383.html
+++ b/people/17383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17384.html b/people/17384.html
index f8655a30..1e7353ac 100644
--- a/people/17384.html
+++ b/people/17384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17385.html b/people/17385.html
index 5ce3e110..394e8816 100644
--- a/people/17385.html
+++ b/people/17385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17386.html b/people/17386.html
index 3ba0e82c..fe954e04 100644
--- a/people/17386.html
+++ b/people/17386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17387.html b/people/17387.html
index 8deee1b9..5b0c3208 100644
--- a/people/17387.html
+++ b/people/17387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17388.html b/people/17388.html
index 053f9316..3c64ff01 100644
--- a/people/17388.html
+++ b/people/17388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17389.html b/people/17389.html
index 12e23720..b743c8b8 100644
--- a/people/17389.html
+++ b/people/17389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1739.html b/people/1739.html
index dd45ce30..75b77890 100644
--- a/people/1739.html
+++ b/people/1739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17390.html b/people/17390.html
index 3e2e10fa..d6e92880 100644
--- a/people/17390.html
+++ b/people/17390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17391.html b/people/17391.html
index c5e73b1d..b1142830 100644
--- a/people/17391.html
+++ b/people/17391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17392.html b/people/17392.html
index 7d2b8b20..7b074c9f 100644
--- a/people/17392.html
+++ b/people/17392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17393.html b/people/17393.html
index d1401cc8..8731bc67 100644
--- a/people/17393.html
+++ b/people/17393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17394.html b/people/17394.html
index 97334192..7896ed1e 100644
--- a/people/17394.html
+++ b/people/17394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17395.html b/people/17395.html
index bd4ae8cc..f16b4bee 100644
--- a/people/17395.html
+++ b/people/17395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17396.html b/people/17396.html
index 476acce6..06484437 100644
--- a/people/17396.html
+++ b/people/17396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17397.html b/people/17397.html
index a9ac6c41..c549db05 100644
--- a/people/17397.html
+++ b/people/17397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17398.html b/people/17398.html
index d7c62f4f..5652ebc3 100644
--- a/people/17398.html
+++ b/people/17398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17399.html b/people/17399.html
index 754ae707..30e32a94 100644
--- a/people/17399.html
+++ b/people/17399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/174.html b/people/174.html
index 9c5f7a5c..97a497e4 100644
--- a/people/174.html
+++ b/people/174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1740.html b/people/1740.html
index 7137355d..10f69fda 100644
--- a/people/1740.html
+++ b/people/1740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17400.html b/people/17400.html
index 518a536a..84a5e348 100644
--- a/people/17400.html
+++ b/people/17400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17401.html b/people/17401.html
index 394a2cd1..1b23ba53 100644
--- a/people/17401.html
+++ b/people/17401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17402.html b/people/17402.html
index f67a4731..21bb3de7 100644
--- a/people/17402.html
+++ b/people/17402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17403.html b/people/17403.html
index 154f94ce..6b8e7993 100644
--- a/people/17403.html
+++ b/people/17403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17404.html b/people/17404.html
index 8ec6017c..16f0eb79 100644
--- a/people/17404.html
+++ b/people/17404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17405.html b/people/17405.html
index 9a619e03..3e1a4ff8 100644
--- a/people/17405.html
+++ b/people/17405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17406.html b/people/17406.html
index 63ec1b40..4e4659f0 100644
--- a/people/17406.html
+++ b/people/17406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17407.html b/people/17407.html
index a339f15c..65296291 100644
--- a/people/17407.html
+++ b/people/17407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17408.html b/people/17408.html
index 5bba595f..443e2cb5 100644
--- a/people/17408.html
+++ b/people/17408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17409.html b/people/17409.html
index 78de0eef..6c4a37af 100644
--- a/people/17409.html
+++ b/people/17409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1741.html b/people/1741.html
index acc8892e..f1fd4f21 100644
--- a/people/1741.html
+++ b/people/1741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17410.html b/people/17410.html
index d8f0541a..5aeb1503 100644
--- a/people/17410.html
+++ b/people/17410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17411.html b/people/17411.html
index 1898a828..7be10905 100644
--- a/people/17411.html
+++ b/people/17411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17412.html b/people/17412.html
index 80600dcb..543d2c90 100644
--- a/people/17412.html
+++ b/people/17412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17413.html b/people/17413.html
index 34d1361b..1bdda543 100644
--- a/people/17413.html
+++ b/people/17413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17414.html b/people/17414.html
index df8a2480..a8d19d49 100644
--- a/people/17414.html
+++ b/people/17414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17415.html b/people/17415.html
index e1a1a1ff..6ede5fa3 100644
--- a/people/17415.html
+++ b/people/17415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17416.html b/people/17416.html
index 731aa5e4..375764e5 100644
--- a/people/17416.html
+++ b/people/17416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17417.html b/people/17417.html
index c6d8ccd8..3bc71824 100644
--- a/people/17417.html
+++ b/people/17417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17418.html b/people/17418.html
index 6f0b09a4..d9f824b2 100644
--- a/people/17418.html
+++ b/people/17418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17419.html b/people/17419.html
index aa2b8df3..06ac7778 100644
--- a/people/17419.html
+++ b/people/17419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1742.html b/people/1742.html
index bcf069bf..fc64b576 100644
--- a/people/1742.html
+++ b/people/1742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17420.html b/people/17420.html
index b4457dd0..f954fcaf 100644
--- a/people/17420.html
+++ b/people/17420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17421.html b/people/17421.html
index 4c0cfa4f..da388995 100644
--- a/people/17421.html
+++ b/people/17421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17422.html b/people/17422.html
index cce07b88..b490cf98 100644
--- a/people/17422.html
+++ b/people/17422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17423.html b/people/17423.html
index 03b5fcaf..07f848dc 100644
--- a/people/17423.html
+++ b/people/17423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17424.html b/people/17424.html
index 9fa0e6c4..22231a50 100644
--- a/people/17424.html
+++ b/people/17424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17425.html b/people/17425.html
index 88509660..62ba67ea 100644
--- a/people/17425.html
+++ b/people/17425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17426.html b/people/17426.html
index 1a9ef73f..c894d3b0 100644
--- a/people/17426.html
+++ b/people/17426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17427.html b/people/17427.html
index 83c27d7b..093863c7 100644
--- a/people/17427.html
+++ b/people/17427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17428.html b/people/17428.html
index 82e68dfd..7d7d6863 100644
--- a/people/17428.html
+++ b/people/17428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17429.html b/people/17429.html
index 3fd06f9f..fdfc019f 100644
--- a/people/17429.html
+++ b/people/17429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1743.html b/people/1743.html
index 437bfedf..6c7991f8 100644
--- a/people/1743.html
+++ b/people/1743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17430.html b/people/17430.html
index c52c6e49..2a5b1d0a 100644
--- a/people/17430.html
+++ b/people/17430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17431.html b/people/17431.html
index 4c4a30fe..d9bafb5f 100644
--- a/people/17431.html
+++ b/people/17431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17432.html b/people/17432.html
index 2da22a8d..d2bcbdbd 100644
--- a/people/17432.html
+++ b/people/17432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17433.html b/people/17433.html
index 31659ac1..b72b909e 100644
--- a/people/17433.html
+++ b/people/17433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17434.html b/people/17434.html
index 6184283a..f4d3ef43 100644
--- a/people/17434.html
+++ b/people/17434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17435.html b/people/17435.html
index a1803e3d..33e7f8fc 100644
--- a/people/17435.html
+++ b/people/17435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17436.html b/people/17436.html
index 7237437d..44c5770b 100644
--- a/people/17436.html
+++ b/people/17436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17437.html b/people/17437.html
index 66ae8a36..b61ec74a 100644
--- a/people/17437.html
+++ b/people/17437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17438.html b/people/17438.html
index 89625501..05c15af5 100644
--- a/people/17438.html
+++ b/people/17438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17439.html b/people/17439.html
index db33c86e..073ed72b 100644
--- a/people/17439.html
+++ b/people/17439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1744.html b/people/1744.html
index 6de3aef8..658d9fdd 100644
--- a/people/1744.html
+++ b/people/1744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17440.html b/people/17440.html
index a55b8dcf..ddc487e7 100644
--- a/people/17440.html
+++ b/people/17440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17441.html b/people/17441.html
index 050fc680..6c311626 100644
--- a/people/17441.html
+++ b/people/17441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17442.html b/people/17442.html
index afbece98..bcc0c5ef 100644
--- a/people/17442.html
+++ b/people/17442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17443.html b/people/17443.html
index 74d3ff73..8f5bf1e6 100644
--- a/people/17443.html
+++ b/people/17443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17444.html b/people/17444.html
index 1d434967..d248ae7c 100644
--- a/people/17444.html
+++ b/people/17444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17445.html b/people/17445.html
index 774671ea..5211f8f4 100644
--- a/people/17445.html
+++ b/people/17445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17446.html b/people/17446.html
index e3d9af88..ad9d04b9 100644
--- a/people/17446.html
+++ b/people/17446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17447.html b/people/17447.html
index 33079e4c..831c5243 100644
--- a/people/17447.html
+++ b/people/17447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17448.html b/people/17448.html
index 461578ed..5f0fe98d 100644
--- a/people/17448.html
+++ b/people/17448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17449.html b/people/17449.html
index d86046f3..4864ddde 100644
--- a/people/17449.html
+++ b/people/17449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1745.html b/people/1745.html
index 7f5db297..65bf22c4 100644
--- a/people/1745.html
+++ b/people/1745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17450.html b/people/17450.html
index 5a244c17..b01f875a 100644
--- a/people/17450.html
+++ b/people/17450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17451.html b/people/17451.html
index 3acc488a..b255f40b 100644
--- a/people/17451.html
+++ b/people/17451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17452.html b/people/17452.html
index 43337c8c..8d76784d 100644
--- a/people/17452.html
+++ b/people/17452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17453.html b/people/17453.html
index 4831a116..9e0964f6 100644
--- a/people/17453.html
+++ b/people/17453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17454.html b/people/17454.html
index 2130e093..f23cefb4 100644
--- a/people/17454.html
+++ b/people/17454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17455.html b/people/17455.html
index 9311dafe..0dbf7c5b 100644
--- a/people/17455.html
+++ b/people/17455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17456.html b/people/17456.html
index 897ab456..d61352c7 100644
--- a/people/17456.html
+++ b/people/17456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17457.html b/people/17457.html
index 03ee0612..41323a38 100644
--- a/people/17457.html
+++ b/people/17457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17458.html b/people/17458.html
index 99306af4..4983da51 100644
--- a/people/17458.html
+++ b/people/17458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17459.html b/people/17459.html
index 96338d4c..0e59de47 100644
--- a/people/17459.html
+++ b/people/17459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1746.html b/people/1746.html
index c53029ae..5f6593b7 100644
--- a/people/1746.html
+++ b/people/1746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17460.html b/people/17460.html
index 9cb8976c..10f5a9c5 100644
--- a/people/17460.html
+++ b/people/17460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17461.html b/people/17461.html
index 5af74604..957a5c46 100644
--- a/people/17461.html
+++ b/people/17461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17462.html b/people/17462.html
index 5d329acb..2727470d 100644
--- a/people/17462.html
+++ b/people/17462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17463.html b/people/17463.html
index bbb68ce1..8249c9d1 100644
--- a/people/17463.html
+++ b/people/17463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17464.html b/people/17464.html
index 44ff3581..0005334a 100644
--- a/people/17464.html
+++ b/people/17464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17465.html b/people/17465.html
index 39cfce61..0d803688 100644
--- a/people/17465.html
+++ b/people/17465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17466.html b/people/17466.html
index 277cb6fe..1b49df8b 100644
--- a/people/17466.html
+++ b/people/17466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17467.html b/people/17467.html
index 3c8ffddc..276a5f93 100644
--- a/people/17467.html
+++ b/people/17467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17468.html b/people/17468.html
index 98cf8a3a..3a37edde 100644
--- a/people/17468.html
+++ b/people/17468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17469.html b/people/17469.html
index 82ac151e..1d3779d7 100644
--- a/people/17469.html
+++ b/people/17469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1747.html b/people/1747.html
index a0c9d0fc..64f0a00c 100644
--- a/people/1747.html
+++ b/people/1747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17470.html b/people/17470.html
index 2f3b36f2..633cba71 100644
--- a/people/17470.html
+++ b/people/17470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17471.html b/people/17471.html
index 56929246..c20917aa 100644
--- a/people/17471.html
+++ b/people/17471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17472.html b/people/17472.html
index 481b6259..16f76d8e 100644
--- a/people/17472.html
+++ b/people/17472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17473.html b/people/17473.html
index 4323cf5e..daac869e 100644
--- a/people/17473.html
+++ b/people/17473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17474.html b/people/17474.html
index 2b81a08d..b5590653 100644
--- a/people/17474.html
+++ b/people/17474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17475.html b/people/17475.html
index 11b5c6c5..8a82c737 100644
--- a/people/17475.html
+++ b/people/17475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17476.html b/people/17476.html
index 4c42a9cd..c5daec3c 100644
--- a/people/17476.html
+++ b/people/17476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17477.html b/people/17477.html
index e3f94f98..aa528311 100644
--- a/people/17477.html
+++ b/people/17477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17478.html b/people/17478.html
index 34b107bd..1d3cf2ac 100644
--- a/people/17478.html
+++ b/people/17478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17479.html b/people/17479.html
index 28ed0054..969a60d2 100644
--- a/people/17479.html
+++ b/people/17479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1748.html b/people/1748.html
index 1a3c0f69..f706b8d1 100644
--- a/people/1748.html
+++ b/people/1748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17480.html b/people/17480.html
index f4fbf45b..1fa97a73 100644
--- a/people/17480.html
+++ b/people/17480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17481.html b/people/17481.html
index 1ac8dcd1..624e70ee 100644
--- a/people/17481.html
+++ b/people/17481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17482.html b/people/17482.html
index dd66e553..17dc1b72 100644
--- a/people/17482.html
+++ b/people/17482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17483.html b/people/17483.html
index 84db3aa0..fe982500 100644
--- a/people/17483.html
+++ b/people/17483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17484.html b/people/17484.html
index e9c62c7e..a84d116a 100644
--- a/people/17484.html
+++ b/people/17484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17485.html b/people/17485.html
index cc9d9526..03d259f2 100644
--- a/people/17485.html
+++ b/people/17485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17486.html b/people/17486.html
index 6fa0dd11..59c6ac19 100644
--- a/people/17486.html
+++ b/people/17486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17487.html b/people/17487.html
index 7b59ed99..db3563d3 100644
--- a/people/17487.html
+++ b/people/17487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17488.html b/people/17488.html
index 01880fb6..89c8594d 100644
--- a/people/17488.html
+++ b/people/17488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17489.html b/people/17489.html
index fc0c0118..6fc4da3e 100644
--- a/people/17489.html
+++ b/people/17489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1749.html b/people/1749.html
index 5631af66..eba96dd7 100644
--- a/people/1749.html
+++ b/people/1749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17490.html b/people/17490.html
index eaaa4d8b..43bbcf9f 100644
--- a/people/17490.html
+++ b/people/17490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17491.html b/people/17491.html
index 6294f5bd..ad1f3da4 100644
--- a/people/17491.html
+++ b/people/17491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17492.html b/people/17492.html
index 68e9ed5e..6af75492 100644
--- a/people/17492.html
+++ b/people/17492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17493.html b/people/17493.html
index 6fd02647..aa43a7e2 100644
--- a/people/17493.html
+++ b/people/17493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17494.html b/people/17494.html
index 0a972aa8..32874480 100644
--- a/people/17494.html
+++ b/people/17494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17495.html b/people/17495.html
index 82976809..efe42ae9 100644
--- a/people/17495.html
+++ b/people/17495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17496.html b/people/17496.html
index 6303e180..4e4511fc 100644
--- a/people/17496.html
+++ b/people/17496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17497.html b/people/17497.html
index 1726e37a..37dd082e 100644
--- a/people/17497.html
+++ b/people/17497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17498.html b/people/17498.html
index 3fa1ab41..c2e8ddd1 100644
--- a/people/17498.html
+++ b/people/17498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17499.html b/people/17499.html
index 6c0d2baf..54933d30 100644
--- a/people/17499.html
+++ b/people/17499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/175.html b/people/175.html
index 2c7f6563..9796dc0a 100644
--- a/people/175.html
+++ b/people/175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1750.html b/people/1750.html
index 15b530d4..44f87177 100644
--- a/people/1750.html
+++ b/people/1750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17500.html b/people/17500.html
index 8c3dac64..d3d560f3 100644
--- a/people/17500.html
+++ b/people/17500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17501.html b/people/17501.html
index f08b6e7a..86db8a29 100644
--- a/people/17501.html
+++ b/people/17501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17502.html b/people/17502.html
index 92c97746..ddc48667 100644
--- a/people/17502.html
+++ b/people/17502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17503.html b/people/17503.html
index 3e2d91ef..0f2ba6d5 100644
--- a/people/17503.html
+++ b/people/17503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17504.html b/people/17504.html
index d7d4fbfb..3e0bfe62 100644
--- a/people/17504.html
+++ b/people/17504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17505.html b/people/17505.html
index 59a67801..eae68cbe 100644
--- a/people/17505.html
+++ b/people/17505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17506.html b/people/17506.html
index 0e5e6aae..66285e80 100644
--- a/people/17506.html
+++ b/people/17506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17507.html b/people/17507.html
index 1402cc4d..bb3411c6 100644
--- a/people/17507.html
+++ b/people/17507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17508.html b/people/17508.html
index eba030c7..0928e5b5 100644
--- a/people/17508.html
+++ b/people/17508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17509.html b/people/17509.html
index 793834cb..6e5b9507 100644
--- a/people/17509.html
+++ b/people/17509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1751.html b/people/1751.html
index aeb23beb..66fe6e23 100644
--- a/people/1751.html
+++ b/people/1751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17510.html b/people/17510.html
index c87bb2b5..736a2a7b 100644
--- a/people/17510.html
+++ b/people/17510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17511.html b/people/17511.html
index 98d4cddf..b05510de 100644
--- a/people/17511.html
+++ b/people/17511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17512.html b/people/17512.html
index 95d55699..9dd8aa5f 100644
--- a/people/17512.html
+++ b/people/17512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17513.html b/people/17513.html
index 3ffd4af7..ba4eb451 100644
--- a/people/17513.html
+++ b/people/17513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17514.html b/people/17514.html
index 5d8c8a93..8c76d05b 100644
--- a/people/17514.html
+++ b/people/17514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17515.html b/people/17515.html
index 861b9162..0bece8aa 100644
--- a/people/17515.html
+++ b/people/17515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17516.html b/people/17516.html
index 842e3bce..4dd35ee9 100644
--- a/people/17516.html
+++ b/people/17516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17517.html b/people/17517.html
index 00ae1e4d..c0ed54f8 100644
--- a/people/17517.html
+++ b/people/17517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17518.html b/people/17518.html
index f4ecbac5..6fc3913f 100644
--- a/people/17518.html
+++ b/people/17518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17519.html b/people/17519.html
index 89a8b0d8..bb52bb97 100644
--- a/people/17519.html
+++ b/people/17519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1752.html b/people/1752.html
index a268b2a0..dab367af 100644
--- a/people/1752.html
+++ b/people/1752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17520.html b/people/17520.html
index c55bd818..854ba0e8 100644
--- a/people/17520.html
+++ b/people/17520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17521.html b/people/17521.html
index 9f38b809..4bedbdd0 100644
--- a/people/17521.html
+++ b/people/17521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17522.html b/people/17522.html
index 4d2d15d1..5856815d 100644
--- a/people/17522.html
+++ b/people/17522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17523.html b/people/17523.html
index 6a6a3169..072c6070 100644
--- a/people/17523.html
+++ b/people/17523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17524.html b/people/17524.html
index dc4a2563..c78519be 100644
--- a/people/17524.html
+++ b/people/17524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17525.html b/people/17525.html
index 55b75693..67d381a1 100644
--- a/people/17525.html
+++ b/people/17525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17526.html b/people/17526.html
index 48565560..fb6723c3 100644
--- a/people/17526.html
+++ b/people/17526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17527.html b/people/17527.html
index 063e928a..4cd82c02 100644
--- a/people/17527.html
+++ b/people/17527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17528.html b/people/17528.html
index ca85bdc8..a573aa2d 100644
--- a/people/17528.html
+++ b/people/17528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17529.html b/people/17529.html
index 44a695df..626fdf5b 100644
--- a/people/17529.html
+++ b/people/17529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1753.html b/people/1753.html
index b61d7417..bdb68821 100644
--- a/people/1753.html
+++ b/people/1753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17530.html b/people/17530.html
index 2b7f60e3..3bfd7a82 100644
--- a/people/17530.html
+++ b/people/17530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17531.html b/people/17531.html
index 82e01300..2b556b4b 100644
--- a/people/17531.html
+++ b/people/17531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17532.html b/people/17532.html
index 5da660bc..dd3e06d0 100644
--- a/people/17532.html
+++ b/people/17532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17533.html b/people/17533.html
index 074925f8..0ca0a316 100644
--- a/people/17533.html
+++ b/people/17533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17534.html b/people/17534.html
index c98b90f9..86d7f915 100644
--- a/people/17534.html
+++ b/people/17534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17535.html b/people/17535.html
index a330fb07..5244f126 100644
--- a/people/17535.html
+++ b/people/17535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17536.html b/people/17536.html
index c1eaf337..184017f7 100644
--- a/people/17536.html
+++ b/people/17536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17537.html b/people/17537.html
index d49038c4..47167620 100644
--- a/people/17537.html
+++ b/people/17537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17538.html b/people/17538.html
index ef84532c..565b34eb 100644
--- a/people/17538.html
+++ b/people/17538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17539.html b/people/17539.html
index 72e90aa2..6b211e52 100644
--- a/people/17539.html
+++ b/people/17539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1754.html b/people/1754.html
index af5a2207..2f0adf3f 100644
--- a/people/1754.html
+++ b/people/1754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17540.html b/people/17540.html
index 9a361382..42227fe1 100644
--- a/people/17540.html
+++ b/people/17540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17541.html b/people/17541.html
index 646ebcc1..23ef0ae3 100644
--- a/people/17541.html
+++ b/people/17541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17542.html b/people/17542.html
index edf069f5..985163f4 100644
--- a/people/17542.html
+++ b/people/17542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17543.html b/people/17543.html
index 99480d8e..ad351470 100644
--- a/people/17543.html
+++ b/people/17543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17544.html b/people/17544.html
index b3710e3c..92c68fd0 100644
--- a/people/17544.html
+++ b/people/17544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17545.html b/people/17545.html
index 04143d46..63d84b9b 100644
--- a/people/17545.html
+++ b/people/17545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17546.html b/people/17546.html
index fa6e79a3..fc3b28f7 100644
--- a/people/17546.html
+++ b/people/17546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17547.html b/people/17547.html
index 10a8eec1..d6645eaa 100644
--- a/people/17547.html
+++ b/people/17547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17548.html b/people/17548.html
index 04ddf7a3..fa5c1df2 100644
--- a/people/17548.html
+++ b/people/17548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17549.html b/people/17549.html
index 32859e39..009bb0db 100644
--- a/people/17549.html
+++ b/people/17549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1755.html b/people/1755.html
index 21f88202..64a6fd5d 100644
--- a/people/1755.html
+++ b/people/1755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17550.html b/people/17550.html
index 52f47b39..a315d0a4 100644
--- a/people/17550.html
+++ b/people/17550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17551.html b/people/17551.html
index ce586189..8de8d7da 100644
--- a/people/17551.html
+++ b/people/17551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17552.html b/people/17552.html
index cce84d45..c0f99bed 100644
--- a/people/17552.html
+++ b/people/17552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17553.html b/people/17553.html
index 90e88def..268e20c6 100644
--- a/people/17553.html
+++ b/people/17553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17554.html b/people/17554.html
index 02e15518..ffc39fe3 100644
--- a/people/17554.html
+++ b/people/17554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17555.html b/people/17555.html
index 91b96cd3..f84d902a 100644
--- a/people/17555.html
+++ b/people/17555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17556.html b/people/17556.html
index b9f3cab9..090b3a8e 100644
--- a/people/17556.html
+++ b/people/17556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17557.html b/people/17557.html
index 5da6e616..1ca3d049 100644
--- a/people/17557.html
+++ b/people/17557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17558.html b/people/17558.html
index cd537d50..abe48b52 100644
--- a/people/17558.html
+++ b/people/17558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17559.html b/people/17559.html
index b2049096..3c276638 100644
--- a/people/17559.html
+++ b/people/17559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1756.html b/people/1756.html
index 153f699a..510a2f26 100644
--- a/people/1756.html
+++ b/people/1756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17560.html b/people/17560.html
index a8e8f5bb..c8be7ed3 100644
--- a/people/17560.html
+++ b/people/17560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17561.html b/people/17561.html
index 4d8a3e7d..f8a922da 100644
--- a/people/17561.html
+++ b/people/17561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17562.html b/people/17562.html
index cd11d7d5..8f079bd2 100644
--- a/people/17562.html
+++ b/people/17562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17563.html b/people/17563.html
index 1c0f8172..c71f9768 100644
--- a/people/17563.html
+++ b/people/17563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17564.html b/people/17564.html
index 13001189..8ed7f979 100644
--- a/people/17564.html
+++ b/people/17564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17565.html b/people/17565.html
index f07cc850..1daf5e10 100644
--- a/people/17565.html
+++ b/people/17565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17566.html b/people/17566.html
index cf9aafdb..31639bfe 100644
--- a/people/17566.html
+++ b/people/17566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17567.html b/people/17567.html
index 298ca480..f286b214 100644
--- a/people/17567.html
+++ b/people/17567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17568.html b/people/17568.html
index 69ca447d..ee31f29d 100644
--- a/people/17568.html
+++ b/people/17568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17569.html b/people/17569.html
index eafe347f..0bcc4607 100644
--- a/people/17569.html
+++ b/people/17569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1757.html b/people/1757.html
index 7be4ead2..ad809f90 100644
--- a/people/1757.html
+++ b/people/1757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17570.html b/people/17570.html
index b5cf3987..98f99832 100644
--- a/people/17570.html
+++ b/people/17570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17571.html b/people/17571.html
index 7204ee83..55e4df6b 100644
--- a/people/17571.html
+++ b/people/17571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17572.html b/people/17572.html
index 8be95ba4..d9d9b95b 100644
--- a/people/17572.html
+++ b/people/17572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17573.html b/people/17573.html
index 2f88085b..b5bfc2d1 100644
--- a/people/17573.html
+++ b/people/17573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17574.html b/people/17574.html
index 374ae33f..4ae95434 100644
--- a/people/17574.html
+++ b/people/17574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17575.html b/people/17575.html
index 5880b563..01bb002b 100644
--- a/people/17575.html
+++ b/people/17575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17576.html b/people/17576.html
index f0ce1c99..aa8ed8af 100644
--- a/people/17576.html
+++ b/people/17576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17577.html b/people/17577.html
index 81e3c142..5b1cafcb 100644
--- a/people/17577.html
+++ b/people/17577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17578.html b/people/17578.html
index 6d833c3c..af719d7d 100644
--- a/people/17578.html
+++ b/people/17578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17579.html b/people/17579.html
index f40c07bf..f885dca1 100644
--- a/people/17579.html
+++ b/people/17579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1758.html b/people/1758.html
index 56b85b9e..0e444562 100644
--- a/people/1758.html
+++ b/people/1758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17580.html b/people/17580.html
index fb2b85e2..d6dddf23 100644
--- a/people/17580.html
+++ b/people/17580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17581.html b/people/17581.html
index 0b308732..44c61f5d 100644
--- a/people/17581.html
+++ b/people/17581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17582.html b/people/17582.html
index 69d88ba3..605c59d7 100644
--- a/people/17582.html
+++ b/people/17582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17583.html b/people/17583.html
index 33375746..45dcd75a 100644
--- a/people/17583.html
+++ b/people/17583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17584.html b/people/17584.html
index dc4ef761..ef5cb8f2 100644
--- a/people/17584.html
+++ b/people/17584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17585.html b/people/17585.html
index e65226e0..3116b792 100644
--- a/people/17585.html
+++ b/people/17585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17586.html b/people/17586.html
index 148837dd..a95d35f6 100644
--- a/people/17586.html
+++ b/people/17586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17587.html b/people/17587.html
index 2276c388..c0a49bbb 100644
--- a/people/17587.html
+++ b/people/17587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17588.html b/people/17588.html
index 468e4dbc..9a5e0aca 100644
--- a/people/17588.html
+++ b/people/17588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17589.html b/people/17589.html
index 21d2aba2..19fb61ef 100644
--- a/people/17589.html
+++ b/people/17589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1759.html b/people/1759.html
index ad5ac1d1..126a28c1 100644
--- a/people/1759.html
+++ b/people/1759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17590.html b/people/17590.html
index 9bb5a0f0..97420385 100644
--- a/people/17590.html
+++ b/people/17590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17591.html b/people/17591.html
index ffd070ba..dacbb2a0 100644
--- a/people/17591.html
+++ b/people/17591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17592.html b/people/17592.html
index 39645bd9..e3ca86d0 100644
--- a/people/17592.html
+++ b/people/17592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17593.html b/people/17593.html
index f141dfa3..8e127d81 100644
--- a/people/17593.html
+++ b/people/17593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17594.html b/people/17594.html
index 91858e83..b99644c0 100644
--- a/people/17594.html
+++ b/people/17594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17595.html b/people/17595.html
index 9203e35f..8dd16eae 100644
--- a/people/17595.html
+++ b/people/17595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17596.html b/people/17596.html
index 4221715a..a0bed785 100644
--- a/people/17596.html
+++ b/people/17596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17597.html b/people/17597.html
index 27fbcb9a..f28bd8f4 100644
--- a/people/17597.html
+++ b/people/17597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17598.html b/people/17598.html
index 0d38579a..9122363f 100644
--- a/people/17598.html
+++ b/people/17598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17599.html b/people/17599.html
index 5e2b2bd5..b4b32b8a 100644
--- a/people/17599.html
+++ b/people/17599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/176.html b/people/176.html
index bdce0a59..487830c6 100644
--- a/people/176.html
+++ b/people/176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1760.html b/people/1760.html
index 4a0d7a48..3291871b 100644
--- a/people/1760.html
+++ b/people/1760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17600.html b/people/17600.html
index 1a7b5da1..05e1652f 100644
--- a/people/17600.html
+++ b/people/17600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17601.html b/people/17601.html
index 21af752f..6626d409 100644
--- a/people/17601.html
+++ b/people/17601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17602.html b/people/17602.html
index 7aeb9a76..058cb960 100644
--- a/people/17602.html
+++ b/people/17602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17603.html b/people/17603.html
index 6b02b13c..b1018d85 100644
--- a/people/17603.html
+++ b/people/17603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17604.html b/people/17604.html
index afd89df1..938ca3b7 100644
--- a/people/17604.html
+++ b/people/17604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17605.html b/people/17605.html
index 6178aab6..ba80c6b6 100644
--- a/people/17605.html
+++ b/people/17605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17606.html b/people/17606.html
index 399a8dd7..f6a01112 100644
--- a/people/17606.html
+++ b/people/17606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17607.html b/people/17607.html
index de499024..09debc5b 100644
--- a/people/17607.html
+++ b/people/17607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17608.html b/people/17608.html
index 39a06690..62b9ad85 100644
--- a/people/17608.html
+++ b/people/17608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17609.html b/people/17609.html
index 603e57b9..b2554266 100644
--- a/people/17609.html
+++ b/people/17609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1761.html b/people/1761.html
index fb735314..155170ec 100644
--- a/people/1761.html
+++ b/people/1761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17610.html b/people/17610.html
index 4a4d652f..11fe8eb6 100644
--- a/people/17610.html
+++ b/people/17610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17611.html b/people/17611.html
index 7ba1ed63..835f8d14 100644
--- a/people/17611.html
+++ b/people/17611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17612.html b/people/17612.html
index dfe3f34d..4a01f610 100644
--- a/people/17612.html
+++ b/people/17612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17613.html b/people/17613.html
index c6ae6f11..4b05d3eb 100644
--- a/people/17613.html
+++ b/people/17613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17614.html b/people/17614.html
index 33d92c27..7e34f1b1 100644
--- a/people/17614.html
+++ b/people/17614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17615.html b/people/17615.html
index d4f87e66..67ec8f24 100644
--- a/people/17615.html
+++ b/people/17615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17616.html b/people/17616.html
index c15ca50a..d3527d7a 100644
--- a/people/17616.html
+++ b/people/17616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17617.html b/people/17617.html
index bd7e19ab..7f44eedc 100644
--- a/people/17617.html
+++ b/people/17617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17618.html b/people/17618.html
index 3ac36ddc..89256009 100644
--- a/people/17618.html
+++ b/people/17618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17619.html b/people/17619.html
index 9efc2fe4..10132aba 100644
--- a/people/17619.html
+++ b/people/17619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1762.html b/people/1762.html
index 01a8775e..bd80af54 100644
--- a/people/1762.html
+++ b/people/1762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17620.html b/people/17620.html
index b8a665e5..79469a44 100644
--- a/people/17620.html
+++ b/people/17620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17621.html b/people/17621.html
index 5bd7e817..2ed34204 100644
--- a/people/17621.html
+++ b/people/17621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17622.html b/people/17622.html
index a6925312..6413e308 100644
--- a/people/17622.html
+++ b/people/17622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17623.html b/people/17623.html
index e2f4ed03..09a9d83f 100644
--- a/people/17623.html
+++ b/people/17623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17624.html b/people/17624.html
index 0ea34279..f06a7696 100644
--- a/people/17624.html
+++ b/people/17624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17625.html b/people/17625.html
index f7e72e93..af1182e9 100644
--- a/people/17625.html
+++ b/people/17625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17626.html b/people/17626.html
index 5ec768c7..f4cfea1e 100644
--- a/people/17626.html
+++ b/people/17626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17627.html b/people/17627.html
index c23ed618..f46fe992 100644
--- a/people/17627.html
+++ b/people/17627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17628.html b/people/17628.html
index e29ad48d..607dfab5 100644
--- a/people/17628.html
+++ b/people/17628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17629.html b/people/17629.html
index f7d72b98..f377bac6 100644
--- a/people/17629.html
+++ b/people/17629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1763.html b/people/1763.html
index bc394001..8814da26 100644
--- a/people/1763.html
+++ b/people/1763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17630.html b/people/17630.html
index 5ece83e5..96e855fc 100644
--- a/people/17630.html
+++ b/people/17630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17631.html b/people/17631.html
index 535b52e4..71312ecf 100644
--- a/people/17631.html
+++ b/people/17631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17632.html b/people/17632.html
index e2adc4a4..f9908ad6 100644
--- a/people/17632.html
+++ b/people/17632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17633.html b/people/17633.html
index 91196dea..ece72aac 100644
--- a/people/17633.html
+++ b/people/17633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17634.html b/people/17634.html
index 9a73bb84..c51d9397 100644
--- a/people/17634.html
+++ b/people/17634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17635.html b/people/17635.html
index bf39f4b4..e467953c 100644
--- a/people/17635.html
+++ b/people/17635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17636.html b/people/17636.html
index ae3053cb..c19fc88e 100644
--- a/people/17636.html
+++ b/people/17636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17637.html b/people/17637.html
index c7f1e5cc..8a997277 100644
--- a/people/17637.html
+++ b/people/17637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17638.html b/people/17638.html
index 07f52b9c..c452b35e 100644
--- a/people/17638.html
+++ b/people/17638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17639.html b/people/17639.html
index 0096274f..98895f30 100644
--- a/people/17639.html
+++ b/people/17639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1764.html b/people/1764.html
index 295625e5..756de561 100644
--- a/people/1764.html
+++ b/people/1764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17640.html b/people/17640.html
index 5908e704..9c874e89 100644
--- a/people/17640.html
+++ b/people/17640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17641.html b/people/17641.html
index e8cab724..b552bf3a 100644
--- a/people/17641.html
+++ b/people/17641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17642.html b/people/17642.html
index 2c596f67..f36e1996 100644
--- a/people/17642.html
+++ b/people/17642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17643.html b/people/17643.html
index 4d5c7d0c..83d9fe04 100644
--- a/people/17643.html
+++ b/people/17643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17644.html b/people/17644.html
index 7ec8b7b2..c4ca678c 100644
--- a/people/17644.html
+++ b/people/17644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17645.html b/people/17645.html
index 77793cf7..6115dae8 100644
--- a/people/17645.html
+++ b/people/17645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17646.html b/people/17646.html
index ed457c4b..6cedf372 100644
--- a/people/17646.html
+++ b/people/17646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17647.html b/people/17647.html
index d7a52e2d..a5be70d3 100644
--- a/people/17647.html
+++ b/people/17647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17648.html b/people/17648.html
index c37d036c..4f514496 100644
--- a/people/17648.html
+++ b/people/17648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17649.html b/people/17649.html
index 0c353767..d450db5d 100644
--- a/people/17649.html
+++ b/people/17649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1765.html b/people/1765.html
index 1d026d74..1295d126 100644
--- a/people/1765.html
+++ b/people/1765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17650.html b/people/17650.html
index 2aabbcdd..4531c985 100644
--- a/people/17650.html
+++ b/people/17650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17651.html b/people/17651.html
index 02e42c08..05afb185 100644
--- a/people/17651.html
+++ b/people/17651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17652.html b/people/17652.html
index 81232fae..ce7a7bc6 100644
--- a/people/17652.html
+++ b/people/17652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17653.html b/people/17653.html
index 00c662bb..f2280dec 100644
--- a/people/17653.html
+++ b/people/17653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17654.html b/people/17654.html
index 02d6faa2..aada0f1e 100644
--- a/people/17654.html
+++ b/people/17654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17655.html b/people/17655.html
index 54eb40c5..a51c57ea 100644
--- a/people/17655.html
+++ b/people/17655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17656.html b/people/17656.html
index 74c6b48a..86d2c73b 100644
--- a/people/17656.html
+++ b/people/17656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17657.html b/people/17657.html
index 69455183..e81197ee 100644
--- a/people/17657.html
+++ b/people/17657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17658.html b/people/17658.html
index 6000537c..bde0b128 100644
--- a/people/17658.html
+++ b/people/17658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17659.html b/people/17659.html
index 55652b21..5d2f3a11 100644
--- a/people/17659.html
+++ b/people/17659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1766.html b/people/1766.html
index 36b9669d..05b19645 100644
--- a/people/1766.html
+++ b/people/1766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17660.html b/people/17660.html
index c04bc120..9757c26a 100644
--- a/people/17660.html
+++ b/people/17660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17661.html b/people/17661.html
index f70b7aa1..8c2fda88 100644
--- a/people/17661.html
+++ b/people/17661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17662.html b/people/17662.html
index e019ce9d..a2291f1f 100644
--- a/people/17662.html
+++ b/people/17662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17663.html b/people/17663.html
index 580fd020..29739f06 100644
--- a/people/17663.html
+++ b/people/17663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17664.html b/people/17664.html
index 63b1e2a0..2567d438 100644
--- a/people/17664.html
+++ b/people/17664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17665.html b/people/17665.html
index c6ba9fc1..b59ba4ae 100644
--- a/people/17665.html
+++ b/people/17665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17666.html b/people/17666.html
index 92fa9203..ade0f42a 100644
--- a/people/17666.html
+++ b/people/17666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17667.html b/people/17667.html
index cb2369d9..6f0a7faf 100644
--- a/people/17667.html
+++ b/people/17667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17668.html b/people/17668.html
index 5a4e9a38..2777c9b3 100644
--- a/people/17668.html
+++ b/people/17668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17669.html b/people/17669.html
index 3ab65975..51953157 100644
--- a/people/17669.html
+++ b/people/17669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1767.html b/people/1767.html
index a26e873b..31a5782b 100644
--- a/people/1767.html
+++ b/people/1767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17670.html b/people/17670.html
index 198d752d..8d00a924 100644
--- a/people/17670.html
+++ b/people/17670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17671.html b/people/17671.html
index 2a1d1331..aa382dc9 100644
--- a/people/17671.html
+++ b/people/17671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17672.html b/people/17672.html
index 6685a84c..5e51dfab 100644
--- a/people/17672.html
+++ b/people/17672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17673.html b/people/17673.html
index ab0e3e45..ac300c42 100644
--- a/people/17673.html
+++ b/people/17673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17674.html b/people/17674.html
index 3b63fd46..85e47fbe 100644
--- a/people/17674.html
+++ b/people/17674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17675.html b/people/17675.html
index 4f03004b..2a249c6d 100644
--- a/people/17675.html
+++ b/people/17675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17676.html b/people/17676.html
index 106dc08f..ab078544 100644
--- a/people/17676.html
+++ b/people/17676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17677.html b/people/17677.html
index fab484e8..9fcc06ea 100644
--- a/people/17677.html
+++ b/people/17677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17678.html b/people/17678.html
index e494f150..1bf00813 100644
--- a/people/17678.html
+++ b/people/17678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17679.html b/people/17679.html
index 1b900e13..34c271da 100644
--- a/people/17679.html
+++ b/people/17679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1768.html b/people/1768.html
index 477b6ed3..0fc91568 100644
--- a/people/1768.html
+++ b/people/1768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17680.html b/people/17680.html
index d520a843..37a57596 100644
--- a/people/17680.html
+++ b/people/17680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17681.html b/people/17681.html
index d7891aa6..f574b178 100644
--- a/people/17681.html
+++ b/people/17681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17682.html b/people/17682.html
index 512d5005..97b83163 100644
--- a/people/17682.html
+++ b/people/17682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17683.html b/people/17683.html
index 0cd7773b..ed31b2c7 100644
--- a/people/17683.html
+++ b/people/17683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17684.html b/people/17684.html
index 5a738c73..8d589fc7 100644
--- a/people/17684.html
+++ b/people/17684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17685.html b/people/17685.html
index 881d6ea3..54f570da 100644
--- a/people/17685.html
+++ b/people/17685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17686.html b/people/17686.html
index ff95de23..8f4295ee 100644
--- a/people/17686.html
+++ b/people/17686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17687.html b/people/17687.html
index e2700a9e..ba656a79 100644
--- a/people/17687.html
+++ b/people/17687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17688.html b/people/17688.html
index c113f4ff..ebb4ee3d 100644
--- a/people/17688.html
+++ b/people/17688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17689.html b/people/17689.html
index 9b096d8d..66530105 100644
--- a/people/17689.html
+++ b/people/17689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1769.html b/people/1769.html
index 41122d5b..7bebd4f6 100644
--- a/people/1769.html
+++ b/people/1769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17690.html b/people/17690.html
index 5851642a..a9318585 100644
--- a/people/17690.html
+++ b/people/17690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17691.html b/people/17691.html
index 03d5616a..29a0afc0 100644
--- a/people/17691.html
+++ b/people/17691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17692.html b/people/17692.html
index aa674f72..78bf565e 100644
--- a/people/17692.html
+++ b/people/17692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17693.html b/people/17693.html
index 8e346522..54ab90f4 100644
--- a/people/17693.html
+++ b/people/17693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17694.html b/people/17694.html
index 6f649d75..642e637f 100644
--- a/people/17694.html
+++ b/people/17694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17695.html b/people/17695.html
index 57327b83..da832037 100644
--- a/people/17695.html
+++ b/people/17695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17696.html b/people/17696.html
index be69ae0b..a2582ef8 100644
--- a/people/17696.html
+++ b/people/17696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17697.html b/people/17697.html
index 8678c7fb..8c9969e2 100644
--- a/people/17697.html
+++ b/people/17697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17698.html b/people/17698.html
index e64b1519..f7e5036a 100644
--- a/people/17698.html
+++ b/people/17698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17699.html b/people/17699.html
index d0122914..bd0ae81c 100644
--- a/people/17699.html
+++ b/people/17699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/177.html b/people/177.html
index 37b34bd9..44ef9eb1 100644
--- a/people/177.html
+++ b/people/177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1770.html b/people/1770.html
index 84c763d6..6f9b7515 100644
--- a/people/1770.html
+++ b/people/1770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17700.html b/people/17700.html
index e075591a..5547f379 100644
--- a/people/17700.html
+++ b/people/17700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17701.html b/people/17701.html
index 78241445..19703ad5 100644
--- a/people/17701.html
+++ b/people/17701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17702.html b/people/17702.html
index f06bf290..77e922ed 100644
--- a/people/17702.html
+++ b/people/17702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17703.html b/people/17703.html
index e0ac816b..c3bfb76c 100644
--- a/people/17703.html
+++ b/people/17703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17704.html b/people/17704.html
index b43e7524..6dd8a2cf 100644
--- a/people/17704.html
+++ b/people/17704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17705.html b/people/17705.html
index e5328cfc..486152e2 100644
--- a/people/17705.html
+++ b/people/17705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17706.html b/people/17706.html
index 674055fe..edacd8f0 100644
--- a/people/17706.html
+++ b/people/17706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17707.html b/people/17707.html
index 79f74383..0d89e867 100644
--- a/people/17707.html
+++ b/people/17707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17708.html b/people/17708.html
index 69133fa5..88d33de7 100644
--- a/people/17708.html
+++ b/people/17708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17709.html b/people/17709.html
index bb0633e9..6059c7bd 100644
--- a/people/17709.html
+++ b/people/17709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1771.html b/people/1771.html
index 82a15589..68eaea2a 100644
--- a/people/1771.html
+++ b/people/1771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17710.html b/people/17710.html
index d7b10507..c30ecdd3 100644
--- a/people/17710.html
+++ b/people/17710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17711.html b/people/17711.html
index 4a57d5bb..5b06e7ca 100644
--- a/people/17711.html
+++ b/people/17711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17712.html b/people/17712.html
index 85d61338..152e7a0b 100644
--- a/people/17712.html
+++ b/people/17712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17713.html b/people/17713.html
index fbe4f64f..cea33c01 100644
--- a/people/17713.html
+++ b/people/17713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17714.html b/people/17714.html
index 0734f73a..69de4e7c 100644
--- a/people/17714.html
+++ b/people/17714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17715.html b/people/17715.html
index dc1ba40b..02b570f8 100644
--- a/people/17715.html
+++ b/people/17715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17716.html b/people/17716.html
index 8cb85116..9b595ac0 100644
--- a/people/17716.html
+++ b/people/17716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17717.html b/people/17717.html
index a34764de..5e031dc0 100644
--- a/people/17717.html
+++ b/people/17717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17718.html b/people/17718.html
index 6d301828..8bf648ce 100644
--- a/people/17718.html
+++ b/people/17718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17719.html b/people/17719.html
index 21af1bb4..4826e3db 100644
--- a/people/17719.html
+++ b/people/17719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1772.html b/people/1772.html
index 8f575dbe..3cf0e58a 100644
--- a/people/1772.html
+++ b/people/1772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17720.html b/people/17720.html
index 6748c284..c8c55f6a 100644
--- a/people/17720.html
+++ b/people/17720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17721.html b/people/17721.html
index 98b5627b..a812019f 100644
--- a/people/17721.html
+++ b/people/17721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17722.html b/people/17722.html
index 5cf7de4d..c98cafcb 100644
--- a/people/17722.html
+++ b/people/17722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17723.html b/people/17723.html
index 4ac1dd29..bb6788d7 100644
--- a/people/17723.html
+++ b/people/17723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17724.html b/people/17724.html
index c7037dd8..37a78523 100644
--- a/people/17724.html
+++ b/people/17724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17725.html b/people/17725.html
index eb5f7ae3..0b2856d2 100644
--- a/people/17725.html
+++ b/people/17725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17726.html b/people/17726.html
index 921ef718..13a7955c 100644
--- a/people/17726.html
+++ b/people/17726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17727.html b/people/17727.html
index 4cb5e6f4..42838d71 100644
--- a/people/17727.html
+++ b/people/17727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17728.html b/people/17728.html
index a76fd8a3..a1a529d8 100644
--- a/people/17728.html
+++ b/people/17728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17729.html b/people/17729.html
index f6192e0a..c52aafb9 100644
--- a/people/17729.html
+++ b/people/17729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1773.html b/people/1773.html
index 454de5de..4e8c6cbb 100644
--- a/people/1773.html
+++ b/people/1773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17730.html b/people/17730.html
index 62843c67..c1a07f70 100644
--- a/people/17730.html
+++ b/people/17730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17731.html b/people/17731.html
index 606e3615..f583f042 100644
--- a/people/17731.html
+++ b/people/17731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17732.html b/people/17732.html
index 57afc20e..8ef96432 100644
--- a/people/17732.html
+++ b/people/17732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17733.html b/people/17733.html
index a7a83c5f..4d453ddf 100644
--- a/people/17733.html
+++ b/people/17733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17734.html b/people/17734.html
index 40e9efa7..e562f715 100644
--- a/people/17734.html
+++ b/people/17734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17735.html b/people/17735.html
index 106e190f..aa153263 100644
--- a/people/17735.html
+++ b/people/17735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17736.html b/people/17736.html
index 3b1d8018..f1d674b1 100644
--- a/people/17736.html
+++ b/people/17736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17737.html b/people/17737.html
index f2d1cc0f..709fb937 100644
--- a/people/17737.html
+++ b/people/17737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17738.html b/people/17738.html
index d7b017c4..2d7c994d 100644
--- a/people/17738.html
+++ b/people/17738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17739.html b/people/17739.html
index d3af7dbd..2cdb2713 100644
--- a/people/17739.html
+++ b/people/17739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1774.html b/people/1774.html
index 3539f551..b379af46 100644
--- a/people/1774.html
+++ b/people/1774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17740.html b/people/17740.html
index 5ba48c8e..b1580797 100644
--- a/people/17740.html
+++ b/people/17740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17741.html b/people/17741.html
index 6ed61c63..615ad4d5 100644
--- a/people/17741.html
+++ b/people/17741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17742.html b/people/17742.html
index 0abf9fe1..12531d87 100644
--- a/people/17742.html
+++ b/people/17742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17743.html b/people/17743.html
index 0e6f80e7..83ffbe1c 100644
--- a/people/17743.html
+++ b/people/17743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17744.html b/people/17744.html
index 4edbddd3..108c7544 100644
--- a/people/17744.html
+++ b/people/17744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17745.html b/people/17745.html
index 18831da9..60027e98 100644
--- a/people/17745.html
+++ b/people/17745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17746.html b/people/17746.html
index a2b3490c..ce254754 100644
--- a/people/17746.html
+++ b/people/17746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17747.html b/people/17747.html
index 01c54708..d2e04144 100644
--- a/people/17747.html
+++ b/people/17747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17748.html b/people/17748.html
index 2a37d157..76539b58 100644
--- a/people/17748.html
+++ b/people/17748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17749.html b/people/17749.html
index 5d7e3652..7409221b 100644
--- a/people/17749.html
+++ b/people/17749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1775.html b/people/1775.html
index 8b83bdd5..b15f7ec7 100644
--- a/people/1775.html
+++ b/people/1775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17750.html b/people/17750.html
index c954bd12..b291d6bf 100644
--- a/people/17750.html
+++ b/people/17750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17751.html b/people/17751.html
index 11af8020..40686585 100644
--- a/people/17751.html
+++ b/people/17751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17752.html b/people/17752.html
index dc5b09db..c127d6a6 100644
--- a/people/17752.html
+++ b/people/17752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17753.html b/people/17753.html
index d432bcda..6810f6cc 100644
--- a/people/17753.html
+++ b/people/17753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17754.html b/people/17754.html
index 1d8b7d30..63cb9211 100644
--- a/people/17754.html
+++ b/people/17754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17755.html b/people/17755.html
index 66061a94..8e4926a9 100644
--- a/people/17755.html
+++ b/people/17755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17756.html b/people/17756.html
index c910f207..da7935f8 100644
--- a/people/17756.html
+++ b/people/17756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17757.html b/people/17757.html
index bf3da4a6..71d30181 100644
--- a/people/17757.html
+++ b/people/17757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17758.html b/people/17758.html
index 082f2ce4..3f380745 100644
--- a/people/17758.html
+++ b/people/17758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17759.html b/people/17759.html
index b4d0ea12..85cd46c9 100644
--- a/people/17759.html
+++ b/people/17759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1776.html b/people/1776.html
index b8f93a6f..041ab864 100644
--- a/people/1776.html
+++ b/people/1776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17760.html b/people/17760.html
index 0ba464aa..8b94d599 100644
--- a/people/17760.html
+++ b/people/17760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17761.html b/people/17761.html
index 612c2459..8985075b 100644
--- a/people/17761.html
+++ b/people/17761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17762.html b/people/17762.html
index 9ada0887..04f0828f 100644
--- a/people/17762.html
+++ b/people/17762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17763.html b/people/17763.html
index 495ca163..9d4656eb 100644
--- a/people/17763.html
+++ b/people/17763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17764.html b/people/17764.html
index c7af4c6b..5efa7e27 100644
--- a/people/17764.html
+++ b/people/17764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17765.html b/people/17765.html
index eccece01..e33e0451 100644
--- a/people/17765.html
+++ b/people/17765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17766.html b/people/17766.html
index 5c2c2960..6a811977 100644
--- a/people/17766.html
+++ b/people/17766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17767.html b/people/17767.html
index c6ecff02..32cf0fd7 100644
--- a/people/17767.html
+++ b/people/17767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17768.html b/people/17768.html
index 12241c0e..6a529b74 100644
--- a/people/17768.html
+++ b/people/17768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17769.html b/people/17769.html
index 987a8f72..07054f8d 100644
--- a/people/17769.html
+++ b/people/17769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1777.html b/people/1777.html
index 8abc9420..68788e98 100644
--- a/people/1777.html
+++ b/people/1777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17770.html b/people/17770.html
index c2cb0749..d78fe2d4 100644
--- a/people/17770.html
+++ b/people/17770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17771.html b/people/17771.html
index 673cdd91..903ebeb4 100644
--- a/people/17771.html
+++ b/people/17771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17772.html b/people/17772.html
index 70f7b800..57d0d7e5 100644
--- a/people/17772.html
+++ b/people/17772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17773.html b/people/17773.html
index dfcc2b94..a2c9acab 100644
--- a/people/17773.html
+++ b/people/17773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17774.html b/people/17774.html
index b5bfe47e..aa5d3e19 100644
--- a/people/17774.html
+++ b/people/17774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17775.html b/people/17775.html
index 23ec332b..8a1e1d48 100644
--- a/people/17775.html
+++ b/people/17775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17776.html b/people/17776.html
index 4c9d8a39..f5714713 100644
--- a/people/17776.html
+++ b/people/17776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17777.html b/people/17777.html
index 06b2cd7b..11c849a5 100644
--- a/people/17777.html
+++ b/people/17777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17778.html b/people/17778.html
index af8ceb8f..81f78e27 100644
--- a/people/17778.html
+++ b/people/17778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17779.html b/people/17779.html
index b8674590..ceae3235 100644
--- a/people/17779.html
+++ b/people/17779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1778.html b/people/1778.html
index 32ee5340..bcf927fb 100644
--- a/people/1778.html
+++ b/people/1778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17780.html b/people/17780.html
index fa878676..674d5845 100644
--- a/people/17780.html
+++ b/people/17780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17781.html b/people/17781.html
index b9a0ea2e..2c5de154 100644
--- a/people/17781.html
+++ b/people/17781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17782.html b/people/17782.html
index 25806db2..5ca3a287 100644
--- a/people/17782.html
+++ b/people/17782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17783.html b/people/17783.html
index 8ea1b3e1..eebec74f 100644
--- a/people/17783.html
+++ b/people/17783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17784.html b/people/17784.html
index 26581964..b1adc947 100644
--- a/people/17784.html
+++ b/people/17784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17785.html b/people/17785.html
index 430982d9..6e5b47fb 100644
--- a/people/17785.html
+++ b/people/17785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17786.html b/people/17786.html
index 49b603ff..2e87f1ca 100644
--- a/people/17786.html
+++ b/people/17786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17787.html b/people/17787.html
index f814d210..fb2176bb 100644
--- a/people/17787.html
+++ b/people/17787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17788.html b/people/17788.html
index 06487865..3cd07173 100644
--- a/people/17788.html
+++ b/people/17788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17789.html b/people/17789.html
index 57e3a45d..504cbba6 100644
--- a/people/17789.html
+++ b/people/17789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1779.html b/people/1779.html
index f54bcbe2..1dd453fc 100644
--- a/people/1779.html
+++ b/people/1779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17790.html b/people/17790.html
index a391ea47..a62e01b6 100644
--- a/people/17790.html
+++ b/people/17790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17791.html b/people/17791.html
index 6d7163ae..05a6576b 100644
--- a/people/17791.html
+++ b/people/17791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17792.html b/people/17792.html
index 1335495e..d901ab75 100644
--- a/people/17792.html
+++ b/people/17792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17793.html b/people/17793.html
index bfe30894..f481a4e6 100644
--- a/people/17793.html
+++ b/people/17793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17794.html b/people/17794.html
index e67a810f..20886d8d 100644
--- a/people/17794.html
+++ b/people/17794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17795.html b/people/17795.html
index 15a619bd..b6c1aba7 100644
--- a/people/17795.html
+++ b/people/17795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17796.html b/people/17796.html
index 5685609e..e9e7fb47 100644
--- a/people/17796.html
+++ b/people/17796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17797.html b/people/17797.html
index 423d7aa1..470e7c69 100644
--- a/people/17797.html
+++ b/people/17797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17798.html b/people/17798.html
index 810463e4..021089db 100644
--- a/people/17798.html
+++ b/people/17798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17799.html b/people/17799.html
index f7f1da57..b7dc3ac9 100644
--- a/people/17799.html
+++ b/people/17799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/178.html b/people/178.html
index 0952f58d..e74145f8 100644
--- a/people/178.html
+++ b/people/178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1780.html b/people/1780.html
index 37217264..2400cef6 100644
--- a/people/1780.html
+++ b/people/1780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17800.html b/people/17800.html
index a82cadc9..b2bd09b1 100644
--- a/people/17800.html
+++ b/people/17800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17801.html b/people/17801.html
index 25cc0648..e15e4b97 100644
--- a/people/17801.html
+++ b/people/17801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17802.html b/people/17802.html
index 738d857c..0d6045c6 100644
--- a/people/17802.html
+++ b/people/17802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17803.html b/people/17803.html
index 1679326b..8772bb76 100644
--- a/people/17803.html
+++ b/people/17803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17804.html b/people/17804.html
index 95ade097..d2f9569e 100644
--- a/people/17804.html
+++ b/people/17804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17805.html b/people/17805.html
index 00fc9d1e..57ffd30a 100644
--- a/people/17805.html
+++ b/people/17805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17806.html b/people/17806.html
index c5cfbb3d..950ffad4 100644
--- a/people/17806.html
+++ b/people/17806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17807.html b/people/17807.html
index aee03dce..ead09dd1 100644
--- a/people/17807.html
+++ b/people/17807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17808.html b/people/17808.html
index 398f24ae..c1892846 100644
--- a/people/17808.html
+++ b/people/17808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17809.html b/people/17809.html
index 24a13845..641af2c9 100644
--- a/people/17809.html
+++ b/people/17809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1781.html b/people/1781.html
index daa18f75..5500ea0d 100644
--- a/people/1781.html
+++ b/people/1781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17810.html b/people/17810.html
index 7fd245c4..ac817811 100644
--- a/people/17810.html
+++ b/people/17810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17811.html b/people/17811.html
index 8f5e16e8..0a8f4e0e 100644
--- a/people/17811.html
+++ b/people/17811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17812.html b/people/17812.html
index 7eef910e..68e4643d 100644
--- a/people/17812.html
+++ b/people/17812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17813.html b/people/17813.html
index c6aa950f..94bde887 100644
--- a/people/17813.html
+++ b/people/17813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17814.html b/people/17814.html
index 6740ab9b..54fc8974 100644
--- a/people/17814.html
+++ b/people/17814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17815.html b/people/17815.html
index 047db410..44b489bf 100644
--- a/people/17815.html
+++ b/people/17815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17816.html b/people/17816.html
index 374407f9..9d3e9dd3 100644
--- a/people/17816.html
+++ b/people/17816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17817.html b/people/17817.html
index 811c7580..fe589d9e 100644
--- a/people/17817.html
+++ b/people/17817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17818.html b/people/17818.html
index 5f7b5143..95cb4133 100644
--- a/people/17818.html
+++ b/people/17818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17819.html b/people/17819.html
index a1ef37f9..f7e0315f 100644
--- a/people/17819.html
+++ b/people/17819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1782.html b/people/1782.html
index 1aebbbd0..1eddf011 100644
--- a/people/1782.html
+++ b/people/1782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17820.html b/people/17820.html
index 879c01f9..52fa0901 100644
--- a/people/17820.html
+++ b/people/17820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17821.html b/people/17821.html
index a215af08..478a1952 100644
--- a/people/17821.html
+++ b/people/17821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17822.html b/people/17822.html
index 7efc183b..3cc471f6 100644
--- a/people/17822.html
+++ b/people/17822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17823.html b/people/17823.html
index ffa0dad3..94933a29 100644
--- a/people/17823.html
+++ b/people/17823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17824.html b/people/17824.html
index 6e5393d1..ea333d4e 100644
--- a/people/17824.html
+++ b/people/17824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17825.html b/people/17825.html
index 83b101f5..066757cb 100644
--- a/people/17825.html
+++ b/people/17825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17826.html b/people/17826.html
index fee210d3..dc059de5 100644
--- a/people/17826.html
+++ b/people/17826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17827.html b/people/17827.html
index 90020981..549ece4b 100644
--- a/people/17827.html
+++ b/people/17827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17828.html b/people/17828.html
index 62e64e14..dbe56787 100644
--- a/people/17828.html
+++ b/people/17828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17829.html b/people/17829.html
index bb1278e0..619f5861 100644
--- a/people/17829.html
+++ b/people/17829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1783.html b/people/1783.html
index 1b04e3be..b82e13b7 100644
--- a/people/1783.html
+++ b/people/1783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17830.html b/people/17830.html
index 9122880d..1203d8b6 100644
--- a/people/17830.html
+++ b/people/17830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17831.html b/people/17831.html
index ca785a5d..31b62e56 100644
--- a/people/17831.html
+++ b/people/17831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17832.html b/people/17832.html
index dcc23fa9..a0742ebd 100644
--- a/people/17832.html
+++ b/people/17832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17833.html b/people/17833.html
index 4922f603..b3cab3cf 100644
--- a/people/17833.html
+++ b/people/17833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17834.html b/people/17834.html
index b546b9c1..69c925cb 100644
--- a/people/17834.html
+++ b/people/17834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17835.html b/people/17835.html
index 39fb91cd..eb7bc54e 100644
--- a/people/17835.html
+++ b/people/17835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17836.html b/people/17836.html
index 24685e4c..c873cc37 100644
--- a/people/17836.html
+++ b/people/17836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17837.html b/people/17837.html
index e4e5ad2c..782b6b30 100644
--- a/people/17837.html
+++ b/people/17837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17838.html b/people/17838.html
index 4a9d886d..da51fee3 100644
--- a/people/17838.html
+++ b/people/17838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17839.html b/people/17839.html
index ac1aa929..a3d9157e 100644
--- a/people/17839.html
+++ b/people/17839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1784.html b/people/1784.html
index ff53731c..c582d016 100644
--- a/people/1784.html
+++ b/people/1784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17840.html b/people/17840.html
index 3f72302c..3431302d 100644
--- a/people/17840.html
+++ b/people/17840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17841.html b/people/17841.html
index 35b5c100..371fe164 100644
--- a/people/17841.html
+++ b/people/17841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17842.html b/people/17842.html
index a2ffe9ba..f9681b14 100644
--- a/people/17842.html
+++ b/people/17842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17843.html b/people/17843.html
index 6686ca77..4b107d4c 100644
--- a/people/17843.html
+++ b/people/17843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17844.html b/people/17844.html
index 36ebf382..02677387 100644
--- a/people/17844.html
+++ b/people/17844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17845.html b/people/17845.html
index 5b0c0d2a..8ce44e8a 100644
--- a/people/17845.html
+++ b/people/17845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17846.html b/people/17846.html
index 04a50b25..cdbc171d 100644
--- a/people/17846.html
+++ b/people/17846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17847.html b/people/17847.html
index ab516e93..3291d9d4 100644
--- a/people/17847.html
+++ b/people/17847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17848.html b/people/17848.html
index 6760f614..388fcb8a 100644
--- a/people/17848.html
+++ b/people/17848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17849.html b/people/17849.html
index 062fce5b..5465b187 100644
--- a/people/17849.html
+++ b/people/17849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1785.html b/people/1785.html
index 6a5ce063..2f770305 100644
--- a/people/1785.html
+++ b/people/1785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17850.html b/people/17850.html
index 7f05e3ca..e1ce472a 100644
--- a/people/17850.html
+++ b/people/17850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17851.html b/people/17851.html
index 34c06200..cd8a7155 100644
--- a/people/17851.html
+++ b/people/17851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17852.html b/people/17852.html
index 587ab028..db805aa7 100644
--- a/people/17852.html
+++ b/people/17852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17853.html b/people/17853.html
index 6384e2a6..f611edf0 100644
--- a/people/17853.html
+++ b/people/17853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17854.html b/people/17854.html
index 8a55515f..a76fcfbf 100644
--- a/people/17854.html
+++ b/people/17854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17855.html b/people/17855.html
index c5a530a2..ef02c10c 100644
--- a/people/17855.html
+++ b/people/17855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17856.html b/people/17856.html
index 6c227561..9e3b84be 100644
--- a/people/17856.html
+++ b/people/17856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17857.html b/people/17857.html
index 3bffd979..eff228ef 100644
--- a/people/17857.html
+++ b/people/17857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17858.html b/people/17858.html
index b8b5f606..e75365c5 100644
--- a/people/17858.html
+++ b/people/17858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17859.html b/people/17859.html
index e105cb8a..a9f1da7b 100644
--- a/people/17859.html
+++ b/people/17859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1786.html b/people/1786.html
index 1c632be2..bd0395c1 100644
--- a/people/1786.html
+++ b/people/1786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17860.html b/people/17860.html
index 12e39714..f25dd2c0 100644
--- a/people/17860.html
+++ b/people/17860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17861.html b/people/17861.html
index d77b0d6c..e3e72ebc 100644
--- a/people/17861.html
+++ b/people/17861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17862.html b/people/17862.html
index 875f793f..1f1b5def 100644
--- a/people/17862.html
+++ b/people/17862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17863.html b/people/17863.html
index be72b080..8fa88f93 100644
--- a/people/17863.html
+++ b/people/17863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17864.html b/people/17864.html
index fe7c0a12..9292048e 100644
--- a/people/17864.html
+++ b/people/17864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17865.html b/people/17865.html
index d129b0d1..aa5c84e7 100644
--- a/people/17865.html
+++ b/people/17865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17866.html b/people/17866.html
index 7ec2485c..cf11a324 100644
--- a/people/17866.html
+++ b/people/17866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17867.html b/people/17867.html
index 91f0c7bf..f29b9563 100644
--- a/people/17867.html
+++ b/people/17867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17868.html b/people/17868.html
index 04f6ebb0..c3fa2b81 100644
--- a/people/17868.html
+++ b/people/17868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17869.html b/people/17869.html
index a893cace..e7eb48be 100644
--- a/people/17869.html
+++ b/people/17869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1787.html b/people/1787.html
index 016487e8..362c085c 100644
--- a/people/1787.html
+++ b/people/1787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17870.html b/people/17870.html
index 9d00b213..de045cb9 100644
--- a/people/17870.html
+++ b/people/17870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17871.html b/people/17871.html
index 6eaeafef..ece81b77 100644
--- a/people/17871.html
+++ b/people/17871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17872.html b/people/17872.html
index a3407dd5..6bbea164 100644
--- a/people/17872.html
+++ b/people/17872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17873.html b/people/17873.html
index c4fb4a68..99f1988e 100644
--- a/people/17873.html
+++ b/people/17873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17874.html b/people/17874.html
index 59b9a3a8..b0985fad 100644
--- a/people/17874.html
+++ b/people/17874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17875.html b/people/17875.html
index ce4e3e84..1576992e 100644
--- a/people/17875.html
+++ b/people/17875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17876.html b/people/17876.html
index c8ec46dd..800fc6ba 100644
--- a/people/17876.html
+++ b/people/17876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17877.html b/people/17877.html
index 7cbc488a..e958d151 100644
--- a/people/17877.html
+++ b/people/17877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17878.html b/people/17878.html
index e892ca1b..90e2236b 100644
--- a/people/17878.html
+++ b/people/17878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17879.html b/people/17879.html
index fe0d83a5..97161058 100644
--- a/people/17879.html
+++ b/people/17879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1788.html b/people/1788.html
index 3de6ebad..843e6293 100644
--- a/people/1788.html
+++ b/people/1788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17880.html b/people/17880.html
index 052bc95a..ae751928 100644
--- a/people/17880.html
+++ b/people/17880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17881.html b/people/17881.html
index d089b677..379293ab 100644
--- a/people/17881.html
+++ b/people/17881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17882.html b/people/17882.html
index 295f3dfe..ac51b761 100644
--- a/people/17882.html
+++ b/people/17882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17883.html b/people/17883.html
index 4e51d3e8..f263bfff 100644
--- a/people/17883.html
+++ b/people/17883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17884.html b/people/17884.html
index 015affe1..fef44768 100644
--- a/people/17884.html
+++ b/people/17884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17885.html b/people/17885.html
index 2657f20f..706fde1c 100644
--- a/people/17885.html
+++ b/people/17885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17886.html b/people/17886.html
index 634b672c..4aec8981 100644
--- a/people/17886.html
+++ b/people/17886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17887.html b/people/17887.html
index 7459db55..60c22f14 100644
--- a/people/17887.html
+++ b/people/17887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17888.html b/people/17888.html
index a3cc6cdd..89aef21e 100644
--- a/people/17888.html
+++ b/people/17888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17889.html b/people/17889.html
index 1a2ad940..1a5cc6fb 100644
--- a/people/17889.html
+++ b/people/17889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1789.html b/people/1789.html
index 0ad53cd9..0c9ff6f5 100644
--- a/people/1789.html
+++ b/people/1789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17890.html b/people/17890.html
index 7afd6951..fa4e61d6 100644
--- a/people/17890.html
+++ b/people/17890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17891.html b/people/17891.html
index 03e0b375..4dbac954 100644
--- a/people/17891.html
+++ b/people/17891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17892.html b/people/17892.html
index e06cf5e0..81a68d50 100644
--- a/people/17892.html
+++ b/people/17892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17893.html b/people/17893.html
index 2ca07d62..0b49ea1f 100644
--- a/people/17893.html
+++ b/people/17893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17894.html b/people/17894.html
index ba4b8ca3..05626275 100644
--- a/people/17894.html
+++ b/people/17894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17895.html b/people/17895.html
index bb4af60e..a358c763 100644
--- a/people/17895.html
+++ b/people/17895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17896.html b/people/17896.html
index ee238d1f..a31212cc 100644
--- a/people/17896.html
+++ b/people/17896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17897.html b/people/17897.html
index 151aaf58..335253d2 100644
--- a/people/17897.html
+++ b/people/17897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17898.html b/people/17898.html
index 0a9fc406..3f998891 100644
--- a/people/17898.html
+++ b/people/17898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17899.html b/people/17899.html
index f935d0f5..05d7a082 100644
--- a/people/17899.html
+++ b/people/17899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/179.html b/people/179.html
index 3a2356ce..a1dd41b6 100644
--- a/people/179.html
+++ b/people/179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1790.html b/people/1790.html
index cd9cd985..27cd1fdf 100644
--- a/people/1790.html
+++ b/people/1790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17900.html b/people/17900.html
index d6a1b887..d11d3fd7 100644
--- a/people/17900.html
+++ b/people/17900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17901.html b/people/17901.html
index 978554c9..dbf9dc4f 100644
--- a/people/17901.html
+++ b/people/17901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17902.html b/people/17902.html
index 3101a800..ede84410 100644
--- a/people/17902.html
+++ b/people/17902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17903.html b/people/17903.html
index c21b7ef3..9dd55fb7 100644
--- a/people/17903.html
+++ b/people/17903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17904.html b/people/17904.html
index 236ea1ff..a10b4475 100644
--- a/people/17904.html
+++ b/people/17904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17905.html b/people/17905.html
index addd47b5..de8ea4d5 100644
--- a/people/17905.html
+++ b/people/17905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17906.html b/people/17906.html
index 0213629a..0af7b311 100644
--- a/people/17906.html
+++ b/people/17906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17907.html b/people/17907.html
index 4c9a7427..7f71fa12 100644
--- a/people/17907.html
+++ b/people/17907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17908.html b/people/17908.html
index 62485284..c18d7379 100644
--- a/people/17908.html
+++ b/people/17908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17909.html b/people/17909.html
index c46ec99d..4c5952cf 100644
--- a/people/17909.html
+++ b/people/17909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1791.html b/people/1791.html
index 2a791264..3686c5df 100644
--- a/people/1791.html
+++ b/people/1791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17910.html b/people/17910.html
index 0aed47c0..22ea895d 100644
--- a/people/17910.html
+++ b/people/17910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17911.html b/people/17911.html
index 10c842a9..31318047 100644
--- a/people/17911.html
+++ b/people/17911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17912.html b/people/17912.html
index 01577487..4d4082a6 100644
--- a/people/17912.html
+++ b/people/17912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17913.html b/people/17913.html
index 2b73627d..4e862e52 100644
--- a/people/17913.html
+++ b/people/17913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17914.html b/people/17914.html
index 5570e80a..104298de 100644
--- a/people/17914.html
+++ b/people/17914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17915.html b/people/17915.html
index 5b67dd27..84f445b3 100644
--- a/people/17915.html
+++ b/people/17915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17916.html b/people/17916.html
index 879ef86d..d628e33c 100644
--- a/people/17916.html
+++ b/people/17916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17917.html b/people/17917.html
index de257e11..58306b7a 100644
--- a/people/17917.html
+++ b/people/17917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17918.html b/people/17918.html
index c96f9a5b..63662eb7 100644
--- a/people/17918.html
+++ b/people/17918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17919.html b/people/17919.html
index fa9c1c60..f3ba8b2f 100644
--- a/people/17919.html
+++ b/people/17919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1792.html b/people/1792.html
index 80435ef5..c5f82e0c 100644
--- a/people/1792.html
+++ b/people/1792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17920.html b/people/17920.html
index 8a105e1b..870ee697 100644
--- a/people/17920.html
+++ b/people/17920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17921.html b/people/17921.html
index cc0db695..672e543b 100644
--- a/people/17921.html
+++ b/people/17921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17922.html b/people/17922.html
index a6b4fa80..7c4fe702 100644
--- a/people/17922.html
+++ b/people/17922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17923.html b/people/17923.html
index af4e5306..ff5c04aa 100644
--- a/people/17923.html
+++ b/people/17923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17924.html b/people/17924.html
index fd6e71e1..68a9516b 100644
--- a/people/17924.html
+++ b/people/17924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17925.html b/people/17925.html
index 5dca0236..98d4bee9 100644
--- a/people/17925.html
+++ b/people/17925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17926.html b/people/17926.html
index d6127ef5..a84cdb6c 100644
--- a/people/17926.html
+++ b/people/17926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17927.html b/people/17927.html
index 3f70ee17..fc0567b2 100644
--- a/people/17927.html
+++ b/people/17927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17928.html b/people/17928.html
index cb6f69cb..d868b59e 100644
--- a/people/17928.html
+++ b/people/17928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17929.html b/people/17929.html
index eeff8d31..466957dc 100644
--- a/people/17929.html
+++ b/people/17929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1793.html b/people/1793.html
index 59d355b0..ffb482ea 100644
--- a/people/1793.html
+++ b/people/1793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17930.html b/people/17930.html
index 94ee8c61..cfabe70d 100644
--- a/people/17930.html
+++ b/people/17930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17931.html b/people/17931.html
index 39f3b923..2b8a220d 100644
--- a/people/17931.html
+++ b/people/17931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17932.html b/people/17932.html
index a7221065..18bf9d9e 100644
--- a/people/17932.html
+++ b/people/17932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17933.html b/people/17933.html
index 0ac13863..9b8f1760 100644
--- a/people/17933.html
+++ b/people/17933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17934.html b/people/17934.html
index 6c8ceb2e..964e3401 100644
--- a/people/17934.html
+++ b/people/17934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17935.html b/people/17935.html
index 5d397d1d..eae03c52 100644
--- a/people/17935.html
+++ b/people/17935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17936.html b/people/17936.html
index e35d5758..cd8c905b 100644
--- a/people/17936.html
+++ b/people/17936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17937.html b/people/17937.html
index 600ae344..bb4c0f26 100644
--- a/people/17937.html
+++ b/people/17937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17938.html b/people/17938.html
index 8c5f25ba..f9c49806 100644
--- a/people/17938.html
+++ b/people/17938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17939.html b/people/17939.html
index 2908e1d4..3c50e7b9 100644
--- a/people/17939.html
+++ b/people/17939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1794.html b/people/1794.html
index 00d4faa3..03aa7cfb 100644
--- a/people/1794.html
+++ b/people/1794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17940.html b/people/17940.html
index 7df9b682..a740033a 100644
--- a/people/17940.html
+++ b/people/17940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17941.html b/people/17941.html
index 589f9f42..af52eaf0 100644
--- a/people/17941.html
+++ b/people/17941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17942.html b/people/17942.html
index cfad0f16..15228c3f 100644
--- a/people/17942.html
+++ b/people/17942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17943.html b/people/17943.html
index 6fefc058..c35056a5 100644
--- a/people/17943.html
+++ b/people/17943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17944.html b/people/17944.html
index bf49d62d..65a6a7d7 100644
--- a/people/17944.html
+++ b/people/17944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17945.html b/people/17945.html
index 680e4d36..dcb7e2c0 100644
--- a/people/17945.html
+++ b/people/17945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17946.html b/people/17946.html
index 7d543b4b..e7855090 100644
--- a/people/17946.html
+++ b/people/17946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17947.html b/people/17947.html
index 7bc2aa8f..3dde0054 100644
--- a/people/17947.html
+++ b/people/17947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17948.html b/people/17948.html
index 6128d077..1d1fb541 100644
--- a/people/17948.html
+++ b/people/17948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17949.html b/people/17949.html
index 5e52295e..c283a6c8 100644
--- a/people/17949.html
+++ b/people/17949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1795.html b/people/1795.html
index 44089843..4d5350c2 100644
--- a/people/1795.html
+++ b/people/1795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17950.html b/people/17950.html
index 9022ea9f..ef51ae17 100644
--- a/people/17950.html
+++ b/people/17950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17951.html b/people/17951.html
index 5c404c39..d5a301ba 100644
--- a/people/17951.html
+++ b/people/17951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17952.html b/people/17952.html
index 2b0e4193..ccd91912 100644
--- a/people/17952.html
+++ b/people/17952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17953.html b/people/17953.html
index 6f0aa14d..fe673105 100644
--- a/people/17953.html
+++ b/people/17953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17954.html b/people/17954.html
index 901d0d02..0006a888 100644
--- a/people/17954.html
+++ b/people/17954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17955.html b/people/17955.html
index b6c7c7b1..b2afa6ab 100644
--- a/people/17955.html
+++ b/people/17955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17956.html b/people/17956.html
index cefe4b43..dcbcfacd 100644
--- a/people/17956.html
+++ b/people/17956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17957.html b/people/17957.html
index 0afccec7..dec989af 100644
--- a/people/17957.html
+++ b/people/17957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17958.html b/people/17958.html
index b625a48c..27f557e1 100644
--- a/people/17958.html
+++ b/people/17958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17959.html b/people/17959.html
index d088c8a1..d43eceb2 100644
--- a/people/17959.html
+++ b/people/17959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1796.html b/people/1796.html
index 6ba19f40..e5bc5beb 100644
--- a/people/1796.html
+++ b/people/1796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17960.html b/people/17960.html
index c053b313..751a2c3e 100644
--- a/people/17960.html
+++ b/people/17960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17961.html b/people/17961.html
index 2c659f8e..6ffd04ba 100644
--- a/people/17961.html
+++ b/people/17961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17962.html b/people/17962.html
index ae022c31..8e0deb95 100644
--- a/people/17962.html
+++ b/people/17962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17963.html b/people/17963.html
index 85f12a6b..b8f8665e 100644
--- a/people/17963.html
+++ b/people/17963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17964.html b/people/17964.html
index fa02aaa2..70446f36 100644
--- a/people/17964.html
+++ b/people/17964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17965.html b/people/17965.html
index cbe67fe5..ef9a8f3b 100644
--- a/people/17965.html
+++ b/people/17965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17966.html b/people/17966.html
index 256608f4..d3220946 100644
--- a/people/17966.html
+++ b/people/17966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17967.html b/people/17967.html
index 1542d16e..4ee002f3 100644
--- a/people/17967.html
+++ b/people/17967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17968.html b/people/17968.html
index adcf9b34..c0499cba 100644
--- a/people/17968.html
+++ b/people/17968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17969.html b/people/17969.html
index 96ae9484..55a8b4d4 100644
--- a/people/17969.html
+++ b/people/17969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1797.html b/people/1797.html
index 3e33654c..e54eac18 100644
--- a/people/1797.html
+++ b/people/1797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17970.html b/people/17970.html
index 401eb899..ec6ffab9 100644
--- a/people/17970.html
+++ b/people/17970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17971.html b/people/17971.html
index 7b41526d..27ee9c37 100644
--- a/people/17971.html
+++ b/people/17971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17972.html b/people/17972.html
index 29b97a72..6a473687 100644
--- a/people/17972.html
+++ b/people/17972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17973.html b/people/17973.html
index 54d459f7..2a3c3bd6 100644
--- a/people/17973.html
+++ b/people/17973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17974.html b/people/17974.html
index 23679c7b..59ba2ed1 100644
--- a/people/17974.html
+++ b/people/17974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17975.html b/people/17975.html
index c3b7fc5c..468df295 100644
--- a/people/17975.html
+++ b/people/17975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17976.html b/people/17976.html
index ab811347..3c5cf94b 100644
--- a/people/17976.html
+++ b/people/17976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17977.html b/people/17977.html
index 50bd8581..487d6032 100644
--- a/people/17977.html
+++ b/people/17977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17978.html b/people/17978.html
index 6064be02..178896aa 100644
--- a/people/17978.html
+++ b/people/17978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17979.html b/people/17979.html
index 771cb801..44a2414e 100644
--- a/people/17979.html
+++ b/people/17979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1798.html b/people/1798.html
index 097bec42..4b3c2384 100644
--- a/people/1798.html
+++ b/people/1798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17980.html b/people/17980.html
index 9840ebc8..3a93f14a 100644
--- a/people/17980.html
+++ b/people/17980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17981.html b/people/17981.html
index 63974913..0e591b8a 100644
--- a/people/17981.html
+++ b/people/17981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17982.html b/people/17982.html
index b3a2587c..667f7cf0 100644
--- a/people/17982.html
+++ b/people/17982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17983.html b/people/17983.html
index f5becc35..db7ad199 100644
--- a/people/17983.html
+++ b/people/17983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17984.html b/people/17984.html
index 1115ab74..1c87c6ea 100644
--- a/people/17984.html
+++ b/people/17984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17985.html b/people/17985.html
index 86b405d8..40b85e04 100644
--- a/people/17985.html
+++ b/people/17985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17986.html b/people/17986.html
index e548b4bc..f2d65366 100644
--- a/people/17986.html
+++ b/people/17986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17987.html b/people/17987.html
index d6391bb5..6c2c229f 100644
--- a/people/17987.html
+++ b/people/17987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17988.html b/people/17988.html
index c65db797..766f2bd8 100644
--- a/people/17988.html
+++ b/people/17988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17989.html b/people/17989.html
index 5c6b9a1e..5895e2a5 100644
--- a/people/17989.html
+++ b/people/17989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1799.html b/people/1799.html
index 2b693777..e21fb4df 100644
--- a/people/1799.html
+++ b/people/1799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17990.html b/people/17990.html
index 10a4b4ba..193f76a1 100644
--- a/people/17990.html
+++ b/people/17990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17991.html b/people/17991.html
index d29ad8e7..4196a1ae 100644
--- a/people/17991.html
+++ b/people/17991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17992.html b/people/17992.html
index b2c791ae..2fe2ec3a 100644
--- a/people/17992.html
+++ b/people/17992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17993.html b/people/17993.html
index e619325d..b9ed39b7 100644
--- a/people/17993.html
+++ b/people/17993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17994.html b/people/17994.html
index 45bb5190..079c01ad 100644
--- a/people/17994.html
+++ b/people/17994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17995.html b/people/17995.html
index 2f923625..239feb88 100644
--- a/people/17995.html
+++ b/people/17995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17996.html b/people/17996.html
index 8bec99b9..1ab44b15 100644
--- a/people/17996.html
+++ b/people/17996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17997.html b/people/17997.html
index fac02a39..c52b23f9 100644
--- a/people/17997.html
+++ b/people/17997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17998.html b/people/17998.html
index f37805c5..e68c3463 100644
--- a/people/17998.html
+++ b/people/17998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/17999.html b/people/17999.html
index 65c8f093..4c9d9e51 100644
--- a/people/17999.html
+++ b/people/17999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18.html b/people/18.html
index 846e6e11..ee5a8f71 100644
--- a/people/18.html
+++ b/people/18.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/180.html b/people/180.html
index c31a5fed..a0438686 100644
--- a/people/180.html
+++ b/people/180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1800.html b/people/1800.html
index 2d49af6d..a7e351c9 100644
--- a/people/1800.html
+++ b/people/1800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18000.html b/people/18000.html
index 6973000f..ad3813be 100644
--- a/people/18000.html
+++ b/people/18000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18001.html b/people/18001.html
index f1a8eac5..bff46b1f 100644
--- a/people/18001.html
+++ b/people/18001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18002.html b/people/18002.html
index 73feddbb..2c8d3566 100644
--- a/people/18002.html
+++ b/people/18002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18003.html b/people/18003.html
index e88dd56b..46ba2823 100644
--- a/people/18003.html
+++ b/people/18003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18004.html b/people/18004.html
index af596f4b..88dacd2f 100644
--- a/people/18004.html
+++ b/people/18004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18005.html b/people/18005.html
index 5c63880f..5d567807 100644
--- a/people/18005.html
+++ b/people/18005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18006.html b/people/18006.html
index 977c48f7..26002fc0 100644
--- a/people/18006.html
+++ b/people/18006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18007.html b/people/18007.html
index 1b6ac6d5..663af2f5 100644
--- a/people/18007.html
+++ b/people/18007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18008.html b/people/18008.html
index 9b0cde26..635ef919 100644
--- a/people/18008.html
+++ b/people/18008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18009.html b/people/18009.html
index f0165bdd..7eb8a855 100644
--- a/people/18009.html
+++ b/people/18009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1801.html b/people/1801.html
index e022af5e..eb578b69 100644
--- a/people/1801.html
+++ b/people/1801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18010.html b/people/18010.html
index c80d0133..ede87db1 100644
--- a/people/18010.html
+++ b/people/18010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18011.html b/people/18011.html
index 1ea05f67..a0b5ba46 100644
--- a/people/18011.html
+++ b/people/18011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18012.html b/people/18012.html
index f6c11123..14f0893a 100644
--- a/people/18012.html
+++ b/people/18012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18013.html b/people/18013.html
index 158e92d4..795b2ea8 100644
--- a/people/18013.html
+++ b/people/18013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18014.html b/people/18014.html
index ab31079e..d5b2377f 100644
--- a/people/18014.html
+++ b/people/18014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18015.html b/people/18015.html
index eb8b6b05..f22901c3 100644
--- a/people/18015.html
+++ b/people/18015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18016.html b/people/18016.html
index a6b6a3f6..2b37d369 100644
--- a/people/18016.html
+++ b/people/18016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18017.html b/people/18017.html
index 8d863981..45fcc049 100644
--- a/people/18017.html
+++ b/people/18017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18018.html b/people/18018.html
index bc21fd2c..7aa505df 100644
--- a/people/18018.html
+++ b/people/18018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18019.html b/people/18019.html
index 38b74f05..c50353dc 100644
--- a/people/18019.html
+++ b/people/18019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1802.html b/people/1802.html
index de1f50f8..a7211566 100644
--- a/people/1802.html
+++ b/people/1802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18020.html b/people/18020.html
index 7a27d13d..fcf5b66c 100644
--- a/people/18020.html
+++ b/people/18020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18021.html b/people/18021.html
index 947e46bf..3391b168 100644
--- a/people/18021.html
+++ b/people/18021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18022.html b/people/18022.html
index 7cda2820..79fb5458 100644
--- a/people/18022.html
+++ b/people/18022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18023.html b/people/18023.html
index f819c5e6..eafd2e96 100644
--- a/people/18023.html
+++ b/people/18023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18024.html b/people/18024.html
index 1a26fdac..811d253d 100644
--- a/people/18024.html
+++ b/people/18024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18025.html b/people/18025.html
index cd6801b0..c6a32803 100644
--- a/people/18025.html
+++ b/people/18025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18026.html b/people/18026.html
index 6225be7f..fe9d2437 100644
--- a/people/18026.html
+++ b/people/18026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18027.html b/people/18027.html
index 0a1366ea..ed6533bf 100644
--- a/people/18027.html
+++ b/people/18027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18028.html b/people/18028.html
index 61a9f260..9dad182d 100644
--- a/people/18028.html
+++ b/people/18028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18029.html b/people/18029.html
index 2ff64bbe..2d2fcd82 100644
--- a/people/18029.html
+++ b/people/18029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1803.html b/people/1803.html
index dc457403..c27a63ee 100644
--- a/people/1803.html
+++ b/people/1803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18030.html b/people/18030.html
index 1bd36e13..c71dee90 100644
--- a/people/18030.html
+++ b/people/18030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18031.html b/people/18031.html
index b3f1d35a..83e20531 100644
--- a/people/18031.html
+++ b/people/18031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18032.html b/people/18032.html
index 9aeb9d27..c06d4620 100644
--- a/people/18032.html
+++ b/people/18032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18033.html b/people/18033.html
index bbc55ee0..f96b97e1 100644
--- a/people/18033.html
+++ b/people/18033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18034.html b/people/18034.html
index 058f137c..5d39aa80 100644
--- a/people/18034.html
+++ b/people/18034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18035.html b/people/18035.html
index 6b6ddfa0..27adb467 100644
--- a/people/18035.html
+++ b/people/18035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18036.html b/people/18036.html
index 02e505fa..6f8cd66a 100644
--- a/people/18036.html
+++ b/people/18036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18037.html b/people/18037.html
index 97647101..4687275e 100644
--- a/people/18037.html
+++ b/people/18037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18038.html b/people/18038.html
index ff37afff..ff6d9a66 100644
--- a/people/18038.html
+++ b/people/18038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18039.html b/people/18039.html
index 257a8e4f..34e8832b 100644
--- a/people/18039.html
+++ b/people/18039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1804.html b/people/1804.html
index 076d0104..e8def519 100644
--- a/people/1804.html
+++ b/people/1804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18040.html b/people/18040.html
index cd8f3859..9eaf12b8 100644
--- a/people/18040.html
+++ b/people/18040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18041.html b/people/18041.html
index dad5486e..f983e0af 100644
--- a/people/18041.html
+++ b/people/18041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18042.html b/people/18042.html
index 14c35b47..a17fbea6 100644
--- a/people/18042.html
+++ b/people/18042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18043.html b/people/18043.html
index 7576a2de..75ca3871 100644
--- a/people/18043.html
+++ b/people/18043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18044.html b/people/18044.html
index bdaea92e..3cfa456d 100644
--- a/people/18044.html
+++ b/people/18044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18045.html b/people/18045.html
index 54b9e6f1..be112ef2 100644
--- a/people/18045.html
+++ b/people/18045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18046.html b/people/18046.html
index bdbc6871..eea80525 100644
--- a/people/18046.html
+++ b/people/18046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18047.html b/people/18047.html
index 2572b917..6fd205db 100644
--- a/people/18047.html
+++ b/people/18047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18048.html b/people/18048.html
index 5e4df912..3dd68964 100644
--- a/people/18048.html
+++ b/people/18048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18049.html b/people/18049.html
index 1996d481..baf343ac 100644
--- a/people/18049.html
+++ b/people/18049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1805.html b/people/1805.html
index 88aaca68..411c97e8 100644
--- a/people/1805.html
+++ b/people/1805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18050.html b/people/18050.html
index be9614e1..6ed3dd1a 100644
--- a/people/18050.html
+++ b/people/18050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18051.html b/people/18051.html
index 8da93331..802a4572 100644
--- a/people/18051.html
+++ b/people/18051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18052.html b/people/18052.html
index 538e257f..2f7002fb 100644
--- a/people/18052.html
+++ b/people/18052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18053.html b/people/18053.html
index ef744481..99cf0df0 100644
--- a/people/18053.html
+++ b/people/18053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18054.html b/people/18054.html
index 51a10682..89d26b2c 100644
--- a/people/18054.html
+++ b/people/18054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18055.html b/people/18055.html
index f4939ffa..da5b614b 100644
--- a/people/18055.html
+++ b/people/18055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18056.html b/people/18056.html
index 4f58968b..5f8e1e25 100644
--- a/people/18056.html
+++ b/people/18056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18057.html b/people/18057.html
index bd56f8e7..bd4f2ec3 100644
--- a/people/18057.html
+++ b/people/18057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18058.html b/people/18058.html
index ee92b7ba..bd33a051 100644
--- a/people/18058.html
+++ b/people/18058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18059.html b/people/18059.html
index 5147803d..74aed56a 100644
--- a/people/18059.html
+++ b/people/18059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1806.html b/people/1806.html
index c0523db9..042d4841 100644
--- a/people/1806.html
+++ b/people/1806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18060.html b/people/18060.html
index ec394cb0..8e157b39 100644
--- a/people/18060.html
+++ b/people/18060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18061.html b/people/18061.html
index fb01f87f..a1a86e0b 100644
--- a/people/18061.html
+++ b/people/18061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18062.html b/people/18062.html
index 54832fe8..abf94fb8 100644
--- a/people/18062.html
+++ b/people/18062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18063.html b/people/18063.html
index 94e30bf7..9ff9a030 100644
--- a/people/18063.html
+++ b/people/18063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18064.html b/people/18064.html
index ed3f3d93..61cfc4eb 100644
--- a/people/18064.html
+++ b/people/18064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18065.html b/people/18065.html
index 7c3dfba7..524394f0 100644
--- a/people/18065.html
+++ b/people/18065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18066.html b/people/18066.html
index 98859f80..aa7d8483 100644
--- a/people/18066.html
+++ b/people/18066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18067.html b/people/18067.html
index 7c9dfbb2..0fcb1a75 100644
--- a/people/18067.html
+++ b/people/18067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18068.html b/people/18068.html
index bcef3732..74e630fe 100644
--- a/people/18068.html
+++ b/people/18068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18069.html b/people/18069.html
index 2057948c..f7883859 100644
--- a/people/18069.html
+++ b/people/18069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1807.html b/people/1807.html
index c83d4c50..eb748855 100644
--- a/people/1807.html
+++ b/people/1807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18070.html b/people/18070.html
index 8de6a69a..9e8562c2 100644
--- a/people/18070.html
+++ b/people/18070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18071.html b/people/18071.html
index 05641e15..802e6d9a 100644
--- a/people/18071.html
+++ b/people/18071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18072.html b/people/18072.html
index a8468c8b..727d5736 100644
--- a/people/18072.html
+++ b/people/18072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18073.html b/people/18073.html
index 16b5b4df..0237ded9 100644
--- a/people/18073.html
+++ b/people/18073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18074.html b/people/18074.html
index 7704607c..2e56abc4 100644
--- a/people/18074.html
+++ b/people/18074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18075.html b/people/18075.html
index 85104b9e..e44ac01a 100644
--- a/people/18075.html
+++ b/people/18075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18076.html b/people/18076.html
index 9fc2e730..b55a853e 100644
--- a/people/18076.html
+++ b/people/18076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18077.html b/people/18077.html
index 5fe585b1..e4e9c10b 100644
--- a/people/18077.html
+++ b/people/18077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18078.html b/people/18078.html
index ca5112eb..1f0c759c 100644
--- a/people/18078.html
+++ b/people/18078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18079.html b/people/18079.html
index 10b41528..f61461f5 100644
--- a/people/18079.html
+++ b/people/18079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1808.html b/people/1808.html
index 865addf4..479d6728 100644
--- a/people/1808.html
+++ b/people/1808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18080.html b/people/18080.html
index a29c3a7f..b91bf31d 100644
--- a/people/18080.html
+++ b/people/18080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18081.html b/people/18081.html
index 16aeb835..9538107d 100644
--- a/people/18081.html
+++ b/people/18081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18082.html b/people/18082.html
index 2c1dd648..c918a341 100644
--- a/people/18082.html
+++ b/people/18082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18083.html b/people/18083.html
index 32533f6d..f0cddf8d 100644
--- a/people/18083.html
+++ b/people/18083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18084.html b/people/18084.html
index c69ac63a..cd6fc077 100644
--- a/people/18084.html
+++ b/people/18084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18085.html b/people/18085.html
index 2ff63481..30bebc25 100644
--- a/people/18085.html
+++ b/people/18085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18086.html b/people/18086.html
index 2fbd28cd..e3242845 100644
--- a/people/18086.html
+++ b/people/18086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18087.html b/people/18087.html
index e9eaacab..4a7961eb 100644
--- a/people/18087.html
+++ b/people/18087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18088.html b/people/18088.html
index 468aaedc..4ed61f08 100644
--- a/people/18088.html
+++ b/people/18088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18089.html b/people/18089.html
index 9a373bc5..40270b76 100644
--- a/people/18089.html
+++ b/people/18089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1809.html b/people/1809.html
index 22ec2b65..d18c5989 100644
--- a/people/1809.html
+++ b/people/1809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18090.html b/people/18090.html
index 977e606b..ea6019a3 100644
--- a/people/18090.html
+++ b/people/18090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18091.html b/people/18091.html
index ab8bb673..1b138d4c 100644
--- a/people/18091.html
+++ b/people/18091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18092.html b/people/18092.html
index 93672dc1..b7910973 100644
--- a/people/18092.html
+++ b/people/18092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18093.html b/people/18093.html
index c70e3b8e..8994f5b0 100644
--- a/people/18093.html
+++ b/people/18093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18094.html b/people/18094.html
index da88b334..6e9110b4 100644
--- a/people/18094.html
+++ b/people/18094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18095.html b/people/18095.html
index 07957406..7e48e226 100644
--- a/people/18095.html
+++ b/people/18095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18096.html b/people/18096.html
index 0e42f388..533ce215 100644
--- a/people/18096.html
+++ b/people/18096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18097.html b/people/18097.html
index 734549dd..034ac579 100644
--- a/people/18097.html
+++ b/people/18097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18098.html b/people/18098.html
index 4fbfd6be..fb08cca9 100644
--- a/people/18098.html
+++ b/people/18098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18099.html b/people/18099.html
index 6429fb7f..6f50b88e 100644
--- a/people/18099.html
+++ b/people/18099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/181.html b/people/181.html
index 1afbe972..1b2232f1 100644
--- a/people/181.html
+++ b/people/181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1810.html b/people/1810.html
index fa4ac731..b406d16d 100644
--- a/people/1810.html
+++ b/people/1810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18100.html b/people/18100.html
index acb8f394..38c66fad 100644
--- a/people/18100.html
+++ b/people/18100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18101.html b/people/18101.html
index 690ee629..2d5e41ef 100644
--- a/people/18101.html
+++ b/people/18101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18102.html b/people/18102.html
index d756f1db..dea9d914 100644
--- a/people/18102.html
+++ b/people/18102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18103.html b/people/18103.html
index efa715f0..760ebfe7 100644
--- a/people/18103.html
+++ b/people/18103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18104.html b/people/18104.html
index d8be7abd..9ec32751 100644
--- a/people/18104.html
+++ b/people/18104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18105.html b/people/18105.html
index 72353514..940d55cc 100644
--- a/people/18105.html
+++ b/people/18105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18106.html b/people/18106.html
index adb7f39f..8ba4b803 100644
--- a/people/18106.html
+++ b/people/18106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18107.html b/people/18107.html
index 777f653a..3144c94d 100644
--- a/people/18107.html
+++ b/people/18107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18108.html b/people/18108.html
index c0e11102..1e631bed 100644
--- a/people/18108.html
+++ b/people/18108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18109.html b/people/18109.html
index 93e1c89f..40016b70 100644
--- a/people/18109.html
+++ b/people/18109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1811.html b/people/1811.html
index 3b88e8d1..ccec85fd 100644
--- a/people/1811.html
+++ b/people/1811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18110.html b/people/18110.html
index 8241e01b..743144f1 100644
--- a/people/18110.html
+++ b/people/18110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18111.html b/people/18111.html
index 39309c07..fb059657 100644
--- a/people/18111.html
+++ b/people/18111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18112.html b/people/18112.html
index b771f257..c8ab9f00 100644
--- a/people/18112.html
+++ b/people/18112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18113.html b/people/18113.html
index 5ba5bc2e..b8f5bf65 100644
--- a/people/18113.html
+++ b/people/18113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18114.html b/people/18114.html
index da17c2ad..f9f5255b 100644
--- a/people/18114.html
+++ b/people/18114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18115.html b/people/18115.html
index 5ae3493e..14c81acb 100644
--- a/people/18115.html
+++ b/people/18115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18116.html b/people/18116.html
index c296b001..9b6eea1f 100644
--- a/people/18116.html
+++ b/people/18116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18117.html b/people/18117.html
index 7c835d79..2f3d742a 100644
--- a/people/18117.html
+++ b/people/18117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18118.html b/people/18118.html
index 3c4cfc51..adea8bf8 100644
--- a/people/18118.html
+++ b/people/18118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18119.html b/people/18119.html
index 6f546773..fb414ccb 100644
--- a/people/18119.html
+++ b/people/18119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1812.html b/people/1812.html
index c6892c71..650bf5bb 100644
--- a/people/1812.html
+++ b/people/1812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18120.html b/people/18120.html
index 86261e95..f6e32bde 100644
--- a/people/18120.html
+++ b/people/18120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18121.html b/people/18121.html
index 2c5028ac..1472b0ad 100644
--- a/people/18121.html
+++ b/people/18121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18122.html b/people/18122.html
index 05881916..ba7cb87a 100644
--- a/people/18122.html
+++ b/people/18122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18123.html b/people/18123.html
index 771ebc5a..cac0b08d 100644
--- a/people/18123.html
+++ b/people/18123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18124.html b/people/18124.html
index 6b2ee1a8..90386e24 100644
--- a/people/18124.html
+++ b/people/18124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18125.html b/people/18125.html
index d2204bdd..cb130ea3 100644
--- a/people/18125.html
+++ b/people/18125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18126.html b/people/18126.html
index 120f0206..da93c85c 100644
--- a/people/18126.html
+++ b/people/18126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18127.html b/people/18127.html
index 6dd0dd29..b1c652c7 100644
--- a/people/18127.html
+++ b/people/18127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18128.html b/people/18128.html
index b452ac79..62374127 100644
--- a/people/18128.html
+++ b/people/18128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18129.html b/people/18129.html
index da56933e..232fae69 100644
--- a/people/18129.html
+++ b/people/18129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1813.html b/people/1813.html
index 1e44dda9..4db9cf40 100644
--- a/people/1813.html
+++ b/people/1813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18130.html b/people/18130.html
index 878500ca..c3267e43 100644
--- a/people/18130.html
+++ b/people/18130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18131.html b/people/18131.html
index 975b00bb..b00941d3 100644
--- a/people/18131.html
+++ b/people/18131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18132.html b/people/18132.html
index f21dbcfe..e55263d8 100644
--- a/people/18132.html
+++ b/people/18132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18133.html b/people/18133.html
index a189de3f..514936ba 100644
--- a/people/18133.html
+++ b/people/18133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18134.html b/people/18134.html
index 7d89ba56..1b6c46b6 100644
--- a/people/18134.html
+++ b/people/18134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18135.html b/people/18135.html
index 97dcb667..e26bc3cb 100644
--- a/people/18135.html
+++ b/people/18135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18136.html b/people/18136.html
index 3dd2c6f4..cd80f329 100644
--- a/people/18136.html
+++ b/people/18136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18137.html b/people/18137.html
index 7e9b84d8..81c4d938 100644
--- a/people/18137.html
+++ b/people/18137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18138.html b/people/18138.html
index 97f28e71..e9948a2a 100644
--- a/people/18138.html
+++ b/people/18138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18139.html b/people/18139.html
index 3ac879ad..69751eee 100644
--- a/people/18139.html
+++ b/people/18139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1814.html b/people/1814.html
index 4fe21aca..b7107a47 100644
--- a/people/1814.html
+++ b/people/1814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18140.html b/people/18140.html
index 1f8a421a..c8788bfa 100644
--- a/people/18140.html
+++ b/people/18140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18141.html b/people/18141.html
index 74a15d3c..205cede0 100644
--- a/people/18141.html
+++ b/people/18141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18142.html b/people/18142.html
index 97354628..cba96f6b 100644
--- a/people/18142.html
+++ b/people/18142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18143.html b/people/18143.html
index 90a3bd87..93525d62 100644
--- a/people/18143.html
+++ b/people/18143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18144.html b/people/18144.html
index 3ece3455..6401de79 100644
--- a/people/18144.html
+++ b/people/18144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18145.html b/people/18145.html
index ce0c555a..5f706a97 100644
--- a/people/18145.html
+++ b/people/18145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18146.html b/people/18146.html
index a297dc10..d6806313 100644
--- a/people/18146.html
+++ b/people/18146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18147.html b/people/18147.html
index 263bf380..04259664 100644
--- a/people/18147.html
+++ b/people/18147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18148.html b/people/18148.html
index c50ca57a..f88fc563 100644
--- a/people/18148.html
+++ b/people/18148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18149.html b/people/18149.html
index 9f259269..afc35698 100644
--- a/people/18149.html
+++ b/people/18149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1815.html b/people/1815.html
index b1d40448..7a966cee 100644
--- a/people/1815.html
+++ b/people/1815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18150.html b/people/18150.html
index c2bf3534..9c222e7c 100644
--- a/people/18150.html
+++ b/people/18150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18151.html b/people/18151.html
index f940fd46..c0f30b13 100644
--- a/people/18151.html
+++ b/people/18151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18152.html b/people/18152.html
index 211c68f6..3a0d40ba 100644
--- a/people/18152.html
+++ b/people/18152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18153.html b/people/18153.html
index 6a04e4b2..a49c730a 100644
--- a/people/18153.html
+++ b/people/18153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18154.html b/people/18154.html
index 9a9a10b4..e4cd7fec 100644
--- a/people/18154.html
+++ b/people/18154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18155.html b/people/18155.html
index d8bea4e4..e05ee779 100644
--- a/people/18155.html
+++ b/people/18155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18156.html b/people/18156.html
index f817efa0..39c80a5d 100644
--- a/people/18156.html
+++ b/people/18156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18157.html b/people/18157.html
index b45cd414..43777cc7 100644
--- a/people/18157.html
+++ b/people/18157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18158.html b/people/18158.html
index 7e7ac96d..b7b2430c 100644
--- a/people/18158.html
+++ b/people/18158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18159.html b/people/18159.html
index 064b7e27..49db2e6b 100644
--- a/people/18159.html
+++ b/people/18159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1816.html b/people/1816.html
index d9ceb2d6..fe3b61ee 100644
--- a/people/1816.html
+++ b/people/1816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18160.html b/people/18160.html
index dabc8dae..f69321bc 100644
--- a/people/18160.html
+++ b/people/18160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18161.html b/people/18161.html
index f35de308..0c336308 100644
--- a/people/18161.html
+++ b/people/18161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18162.html b/people/18162.html
index c1c477ac..2137124a 100644
--- a/people/18162.html
+++ b/people/18162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18163.html b/people/18163.html
index 67a27584..1831c59d 100644
--- a/people/18163.html
+++ b/people/18163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18164.html b/people/18164.html
index f18bbb6c..082488be 100644
--- a/people/18164.html
+++ b/people/18164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18165.html b/people/18165.html
index 935960b2..b53a9218 100644
--- a/people/18165.html
+++ b/people/18165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18166.html b/people/18166.html
index 6ef0dfde..3e2e4a4e 100644
--- a/people/18166.html
+++ b/people/18166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18167.html b/people/18167.html
index da6c9496..e135d762 100644
--- a/people/18167.html
+++ b/people/18167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18168.html b/people/18168.html
index c64bac6d..36ff2998 100644
--- a/people/18168.html
+++ b/people/18168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18169.html b/people/18169.html
index f4aabd53..f53b605c 100644
--- a/people/18169.html
+++ b/people/18169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1817.html b/people/1817.html
index f8a88bd1..7a85dc5a 100644
--- a/people/1817.html
+++ b/people/1817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18170.html b/people/18170.html
index f41cc910..b2717459 100644
--- a/people/18170.html
+++ b/people/18170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18171.html b/people/18171.html
index a16507f2..75ef1c7f 100644
--- a/people/18171.html
+++ b/people/18171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18172.html b/people/18172.html
index 3e7b1d7c..67d0bb1d 100644
--- a/people/18172.html
+++ b/people/18172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18173.html b/people/18173.html
index 94cce3ce..f47fa245 100644
--- a/people/18173.html
+++ b/people/18173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18174.html b/people/18174.html
index 3d889371..92caac3f 100644
--- a/people/18174.html
+++ b/people/18174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18175.html b/people/18175.html
index 4d13f13d..3eef656b 100644
--- a/people/18175.html
+++ b/people/18175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18176.html b/people/18176.html
index 7e602530..2eb41d85 100644
--- a/people/18176.html
+++ b/people/18176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18177.html b/people/18177.html
index 6e715ed2..adc60b70 100644
--- a/people/18177.html
+++ b/people/18177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18178.html b/people/18178.html
index 27abe01d..9662de71 100644
--- a/people/18178.html
+++ b/people/18178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18179.html b/people/18179.html
index bc76410e..6bc71dd0 100644
--- a/people/18179.html
+++ b/people/18179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1818.html b/people/1818.html
index 4466346f..eadc07df 100644
--- a/people/1818.html
+++ b/people/1818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18180.html b/people/18180.html
index e3aca51a..a161440d 100644
--- a/people/18180.html
+++ b/people/18180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18181.html b/people/18181.html
index 9ad4302e..70206cc8 100644
--- a/people/18181.html
+++ b/people/18181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18182.html b/people/18182.html
index e8cfbeed..3a4806f1 100644
--- a/people/18182.html
+++ b/people/18182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18183.html b/people/18183.html
index 74971d8d..afc937b2 100644
--- a/people/18183.html
+++ b/people/18183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18184.html b/people/18184.html
index b15fa52f..4eca8a13 100644
--- a/people/18184.html
+++ b/people/18184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18185.html b/people/18185.html
index 4ecb6504..f9c809cf 100644
--- a/people/18185.html
+++ b/people/18185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18186.html b/people/18186.html
index 1ccca3da..ec753cb9 100644
--- a/people/18186.html
+++ b/people/18186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18187.html b/people/18187.html
index fd5b4a60..864c3607 100644
--- a/people/18187.html
+++ b/people/18187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18188.html b/people/18188.html
index 339334df..2bd9b5ef 100644
--- a/people/18188.html
+++ b/people/18188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18189.html b/people/18189.html
index c7486154..6ff375e0 100644
--- a/people/18189.html
+++ b/people/18189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1819.html b/people/1819.html
index 8c985d86..2a260442 100644
--- a/people/1819.html
+++ b/people/1819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18190.html b/people/18190.html
index 0e8a266d..870d4316 100644
--- a/people/18190.html
+++ b/people/18190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18191.html b/people/18191.html
index 65799e5d..caf13a5e 100644
--- a/people/18191.html
+++ b/people/18191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18192.html b/people/18192.html
index 19ebc4ae..630dec04 100644
--- a/people/18192.html
+++ b/people/18192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18193.html b/people/18193.html
index 9ba1b9d1..3f51e18b 100644
--- a/people/18193.html
+++ b/people/18193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18194.html b/people/18194.html
index bdfb1158..0a7eb107 100644
--- a/people/18194.html
+++ b/people/18194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18195.html b/people/18195.html
index b086baae..cb12270e 100644
--- a/people/18195.html
+++ b/people/18195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18196.html b/people/18196.html
index aa7b6506..9333ac76 100644
--- a/people/18196.html
+++ b/people/18196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18197.html b/people/18197.html
index 2f66a949..67b50ca6 100644
--- a/people/18197.html
+++ b/people/18197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18198.html b/people/18198.html
index b7e4d36f..0553d15f 100644
--- a/people/18198.html
+++ b/people/18198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18199.html b/people/18199.html
index bcb3978a..0c235185 100644
--- a/people/18199.html
+++ b/people/18199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/182.html b/people/182.html
index 8a1d7219..0bb18e06 100644
--- a/people/182.html
+++ b/people/182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1820.html b/people/1820.html
index e720f1af..a60f5e6e 100644
--- a/people/1820.html
+++ b/people/1820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18200.html b/people/18200.html
index a428c2c2..cd9250ff 100644
--- a/people/18200.html
+++ b/people/18200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18201.html b/people/18201.html
index 3b647118..1dbcc4c7 100644
--- a/people/18201.html
+++ b/people/18201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18202.html b/people/18202.html
index a56d093b..a20ee827 100644
--- a/people/18202.html
+++ b/people/18202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18203.html b/people/18203.html
index aa6fadae..67bac8be 100644
--- a/people/18203.html
+++ b/people/18203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18204.html b/people/18204.html
index 34585121..c0958a2d 100644
--- a/people/18204.html
+++ b/people/18204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18205.html b/people/18205.html
index 0a473743..f7251bc7 100644
--- a/people/18205.html
+++ b/people/18205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18206.html b/people/18206.html
index bedfab02..c991af7c 100644
--- a/people/18206.html
+++ b/people/18206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18207.html b/people/18207.html
index 4f29d161..b57ba7bc 100644
--- a/people/18207.html
+++ b/people/18207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18208.html b/people/18208.html
index 9213e696..b520cef5 100644
--- a/people/18208.html
+++ b/people/18208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18209.html b/people/18209.html
index eaabb7a8..c3598c2f 100644
--- a/people/18209.html
+++ b/people/18209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1821.html b/people/1821.html
index 7f64bc9a..2fbf666a 100644
--- a/people/1821.html
+++ b/people/1821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18210.html b/people/18210.html
index c747f9df..a37c8278 100644
--- a/people/18210.html
+++ b/people/18210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18211.html b/people/18211.html
index 3da6c959..540a54b6 100644
--- a/people/18211.html
+++ b/people/18211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18212.html b/people/18212.html
index 0346311f..c58e8e59 100644
--- a/people/18212.html
+++ b/people/18212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18213.html b/people/18213.html
index 93e07e3d..f7df91e7 100644
--- a/people/18213.html
+++ b/people/18213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18214.html b/people/18214.html
index 3e5361b7..8011fd6c 100644
--- a/people/18214.html
+++ b/people/18214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18215.html b/people/18215.html
index c508475a..583762c5 100644
--- a/people/18215.html
+++ b/people/18215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18216.html b/people/18216.html
index 60d15614..4a45959d 100644
--- a/people/18216.html
+++ b/people/18216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18217.html b/people/18217.html
index 55035c52..21d27076 100644
--- a/people/18217.html
+++ b/people/18217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18218.html b/people/18218.html
index 1aaa068b..0c906a06 100644
--- a/people/18218.html
+++ b/people/18218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18219.html b/people/18219.html
index fb15de5f..04c7fcae 100644
--- a/people/18219.html
+++ b/people/18219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1822.html b/people/1822.html
index 1e27ec76..b7639d9e 100644
--- a/people/1822.html
+++ b/people/1822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18220.html b/people/18220.html
index 565b1925..9fbe0f78 100644
--- a/people/18220.html
+++ b/people/18220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18221.html b/people/18221.html
index 54f186ea..fafdb31a 100644
--- a/people/18221.html
+++ b/people/18221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18222.html b/people/18222.html
index 2001f4fc..6ab8a741 100644
--- a/people/18222.html
+++ b/people/18222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18223.html b/people/18223.html
index 91fa7152..296b27ab 100644
--- a/people/18223.html
+++ b/people/18223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18224.html b/people/18224.html
index d893594a..6b68d6f9 100644
--- a/people/18224.html
+++ b/people/18224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18225.html b/people/18225.html
index e7f1d394..2f56d63a 100644
--- a/people/18225.html
+++ b/people/18225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18226.html b/people/18226.html
index 72e13537..7f890f4c 100644
--- a/people/18226.html
+++ b/people/18226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18227.html b/people/18227.html
index 832ace59..002ac050 100644
--- a/people/18227.html
+++ b/people/18227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18228.html b/people/18228.html
index b0a5503b..6bff2323 100644
--- a/people/18228.html
+++ b/people/18228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18229.html b/people/18229.html
index 3416c23c..45830b73 100644
--- a/people/18229.html
+++ b/people/18229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1823.html b/people/1823.html
index 29b19c01..4d773b90 100644
--- a/people/1823.html
+++ b/people/1823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18230.html b/people/18230.html
index 756a5c47..1d8691d7 100644
--- a/people/18230.html
+++ b/people/18230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18231.html b/people/18231.html
index bd1d5cb5..10ed699f 100644
--- a/people/18231.html
+++ b/people/18231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18232.html b/people/18232.html
index 44277170..8df4f639 100644
--- a/people/18232.html
+++ b/people/18232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18233.html b/people/18233.html
index 2daff405..67abd3e2 100644
--- a/people/18233.html
+++ b/people/18233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18234.html b/people/18234.html
index f33492bf..171733f5 100644
--- a/people/18234.html
+++ b/people/18234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18235.html b/people/18235.html
index 35145790..f81321b8 100644
--- a/people/18235.html
+++ b/people/18235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18236.html b/people/18236.html
index 84c015c2..f03bbe3c 100644
--- a/people/18236.html
+++ b/people/18236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18237.html b/people/18237.html
index ac9e0340..aab84998 100644
--- a/people/18237.html
+++ b/people/18237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18238.html b/people/18238.html
index 64f39f75..dd861f5a 100644
--- a/people/18238.html
+++ b/people/18238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18239.html b/people/18239.html
index 0ab32497..bc8a6941 100644
--- a/people/18239.html
+++ b/people/18239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1824.html b/people/1824.html
index 556d8e86..d016dd26 100644
--- a/people/1824.html
+++ b/people/1824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18240.html b/people/18240.html
index 6a035ebd..6faaa87c 100644
--- a/people/18240.html
+++ b/people/18240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18241.html b/people/18241.html
index a71af0e0..836d3bb1 100644
--- a/people/18241.html
+++ b/people/18241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18242.html b/people/18242.html
index e75e2059..b8784aa8 100644
--- a/people/18242.html
+++ b/people/18242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18243.html b/people/18243.html
index 5d6caae6..2360c30d 100644
--- a/people/18243.html
+++ b/people/18243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18244.html b/people/18244.html
index 6d2a7266..39892da6 100644
--- a/people/18244.html
+++ b/people/18244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18245.html b/people/18245.html
index 2536806d..717dc7c0 100644
--- a/people/18245.html
+++ b/people/18245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18246.html b/people/18246.html
index 15f544bf..9c292c77 100644
--- a/people/18246.html
+++ b/people/18246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18247.html b/people/18247.html
index 62ebadf1..90b0465d 100644
--- a/people/18247.html
+++ b/people/18247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18248.html b/people/18248.html
index 0b497ddb..af175560 100644
--- a/people/18248.html
+++ b/people/18248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18249.html b/people/18249.html
index 22479361..7d75cc38 100644
--- a/people/18249.html
+++ b/people/18249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1825.html b/people/1825.html
index fcbf7fcd..721bd919 100644
--- a/people/1825.html
+++ b/people/1825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18250.html b/people/18250.html
index 25c6daca..de8c7d34 100644
--- a/people/18250.html
+++ b/people/18250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18251.html b/people/18251.html
index e82ceada..87affd3f 100644
--- a/people/18251.html
+++ b/people/18251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18252.html b/people/18252.html
index 88cda8fd..93123d28 100644
--- a/people/18252.html
+++ b/people/18252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18253.html b/people/18253.html
index f7e1a1c9..70ae05b0 100644
--- a/people/18253.html
+++ b/people/18253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18254.html b/people/18254.html
index 158892c0..05749a21 100644
--- a/people/18254.html
+++ b/people/18254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18255.html b/people/18255.html
index 93a179d5..9f893fe6 100644
--- a/people/18255.html
+++ b/people/18255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18256.html b/people/18256.html
index f45ee85e..cb768195 100644
--- a/people/18256.html
+++ b/people/18256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18257.html b/people/18257.html
index ee08aefd..05cd6650 100644
--- a/people/18257.html
+++ b/people/18257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18258.html b/people/18258.html
index 7270119f..b1b53ad4 100644
--- a/people/18258.html
+++ b/people/18258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18259.html b/people/18259.html
index 92886d52..663baf64 100644
--- a/people/18259.html
+++ b/people/18259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1826.html b/people/1826.html
index 1e772c8c..118cfad5 100644
--- a/people/1826.html
+++ b/people/1826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18260.html b/people/18260.html
index 3278845d..cf819bdf 100644
--- a/people/18260.html
+++ b/people/18260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18261.html b/people/18261.html
index 89945b97..79435b05 100644
--- a/people/18261.html
+++ b/people/18261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18262.html b/people/18262.html
index 167904cd..45342b5b 100644
--- a/people/18262.html
+++ b/people/18262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18263.html b/people/18263.html
index 0a5c5abf..ca7f7242 100644
--- a/people/18263.html
+++ b/people/18263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18264.html b/people/18264.html
index c7700bed..1d993486 100644
--- a/people/18264.html
+++ b/people/18264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18265.html b/people/18265.html
index 60a16446..d6842816 100644
--- a/people/18265.html
+++ b/people/18265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18266.html b/people/18266.html
index 0ce3f9e9..0b7184c4 100644
--- a/people/18266.html
+++ b/people/18266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18267.html b/people/18267.html
index bbe74de9..9e710fce 100644
--- a/people/18267.html
+++ b/people/18267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18268.html b/people/18268.html
index c4798d28..fc7ed611 100644
--- a/people/18268.html
+++ b/people/18268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18269.html b/people/18269.html
index f6698d07..7cc9409a 100644
--- a/people/18269.html
+++ b/people/18269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1827.html b/people/1827.html
index 130c0d76..8021293d 100644
--- a/people/1827.html
+++ b/people/1827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18270.html b/people/18270.html
index 1a656c77..a0725f56 100644
--- a/people/18270.html
+++ b/people/18270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18271.html b/people/18271.html
index fb3af1da..0cbd9383 100644
--- a/people/18271.html
+++ b/people/18271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18272.html b/people/18272.html
index 5fff2e92..9ec2c16d 100644
--- a/people/18272.html
+++ b/people/18272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18273.html b/people/18273.html
index 54484212..562a77e3 100644
--- a/people/18273.html
+++ b/people/18273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18274.html b/people/18274.html
index 0ad415a3..5df4fc6c 100644
--- a/people/18274.html
+++ b/people/18274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18275.html b/people/18275.html
index c4b6bd90..740b82e2 100644
--- a/people/18275.html
+++ b/people/18275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18276.html b/people/18276.html
index 0630f169..60cd7025 100644
--- a/people/18276.html
+++ b/people/18276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18277.html b/people/18277.html
index cd9a427b..a6b10127 100644
--- a/people/18277.html
+++ b/people/18277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18278.html b/people/18278.html
index 0a387091..c71c059e 100644
--- a/people/18278.html
+++ b/people/18278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18279.html b/people/18279.html
index 31f080b6..e87b19c8 100644
--- a/people/18279.html
+++ b/people/18279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1828.html b/people/1828.html
index ddd0f7b8..3bfe4e16 100644
--- a/people/1828.html
+++ b/people/1828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18280.html b/people/18280.html
index 9e02ae95..dceee1e1 100644
--- a/people/18280.html
+++ b/people/18280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18281.html b/people/18281.html
index c70959a9..cc409834 100644
--- a/people/18281.html
+++ b/people/18281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18282.html b/people/18282.html
index 85f8306b..334c5a6f 100644
--- a/people/18282.html
+++ b/people/18282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18283.html b/people/18283.html
index a6cc0127..02675048 100644
--- a/people/18283.html
+++ b/people/18283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18284.html b/people/18284.html
index 9eca9665..ef800cb8 100644
--- a/people/18284.html
+++ b/people/18284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18285.html b/people/18285.html
index 0e9f9ed6..e8be5050 100644
--- a/people/18285.html
+++ b/people/18285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18286.html b/people/18286.html
index 1047a48a..b2878a3e 100644
--- a/people/18286.html
+++ b/people/18286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18287.html b/people/18287.html
index 9a0aef01..6aaeed1b 100644
--- a/people/18287.html
+++ b/people/18287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18288.html b/people/18288.html
index 0f23df38..be98e6e6 100644
--- a/people/18288.html
+++ b/people/18288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18289.html b/people/18289.html
index 5f9bb91f..e15c0bbd 100644
--- a/people/18289.html
+++ b/people/18289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1829.html b/people/1829.html
index befe1a54..61623797 100644
--- a/people/1829.html
+++ b/people/1829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18290.html b/people/18290.html
index 5518aa8b..98042955 100644
--- a/people/18290.html
+++ b/people/18290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18291.html b/people/18291.html
index f0e0b109..81af9471 100644
--- a/people/18291.html
+++ b/people/18291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18292.html b/people/18292.html
index 51a56e1f..95bcd805 100644
--- a/people/18292.html
+++ b/people/18292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18293.html b/people/18293.html
index 3ebdf8d0..cce1c740 100644
--- a/people/18293.html
+++ b/people/18293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18294.html b/people/18294.html
index 68de0108..6751e5c8 100644
--- a/people/18294.html
+++ b/people/18294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18295.html b/people/18295.html
index e12984df..e327fcf4 100644
--- a/people/18295.html
+++ b/people/18295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18296.html b/people/18296.html
index ff0bb452..6d48eb56 100644
--- a/people/18296.html
+++ b/people/18296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18297.html b/people/18297.html
index d3cb398b..84b082ae 100644
--- a/people/18297.html
+++ b/people/18297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18298.html b/people/18298.html
index a13ecbd2..8e622305 100644
--- a/people/18298.html
+++ b/people/18298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18299.html b/people/18299.html
index 4dacf29b..165609b8 100644
--- a/people/18299.html
+++ b/people/18299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/183.html b/people/183.html
index 7ffb9af0..372e0fc1 100644
--- a/people/183.html
+++ b/people/183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1830.html b/people/1830.html
index b669c74b..b099ec86 100644
--- a/people/1830.html
+++ b/people/1830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18300.html b/people/18300.html
index d60657c3..ed9746d8 100644
--- a/people/18300.html
+++ b/people/18300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18301.html b/people/18301.html
index 0e253247..9770f98f 100644
--- a/people/18301.html
+++ b/people/18301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18302.html b/people/18302.html
index 9761c8fa..1f5cc285 100644
--- a/people/18302.html
+++ b/people/18302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18303.html b/people/18303.html
index 614bed6c..0221a2da 100644
--- a/people/18303.html
+++ b/people/18303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18304.html b/people/18304.html
index 21228552..5aa4e4aa 100644
--- a/people/18304.html
+++ b/people/18304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18305.html b/people/18305.html
index d6386e45..26a692c5 100644
--- a/people/18305.html
+++ b/people/18305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18306.html b/people/18306.html
index 1765915e..d5afb924 100644
--- a/people/18306.html
+++ b/people/18306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18307.html b/people/18307.html
index 57cd13d0..c84a34e1 100644
--- a/people/18307.html
+++ b/people/18307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18308.html b/people/18308.html
index 6bfa5f64..56d49c28 100644
--- a/people/18308.html
+++ b/people/18308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18309.html b/people/18309.html
index b1e06dad..0f45e56d 100644
--- a/people/18309.html
+++ b/people/18309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1831.html b/people/1831.html
index 171c094f..2642fd4b 100644
--- a/people/1831.html
+++ b/people/1831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18310.html b/people/18310.html
index bf47ccbd..f466c881 100644
--- a/people/18310.html
+++ b/people/18310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18311.html b/people/18311.html
index 589d35d2..e764f7f5 100644
--- a/people/18311.html
+++ b/people/18311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18312.html b/people/18312.html
index 583e1d2d..5248637b 100644
--- a/people/18312.html
+++ b/people/18312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18313.html b/people/18313.html
index e64896cf..786837e9 100644
--- a/people/18313.html
+++ b/people/18313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18314.html b/people/18314.html
index eb5d1c37..ed67d210 100644
--- a/people/18314.html
+++ b/people/18314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18315.html b/people/18315.html
index 65032ab9..662ab92a 100644
--- a/people/18315.html
+++ b/people/18315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18316.html b/people/18316.html
index 2db2767b..4cc951c1 100644
--- a/people/18316.html
+++ b/people/18316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18317.html b/people/18317.html
index c3acb3e6..c9281ca2 100644
--- a/people/18317.html
+++ b/people/18317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18318.html b/people/18318.html
index 1daaa614..0986ed38 100644
--- a/people/18318.html
+++ b/people/18318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18319.html b/people/18319.html
index 0e3f40f6..10375312 100644
--- a/people/18319.html
+++ b/people/18319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1832.html b/people/1832.html
index bbdb23bf..3e3a34c5 100644
--- a/people/1832.html
+++ b/people/1832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18320.html b/people/18320.html
index af6d135e..4f367572 100644
--- a/people/18320.html
+++ b/people/18320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18321.html b/people/18321.html
index 0d82f95d..96dcf0d8 100644
--- a/people/18321.html
+++ b/people/18321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18322.html b/people/18322.html
index 9dd0c468..e90fa6fc 100644
--- a/people/18322.html
+++ b/people/18322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18323.html b/people/18323.html
index 92a53ece..515d003e 100644
--- a/people/18323.html
+++ b/people/18323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18324.html b/people/18324.html
index cbf1dd81..04655019 100644
--- a/people/18324.html
+++ b/people/18324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18325.html b/people/18325.html
index fbefecc4..98939ad8 100644
--- a/people/18325.html
+++ b/people/18325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18326.html b/people/18326.html
index afde0629..d9efe097 100644
--- a/people/18326.html
+++ b/people/18326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18327.html b/people/18327.html
index c8a95f43..c3e7c242 100644
--- a/people/18327.html
+++ b/people/18327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18328.html b/people/18328.html
index fc6b84d6..d71ba99b 100644
--- a/people/18328.html
+++ b/people/18328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18329.html b/people/18329.html
index 60778157..9f4d21ed 100644
--- a/people/18329.html
+++ b/people/18329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1833.html b/people/1833.html
index 849a6790..b6cb928b 100644
--- a/people/1833.html
+++ b/people/1833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18330.html b/people/18330.html
index 994c36aa..c3e8ae3b 100644
--- a/people/18330.html
+++ b/people/18330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18331.html b/people/18331.html
index 72182efd..c6aa4292 100644
--- a/people/18331.html
+++ b/people/18331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18332.html b/people/18332.html
index b1f281f5..b346e033 100644
--- a/people/18332.html
+++ b/people/18332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18333.html b/people/18333.html
index ce9c16c6..2806f970 100644
--- a/people/18333.html
+++ b/people/18333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18334.html b/people/18334.html
index a0ecae72..e8edc069 100644
--- a/people/18334.html
+++ b/people/18334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18335.html b/people/18335.html
index 0e1874c6..169d2f52 100644
--- a/people/18335.html
+++ b/people/18335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18336.html b/people/18336.html
index 4d9d0a4f..7a2ab8e3 100644
--- a/people/18336.html
+++ b/people/18336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18337.html b/people/18337.html
index a06e424c..2b63795a 100644
--- a/people/18337.html
+++ b/people/18337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18338.html b/people/18338.html
index deb01e3d..7ccc46c1 100644
--- a/people/18338.html
+++ b/people/18338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18339.html b/people/18339.html
index 4eba1fcb..bb69b6f6 100644
--- a/people/18339.html
+++ b/people/18339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1834.html b/people/1834.html
index 6e533ef8..8e18fd66 100644
--- a/people/1834.html
+++ b/people/1834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18340.html b/people/18340.html
index 7825470e..7c36d7e5 100644
--- a/people/18340.html
+++ b/people/18340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18341.html b/people/18341.html
index 07a43ace..778f17b4 100644
--- a/people/18341.html
+++ b/people/18341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18342.html b/people/18342.html
index 21c0b55e..5c9de5e9 100644
--- a/people/18342.html
+++ b/people/18342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18343.html b/people/18343.html
index a2fb477d..f39838a1 100644
--- a/people/18343.html
+++ b/people/18343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18344.html b/people/18344.html
index f5ff1194..2918a4a6 100644
--- a/people/18344.html
+++ b/people/18344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18345.html b/people/18345.html
index 901e23af..cc62eb5d 100644
--- a/people/18345.html
+++ b/people/18345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18346.html b/people/18346.html
index 92fb6665..06aed6c1 100644
--- a/people/18346.html
+++ b/people/18346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18347.html b/people/18347.html
index b8457848..d996db59 100644
--- a/people/18347.html
+++ b/people/18347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18348.html b/people/18348.html
index d705d055..2b4d13af 100644
--- a/people/18348.html
+++ b/people/18348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18349.html b/people/18349.html
index 521bc280..ac64dc05 100644
--- a/people/18349.html
+++ b/people/18349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1835.html b/people/1835.html
index 229803da..97cfc87b 100644
--- a/people/1835.html
+++ b/people/1835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18350.html b/people/18350.html
index ec18311d..58899bca 100644
--- a/people/18350.html
+++ b/people/18350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18351.html b/people/18351.html
index b6784deb..b80f2780 100644
--- a/people/18351.html
+++ b/people/18351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18352.html b/people/18352.html
index f922d17e..7df4b375 100644
--- a/people/18352.html
+++ b/people/18352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18353.html b/people/18353.html
index ca697774..9a140459 100644
--- a/people/18353.html
+++ b/people/18353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18354.html b/people/18354.html
index 1c35b767..19424994 100644
--- a/people/18354.html
+++ b/people/18354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18355.html b/people/18355.html
index 5a56ba08..aa085a45 100644
--- a/people/18355.html
+++ b/people/18355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18356.html b/people/18356.html
index 51a3cda8..ce337272 100644
--- a/people/18356.html
+++ b/people/18356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18357.html b/people/18357.html
index d8454e52..75782cba 100644
--- a/people/18357.html
+++ b/people/18357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18358.html b/people/18358.html
index 917b6730..3d7e2038 100644
--- a/people/18358.html
+++ b/people/18358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18359.html b/people/18359.html
index a93f590e..4f2c5f03 100644
--- a/people/18359.html
+++ b/people/18359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1836.html b/people/1836.html
index a0895b8b..51cefb85 100644
--- a/people/1836.html
+++ b/people/1836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18360.html b/people/18360.html
index 4de84c2d..f6279e9d 100644
--- a/people/18360.html
+++ b/people/18360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18361.html b/people/18361.html
index f113b748..25ff808c 100644
--- a/people/18361.html
+++ b/people/18361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18362.html b/people/18362.html
index 9273b1c6..f6d61eba 100644
--- a/people/18362.html
+++ b/people/18362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18363.html b/people/18363.html
index 39c19ece..7cbd9aa3 100644
--- a/people/18363.html
+++ b/people/18363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18364.html b/people/18364.html
index a02e9c01..821739b3 100644
--- a/people/18364.html
+++ b/people/18364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18365.html b/people/18365.html
index a7e35f19..19258f6e 100644
--- a/people/18365.html
+++ b/people/18365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18366.html b/people/18366.html
index 359277c7..c60723ed 100644
--- a/people/18366.html
+++ b/people/18366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18367.html b/people/18367.html
index de68788f..0dc9b050 100644
--- a/people/18367.html
+++ b/people/18367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18368.html b/people/18368.html
index 08c75d35..f037de77 100644
--- a/people/18368.html
+++ b/people/18368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18369.html b/people/18369.html
index 64877408..079c3986 100644
--- a/people/18369.html
+++ b/people/18369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1837.html b/people/1837.html
index 2efea42d..603bfd78 100644
--- a/people/1837.html
+++ b/people/1837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18370.html b/people/18370.html
index 9503946e..38f83d30 100644
--- a/people/18370.html
+++ b/people/18370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18371.html b/people/18371.html
index b5f31b05..17fb1d6f 100644
--- a/people/18371.html
+++ b/people/18371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18372.html b/people/18372.html
index a921f7d8..5441222c 100644
--- a/people/18372.html
+++ b/people/18372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18373.html b/people/18373.html
index d011e09b..9b6e6549 100644
--- a/people/18373.html
+++ b/people/18373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18374.html b/people/18374.html
index 21122b5d..c3eac490 100644
--- a/people/18374.html
+++ b/people/18374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18375.html b/people/18375.html
index b0cd1677..8ea17c90 100644
--- a/people/18375.html
+++ b/people/18375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18376.html b/people/18376.html
index 741faa77..fe0e5767 100644
--- a/people/18376.html
+++ b/people/18376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18377.html b/people/18377.html
index 29071380..1012f7cf 100644
--- a/people/18377.html
+++ b/people/18377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18378.html b/people/18378.html
index fcc2aacb..969cb73b 100644
--- a/people/18378.html
+++ b/people/18378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18379.html b/people/18379.html
index fb77fa3f..06c54e13 100644
--- a/people/18379.html
+++ b/people/18379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1838.html b/people/1838.html
index caaa85aa..821f9c41 100644
--- a/people/1838.html
+++ b/people/1838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18380.html b/people/18380.html
index debf8ed6..d2641c4c 100644
--- a/people/18380.html
+++ b/people/18380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18381.html b/people/18381.html
index 273d41e9..4553f537 100644
--- a/people/18381.html
+++ b/people/18381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18382.html b/people/18382.html
index 9ae51d60..bfb86044 100644
--- a/people/18382.html
+++ b/people/18382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18383.html b/people/18383.html
index 6c84cb03..8496edb2 100644
--- a/people/18383.html
+++ b/people/18383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18384.html b/people/18384.html
index 99dd3d24..e9adb437 100644
--- a/people/18384.html
+++ b/people/18384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18385.html b/people/18385.html
index d0d48843..0d81a909 100644
--- a/people/18385.html
+++ b/people/18385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18386.html b/people/18386.html
index 3b8b0b70..89b22a75 100644
--- a/people/18386.html
+++ b/people/18386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18387.html b/people/18387.html
index fceb8865..e11c9741 100644
--- a/people/18387.html
+++ b/people/18387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18388.html b/people/18388.html
index 84f9f993..75ed6d91 100644
--- a/people/18388.html
+++ b/people/18388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18389.html b/people/18389.html
index 4db64e48..7334f3c3 100644
--- a/people/18389.html
+++ b/people/18389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1839.html b/people/1839.html
index 4803b9d5..effe4458 100644
--- a/people/1839.html
+++ b/people/1839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18390.html b/people/18390.html
index 1f043d17..510b7cea 100644
--- a/people/18390.html
+++ b/people/18390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18391.html b/people/18391.html
index b0e8cf8e..b246f7b5 100644
--- a/people/18391.html
+++ b/people/18391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18392.html b/people/18392.html
index 9e6f2243..9f23703c 100644
--- a/people/18392.html
+++ b/people/18392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18393.html b/people/18393.html
index 2afef7fc..62b61b46 100644
--- a/people/18393.html
+++ b/people/18393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18394.html b/people/18394.html
index 2bead496..39a2ddba 100644
--- a/people/18394.html
+++ b/people/18394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18395.html b/people/18395.html
index fb33c3d6..3ec23791 100644
--- a/people/18395.html
+++ b/people/18395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18396.html b/people/18396.html
index ccea3003..af19e341 100644
--- a/people/18396.html
+++ b/people/18396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18397.html b/people/18397.html
index 3f488ae7..c05fe338 100644
--- a/people/18397.html
+++ b/people/18397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18398.html b/people/18398.html
index e160f472..4215bc92 100644
--- a/people/18398.html
+++ b/people/18398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18399.html b/people/18399.html
index 2271d504..cd90a705 100644
--- a/people/18399.html
+++ b/people/18399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/184.html b/people/184.html
index 2a417e28..b794ed1a 100644
--- a/people/184.html
+++ b/people/184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1840.html b/people/1840.html
index ffbb1d3d..f08e2205 100644
--- a/people/1840.html
+++ b/people/1840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18400.html b/people/18400.html
index 5b3071b0..10059e8a 100644
--- a/people/18400.html
+++ b/people/18400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18401.html b/people/18401.html
index 70505c87..705c7999 100644
--- a/people/18401.html
+++ b/people/18401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18402.html b/people/18402.html
index 84f35ac5..da31bca3 100644
--- a/people/18402.html
+++ b/people/18402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18403.html b/people/18403.html
index 793686f9..ac8de19f 100644
--- a/people/18403.html
+++ b/people/18403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18404.html b/people/18404.html
index 270da58e..413a3f9f 100644
--- a/people/18404.html
+++ b/people/18404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18405.html b/people/18405.html
index e8d74b59..53e14e2f 100644
--- a/people/18405.html
+++ b/people/18405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18406.html b/people/18406.html
index b9c9825c..c3177663 100644
--- a/people/18406.html
+++ b/people/18406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18407.html b/people/18407.html
index eedcb3cf..468d055b 100644
--- a/people/18407.html
+++ b/people/18407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18408.html b/people/18408.html
index a4d8dbce..227c6e84 100644
--- a/people/18408.html
+++ b/people/18408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18409.html b/people/18409.html
index 345fe91d..4a5f60be 100644
--- a/people/18409.html
+++ b/people/18409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1841.html b/people/1841.html
index db5ce44a..6762c375 100644
--- a/people/1841.html
+++ b/people/1841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18410.html b/people/18410.html
index d3f03df6..cf314491 100644
--- a/people/18410.html
+++ b/people/18410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18411.html b/people/18411.html
index 2959c187..b10f74a1 100644
--- a/people/18411.html
+++ b/people/18411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18412.html b/people/18412.html
index 3267a160..85904089 100644
--- a/people/18412.html
+++ b/people/18412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18413.html b/people/18413.html
index f877a255..7c0b6c5d 100644
--- a/people/18413.html
+++ b/people/18413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18414.html b/people/18414.html
index afb28700..7cf1f626 100644
--- a/people/18414.html
+++ b/people/18414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18415.html b/people/18415.html
index 7f9dd034..fb3cf463 100644
--- a/people/18415.html
+++ b/people/18415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18416.html b/people/18416.html
index 37295377..e0570ab6 100644
--- a/people/18416.html
+++ b/people/18416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18417.html b/people/18417.html
index f79e5ac7..23d7399a 100644
--- a/people/18417.html
+++ b/people/18417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18418.html b/people/18418.html
index 69837ff1..577403ae 100644
--- a/people/18418.html
+++ b/people/18418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18419.html b/people/18419.html
index 01fcbbb8..679f4031 100644
--- a/people/18419.html
+++ b/people/18419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1842.html b/people/1842.html
index 83283606..1167a22c 100644
--- a/people/1842.html
+++ b/people/1842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18420.html b/people/18420.html
index ec309eea..40f22331 100644
--- a/people/18420.html
+++ b/people/18420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18421.html b/people/18421.html
index 383c5226..cdd97d34 100644
--- a/people/18421.html
+++ b/people/18421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18422.html b/people/18422.html
index 72d9895b..2de538f8 100644
--- a/people/18422.html
+++ b/people/18422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18423.html b/people/18423.html
index ef494db9..022a8c56 100644
--- a/people/18423.html
+++ b/people/18423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18424.html b/people/18424.html
index df3fd8bf..95db2471 100644
--- a/people/18424.html
+++ b/people/18424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18425.html b/people/18425.html
index 5b153715..f6d3b243 100644
--- a/people/18425.html
+++ b/people/18425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18426.html b/people/18426.html
index 48b1cd4b..77625068 100644
--- a/people/18426.html
+++ b/people/18426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18427.html b/people/18427.html
index d88d540e..93c662d5 100644
--- a/people/18427.html
+++ b/people/18427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18428.html b/people/18428.html
index 46f8fe41..f2f4e2de 100644
--- a/people/18428.html
+++ b/people/18428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18429.html b/people/18429.html
index f5eed1a2..4e47e91a 100644
--- a/people/18429.html
+++ b/people/18429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1843.html b/people/1843.html
index 4872e2ae..4c4f9e51 100644
--- a/people/1843.html
+++ b/people/1843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18430.html b/people/18430.html
index 3898f974..9368c017 100644
--- a/people/18430.html
+++ b/people/18430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18431.html b/people/18431.html
index 3c785e38..16ef9d07 100644
--- a/people/18431.html
+++ b/people/18431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18432.html b/people/18432.html
index f773a92f..43622c1d 100644
--- a/people/18432.html
+++ b/people/18432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18433.html b/people/18433.html
index c35f1af5..f2d00283 100644
--- a/people/18433.html
+++ b/people/18433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18434.html b/people/18434.html
index 15a26beb..37eed20a 100644
--- a/people/18434.html
+++ b/people/18434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18435.html b/people/18435.html
index 927e3241..52f15109 100644
--- a/people/18435.html
+++ b/people/18435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18436.html b/people/18436.html
index 5d69e69b..fecd4bfa 100644
--- a/people/18436.html
+++ b/people/18436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18437.html b/people/18437.html
index 2682f2ae..01a29d1a 100644
--- a/people/18437.html
+++ b/people/18437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18438.html b/people/18438.html
index 0dac4ee9..557ea5a7 100644
--- a/people/18438.html
+++ b/people/18438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18439.html b/people/18439.html
index 9e95d1b4..a912ea1e 100644
--- a/people/18439.html
+++ b/people/18439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1844.html b/people/1844.html
index 21549cce..c82eead5 100644
--- a/people/1844.html
+++ b/people/1844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18440.html b/people/18440.html
index 38f3f7c8..f741e0e1 100644
--- a/people/18440.html
+++ b/people/18440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18441.html b/people/18441.html
index d7d971a0..57fadceb 100644
--- a/people/18441.html
+++ b/people/18441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18442.html b/people/18442.html
index 306de6e5..dc74f139 100644
--- a/people/18442.html
+++ b/people/18442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18443.html b/people/18443.html
index 125e0f14..635c7c81 100644
--- a/people/18443.html
+++ b/people/18443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18444.html b/people/18444.html
index 5fa0016c..97fab347 100644
--- a/people/18444.html
+++ b/people/18444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18445.html b/people/18445.html
index dd9f1ffe..a71932af 100644
--- a/people/18445.html
+++ b/people/18445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18446.html b/people/18446.html
index 5cb6042a..8c3bdc20 100644
--- a/people/18446.html
+++ b/people/18446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18447.html b/people/18447.html
index fa0d0b5d..52b46859 100644
--- a/people/18447.html
+++ b/people/18447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18448.html b/people/18448.html
index 306827e6..378aedd8 100644
--- a/people/18448.html
+++ b/people/18448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18449.html b/people/18449.html
index b2f187c5..a43d8015 100644
--- a/people/18449.html
+++ b/people/18449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1845.html b/people/1845.html
index 7836c703..6e22cc1f 100644
--- a/people/1845.html
+++ b/people/1845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18450.html b/people/18450.html
index d9911cf9..527e969d 100644
--- a/people/18450.html
+++ b/people/18450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18451.html b/people/18451.html
index aa11d2d2..42f978b0 100644
--- a/people/18451.html
+++ b/people/18451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18452.html b/people/18452.html
index 5c04572e..bcaf5766 100644
--- a/people/18452.html
+++ b/people/18452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18453.html b/people/18453.html
index 0091d6b3..5b100b0d 100644
--- a/people/18453.html
+++ b/people/18453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18454.html b/people/18454.html
index 217d8a3f..1a10d38f 100644
--- a/people/18454.html
+++ b/people/18454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18455.html b/people/18455.html
index d07c344c..dacf2889 100644
--- a/people/18455.html
+++ b/people/18455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18456.html b/people/18456.html
index ab226344..1906ba48 100644
--- a/people/18456.html
+++ b/people/18456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18457.html b/people/18457.html
index 0a4f88fd..544beda3 100644
--- a/people/18457.html
+++ b/people/18457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18458.html b/people/18458.html
index 26d5a86e..0115a27b 100644
--- a/people/18458.html
+++ b/people/18458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18459.html b/people/18459.html
index 4f9bf506..fc39ecfc 100644
--- a/people/18459.html
+++ b/people/18459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1846.html b/people/1846.html
index 97e0e828..ddc5dcb4 100644
--- a/people/1846.html
+++ b/people/1846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18460.html b/people/18460.html
index f703a31a..d5b2b0ff 100644
--- a/people/18460.html
+++ b/people/18460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18461.html b/people/18461.html
index 048f9f98..d87da817 100644
--- a/people/18461.html
+++ b/people/18461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18462.html b/people/18462.html
index b6df9aed..44697a94 100644
--- a/people/18462.html
+++ b/people/18462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18463.html b/people/18463.html
index a62bf7bc..55cc0a1a 100644
--- a/people/18463.html
+++ b/people/18463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18464.html b/people/18464.html
index 44ac1aaa..6b6ad468 100644
--- a/people/18464.html
+++ b/people/18464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18465.html b/people/18465.html
index f2d155ec..a9570d82 100644
--- a/people/18465.html
+++ b/people/18465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18466.html b/people/18466.html
index 4a2a1c27..4a5bcdca 100644
--- a/people/18466.html
+++ b/people/18466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18467.html b/people/18467.html
index 863ad73c..efb6d2ba 100644
--- a/people/18467.html
+++ b/people/18467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18468.html b/people/18468.html
index 042a6d56..121116ef 100644
--- a/people/18468.html
+++ b/people/18468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18469.html b/people/18469.html
index 83f00c74..9020d0c3 100644
--- a/people/18469.html
+++ b/people/18469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1847.html b/people/1847.html
index 5752d1e4..bc32dd87 100644
--- a/people/1847.html
+++ b/people/1847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18470.html b/people/18470.html
index 351ba648..6d4bb638 100644
--- a/people/18470.html
+++ b/people/18470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18471.html b/people/18471.html
index e17fee88..345e6806 100644
--- a/people/18471.html
+++ b/people/18471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18472.html b/people/18472.html
index 2e4bbbbf..76f87756 100644
--- a/people/18472.html
+++ b/people/18472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18473.html b/people/18473.html
index 31fc20de..3e3e9f5f 100644
--- a/people/18473.html
+++ b/people/18473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18474.html b/people/18474.html
index 96537aac..cb235c6d 100644
--- a/people/18474.html
+++ b/people/18474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18475.html b/people/18475.html
index 4cf2cb61..a227feca 100644
--- a/people/18475.html
+++ b/people/18475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18476.html b/people/18476.html
index 8456c024..3ef0e29a 100644
--- a/people/18476.html
+++ b/people/18476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18477.html b/people/18477.html
index b128fda5..d4878f4a 100644
--- a/people/18477.html
+++ b/people/18477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18478.html b/people/18478.html
index 303a658a..e08d7ab4 100644
--- a/people/18478.html
+++ b/people/18478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18479.html b/people/18479.html
index 1765a706..f4e6d271 100644
--- a/people/18479.html
+++ b/people/18479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1848.html b/people/1848.html
index 1e37da6e..c6f78926 100644
--- a/people/1848.html
+++ b/people/1848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18480.html b/people/18480.html
index f7f85950..22bf44e7 100644
--- a/people/18480.html
+++ b/people/18480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18481.html b/people/18481.html
index 20c041f9..d412c11f 100644
--- a/people/18481.html
+++ b/people/18481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18482.html b/people/18482.html
index 2f8949e1..477b6a9b 100644
--- a/people/18482.html
+++ b/people/18482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18483.html b/people/18483.html
index ae80e680..9de845ce 100644
--- a/people/18483.html
+++ b/people/18483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18484.html b/people/18484.html
index 25c18a67..72e91087 100644
--- a/people/18484.html
+++ b/people/18484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18485.html b/people/18485.html
index d05e3051..5d949fef 100644
--- a/people/18485.html
+++ b/people/18485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18486.html b/people/18486.html
index bda13157..7735d637 100644
--- a/people/18486.html
+++ b/people/18486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18487.html b/people/18487.html
index 9ca8ec9e..ef7d985c 100644
--- a/people/18487.html
+++ b/people/18487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18488.html b/people/18488.html
index 12396353..78ede086 100644
--- a/people/18488.html
+++ b/people/18488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18489.html b/people/18489.html
index 46bafac9..463dd90e 100644
--- a/people/18489.html
+++ b/people/18489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1849.html b/people/1849.html
index d0898d16..771119f5 100644
--- a/people/1849.html
+++ b/people/1849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18490.html b/people/18490.html
index 528adba2..ef39dbe6 100644
--- a/people/18490.html
+++ b/people/18490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18491.html b/people/18491.html
index 539e5707..7beea05d 100644
--- a/people/18491.html
+++ b/people/18491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18492.html b/people/18492.html
index 96be9819..8153b7da 100644
--- a/people/18492.html
+++ b/people/18492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18493.html b/people/18493.html
index 1d19723c..cd3a0938 100644
--- a/people/18493.html
+++ b/people/18493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18494.html b/people/18494.html
index e197aef3..47a4e85c 100644
--- a/people/18494.html
+++ b/people/18494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18495.html b/people/18495.html
index 03bbaf6a..4d1d8f0d 100644
--- a/people/18495.html
+++ b/people/18495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18496.html b/people/18496.html
index 3e89e73a..269d66fd 100644
--- a/people/18496.html
+++ b/people/18496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18497.html b/people/18497.html
index fc2f95da..d1bf1f86 100644
--- a/people/18497.html
+++ b/people/18497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18498.html b/people/18498.html
index ae8e25bf..e3c742cd 100644
--- a/people/18498.html
+++ b/people/18498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18499.html b/people/18499.html
index f03f99b1..20d4c864 100644
--- a/people/18499.html
+++ b/people/18499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/185.html b/people/185.html
index 8b53c70e..a1418857 100644
--- a/people/185.html
+++ b/people/185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1850.html b/people/1850.html
index c0d5a729..d2c071d8 100644
--- a/people/1850.html
+++ b/people/1850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18500.html b/people/18500.html
index 3e95d93d..bc0f08a2 100644
--- a/people/18500.html
+++ b/people/18500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18501.html b/people/18501.html
index 0867ce82..902c29a1 100644
--- a/people/18501.html
+++ b/people/18501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18502.html b/people/18502.html
index 8086fa05..2517c6a2 100644
--- a/people/18502.html
+++ b/people/18502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18503.html b/people/18503.html
index e0f3393d..b3fcff2d 100644
--- a/people/18503.html
+++ b/people/18503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18504.html b/people/18504.html
index f3adcaa1..59991faf 100644
--- a/people/18504.html
+++ b/people/18504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18505.html b/people/18505.html
index 03e14fab..7184897e 100644
--- a/people/18505.html
+++ b/people/18505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18506.html b/people/18506.html
index 9f5d9bfc..fc4598e0 100644
--- a/people/18506.html
+++ b/people/18506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18507.html b/people/18507.html
index 2ec5af0e..54361333 100644
--- a/people/18507.html
+++ b/people/18507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18508.html b/people/18508.html
index 543c875f..2e8afbba 100644
--- a/people/18508.html
+++ b/people/18508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18509.html b/people/18509.html
index e6c72ffb..046dc7c9 100644
--- a/people/18509.html
+++ b/people/18509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1851.html b/people/1851.html
index b0e1f68d..ab1b07e9 100644
--- a/people/1851.html
+++ b/people/1851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18510.html b/people/18510.html
index dd1384a0..c2739276 100644
--- a/people/18510.html
+++ b/people/18510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18511.html b/people/18511.html
index a0bc0118..0204da1e 100644
--- a/people/18511.html
+++ b/people/18511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18512.html b/people/18512.html
index d01e989c..5522fe8c 100644
--- a/people/18512.html
+++ b/people/18512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18513.html b/people/18513.html
index 072c5d67..d35437b9 100644
--- a/people/18513.html
+++ b/people/18513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18514.html b/people/18514.html
index ab6cee35..15dbe35c 100644
--- a/people/18514.html
+++ b/people/18514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18515.html b/people/18515.html
index fd977723..aa1a0b75 100644
--- a/people/18515.html
+++ b/people/18515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18516.html b/people/18516.html
index 4d972853..43c499d1 100644
--- a/people/18516.html
+++ b/people/18516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18517.html b/people/18517.html
index 1b089d8b..f613740a 100644
--- a/people/18517.html
+++ b/people/18517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18518.html b/people/18518.html
index c6bbbcbf..cdade9a3 100644
--- a/people/18518.html
+++ b/people/18518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18519.html b/people/18519.html
index 5e420967..d2a39383 100644
--- a/people/18519.html
+++ b/people/18519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1852.html b/people/1852.html
index 35b06da1..94c214a7 100644
--- a/people/1852.html
+++ b/people/1852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18520.html b/people/18520.html
index 6e8d8181..bb2176d8 100644
--- a/people/18520.html
+++ b/people/18520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18521.html b/people/18521.html
index 519efbf5..6bcc890c 100644
--- a/people/18521.html
+++ b/people/18521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18522.html b/people/18522.html
index 37f85ba0..79750028 100644
--- a/people/18522.html
+++ b/people/18522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18523.html b/people/18523.html
index 4199f7c0..11151aae 100644
--- a/people/18523.html
+++ b/people/18523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18524.html b/people/18524.html
index 174c44f0..1836c4c1 100644
--- a/people/18524.html
+++ b/people/18524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18525.html b/people/18525.html
index 95354507..97658422 100644
--- a/people/18525.html
+++ b/people/18525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18526.html b/people/18526.html
index 2ecc440e..43af069b 100644
--- a/people/18526.html
+++ b/people/18526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18527.html b/people/18527.html
index 5dc2ff20..0b5773e9 100644
--- a/people/18527.html
+++ b/people/18527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18528.html b/people/18528.html
index dec4f799..a4bcc0e6 100644
--- a/people/18528.html
+++ b/people/18528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18529.html b/people/18529.html
index 39f17bd2..bc9b39bf 100644
--- a/people/18529.html
+++ b/people/18529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1853.html b/people/1853.html
index 95fc28b8..7bd53c46 100644
--- a/people/1853.html
+++ b/people/1853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18530.html b/people/18530.html
index 80f59c3c..9b0e2c7a 100644
--- a/people/18530.html
+++ b/people/18530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18531.html b/people/18531.html
index e79ac3ec..d4836914 100644
--- a/people/18531.html
+++ b/people/18531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18532.html b/people/18532.html
index abf5ac79..48670fb5 100644
--- a/people/18532.html
+++ b/people/18532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18533.html b/people/18533.html
index 6bc641ec..46e3e017 100644
--- a/people/18533.html
+++ b/people/18533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18534.html b/people/18534.html
index e3bc94c2..ef4a9c7a 100644
--- a/people/18534.html
+++ b/people/18534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18535.html b/people/18535.html
index 84ce5607..f9ac0d4e 100644
--- a/people/18535.html
+++ b/people/18535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18536.html b/people/18536.html
index 9d398172..de52e2a1 100644
--- a/people/18536.html
+++ b/people/18536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18537.html b/people/18537.html
index 56981cee..baf5c1df 100644
--- a/people/18537.html
+++ b/people/18537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18538.html b/people/18538.html
index 7478e010..2dea103b 100644
--- a/people/18538.html
+++ b/people/18538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18539.html b/people/18539.html
index b0fa3166..f83e4aff 100644
--- a/people/18539.html
+++ b/people/18539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1854.html b/people/1854.html
index e6a9d976..b0da9058 100644
--- a/people/1854.html
+++ b/people/1854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18540.html b/people/18540.html
index 303f1af7..e8cd2d4a 100644
--- a/people/18540.html
+++ b/people/18540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18541.html b/people/18541.html
index b250e26f..b8815fd4 100644
--- a/people/18541.html
+++ b/people/18541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18542.html b/people/18542.html
index d0e602bc..74739bfa 100644
--- a/people/18542.html
+++ b/people/18542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18543.html b/people/18543.html
index e9c76d3c..90f396c6 100644
--- a/people/18543.html
+++ b/people/18543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18544.html b/people/18544.html
index 8c53dc4f..105533f0 100644
--- a/people/18544.html
+++ b/people/18544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18545.html b/people/18545.html
index eddc164b..802511d1 100644
--- a/people/18545.html
+++ b/people/18545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18546.html b/people/18546.html
index e89dce4b..18be5aab 100644
--- a/people/18546.html
+++ b/people/18546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18547.html b/people/18547.html
index 098519ea..0dffaecb 100644
--- a/people/18547.html
+++ b/people/18547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18548.html b/people/18548.html
index d31bcda7..3befa3da 100644
--- a/people/18548.html
+++ b/people/18548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18549.html b/people/18549.html
index 473fccbd..22568f9a 100644
--- a/people/18549.html
+++ b/people/18549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1855.html b/people/1855.html
index 38591936..c46711d7 100644
--- a/people/1855.html
+++ b/people/1855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18550.html b/people/18550.html
index e2367116..d89d8fe8 100644
--- a/people/18550.html
+++ b/people/18550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18551.html b/people/18551.html
index 57201e91..51df4c1a 100644
--- a/people/18551.html
+++ b/people/18551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18552.html b/people/18552.html
index d27099f5..ebbcc436 100644
--- a/people/18552.html
+++ b/people/18552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18553.html b/people/18553.html
index 57fa3894..61c5e655 100644
--- a/people/18553.html
+++ b/people/18553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18554.html b/people/18554.html
index caf01dfd..2e81e0a0 100644
--- a/people/18554.html
+++ b/people/18554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18555.html b/people/18555.html
index aeeb6da0..2971ff51 100644
--- a/people/18555.html
+++ b/people/18555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18556.html b/people/18556.html
index 285fa374..d0cedc48 100644
--- a/people/18556.html
+++ b/people/18556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18557.html b/people/18557.html
index 5905b365..20a76973 100644
--- a/people/18557.html
+++ b/people/18557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18558.html b/people/18558.html
index ec390593..f74e14bf 100644
--- a/people/18558.html
+++ b/people/18558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18559.html b/people/18559.html
index cb59127e..4c831139 100644
--- a/people/18559.html
+++ b/people/18559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1856.html b/people/1856.html
index bbc20dc7..42456e14 100644
--- a/people/1856.html
+++ b/people/1856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18560.html b/people/18560.html
index a8f11db1..62ed507a 100644
--- a/people/18560.html
+++ b/people/18560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18561.html b/people/18561.html
index 46ddbf4a..61288fa2 100644
--- a/people/18561.html
+++ b/people/18561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18562.html b/people/18562.html
index ab41d9c9..1601ef3d 100644
--- a/people/18562.html
+++ b/people/18562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18563.html b/people/18563.html
index 7dc89a66..6a6306c7 100644
--- a/people/18563.html
+++ b/people/18563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18564.html b/people/18564.html
index aaad89c2..894f1ff1 100644
--- a/people/18564.html
+++ b/people/18564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18565.html b/people/18565.html
index 1cea7d65..7f18d485 100644
--- a/people/18565.html
+++ b/people/18565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18566.html b/people/18566.html
index 3162317f..c280a299 100644
--- a/people/18566.html
+++ b/people/18566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18567.html b/people/18567.html
index d619051f..f048bf36 100644
--- a/people/18567.html
+++ b/people/18567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18568.html b/people/18568.html
index d8352145..304f0626 100644
--- a/people/18568.html
+++ b/people/18568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18569.html b/people/18569.html
index e10bf889..d960b50c 100644
--- a/people/18569.html
+++ b/people/18569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18570.html b/people/18570.html
index db9a7b63..392cfad8 100644
--- a/people/18570.html
+++ b/people/18570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18571.html b/people/18571.html
index 59e83f80..a332123f 100644
--- a/people/18571.html
+++ b/people/18571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18572.html b/people/18572.html
index 3807010b..5c8def45 100644
--- a/people/18572.html
+++ b/people/18572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18573.html b/people/18573.html
index c8b69560..ca5aa8d1 100644
--- a/people/18573.html
+++ b/people/18573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18574.html b/people/18574.html
index 757e1db0..2a05d10e 100644
--- a/people/18574.html
+++ b/people/18574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18575.html b/people/18575.html
index 4f5e454a..9a16c537 100644
--- a/people/18575.html
+++ b/people/18575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18576.html b/people/18576.html
index 68fa6044..acd33e8e 100644
--- a/people/18576.html
+++ b/people/18576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18577.html b/people/18577.html
index d63a702b..c8df0408 100644
--- a/people/18577.html
+++ b/people/18577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18578.html b/people/18578.html
index 6370c0c2..ec53606d 100644
--- a/people/18578.html
+++ b/people/18578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18579.html b/people/18579.html
index 1e9bc531..46edcd67 100644
--- a/people/18579.html
+++ b/people/18579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1858.html b/people/1858.html
index 527d096b..69b90c35 100644
--- a/people/1858.html
+++ b/people/1858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18580.html b/people/18580.html
index b83dedef..f00b19de 100644
--- a/people/18580.html
+++ b/people/18580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18581.html b/people/18581.html
index d74d3634..72e1e18a 100644
--- a/people/18581.html
+++ b/people/18581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18582.html b/people/18582.html
index 97624263..d4dab88c 100644
--- a/people/18582.html
+++ b/people/18582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18583.html b/people/18583.html
index 011c4917..5a8da154 100644
--- a/people/18583.html
+++ b/people/18583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18584.html b/people/18584.html
index 94596eae..9c9f4787 100644
--- a/people/18584.html
+++ b/people/18584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18585.html b/people/18585.html
index bc660386..d78456ad 100644
--- a/people/18585.html
+++ b/people/18585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18586.html b/people/18586.html
index 7347ced6..591b05ee 100644
--- a/people/18586.html
+++ b/people/18586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18587.html b/people/18587.html
index d31d0409..4a5c1448 100644
--- a/people/18587.html
+++ b/people/18587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18588.html b/people/18588.html
index d2f09dbb..45b36a6e 100644
--- a/people/18588.html
+++ b/people/18588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18589.html b/people/18589.html
index f9a37167..665c262e 100644
--- a/people/18589.html
+++ b/people/18589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1859.html b/people/1859.html
index 3d57191f..d95813df 100644
--- a/people/1859.html
+++ b/people/1859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18590.html b/people/18590.html
index d62d4f36..201e22c2 100644
--- a/people/18590.html
+++ b/people/18590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18591.html b/people/18591.html
index 7261fab2..9cf42fd8 100644
--- a/people/18591.html
+++ b/people/18591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18592.html b/people/18592.html
index 2268d9af..6ce891e3 100644
--- a/people/18592.html
+++ b/people/18592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18593.html b/people/18593.html
index 776ccc25..080abeaf 100644
--- a/people/18593.html
+++ b/people/18593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18594.html b/people/18594.html
index 6ad3e8b0..0a137f08 100644
--- a/people/18594.html
+++ b/people/18594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18595.html b/people/18595.html
index 430be583..82f7c0f9 100644
--- a/people/18595.html
+++ b/people/18595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18596.html b/people/18596.html
index cb9086d8..a2e9b2c7 100644
--- a/people/18596.html
+++ b/people/18596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18597.html b/people/18597.html
index 0877daaf..91fa5564 100644
--- a/people/18597.html
+++ b/people/18597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18598.html b/people/18598.html
index cb37ec55..69d6f8fd 100644
--- a/people/18598.html
+++ b/people/18598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18599.html b/people/18599.html
index f6a5894a..83aeb7a5 100644
--- a/people/18599.html
+++ b/people/18599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/186.html b/people/186.html
index e95244d3..01a971eb 100644
--- a/people/186.html
+++ b/people/186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1860.html b/people/1860.html
index cd1b279b..cc0ccaae 100644
--- a/people/1860.html
+++ b/people/1860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18600.html b/people/18600.html
index 6d4f7581..83394a18 100644
--- a/people/18600.html
+++ b/people/18600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18601.html b/people/18601.html
index 93575bfc..67d4c45d 100644
--- a/people/18601.html
+++ b/people/18601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18602.html b/people/18602.html
index c6a4e996..b09f0d41 100644
--- a/people/18602.html
+++ b/people/18602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18603.html b/people/18603.html
index de3f1c89..198162bc 100644
--- a/people/18603.html
+++ b/people/18603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18604.html b/people/18604.html
index 8702c36b..149daced 100644
--- a/people/18604.html
+++ b/people/18604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18605.html b/people/18605.html
index 500f7588..c7bf98aa 100644
--- a/people/18605.html
+++ b/people/18605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18606.html b/people/18606.html
index ad3847b4..c11921a7 100644
--- a/people/18606.html
+++ b/people/18606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18607.html b/people/18607.html
index f689a46a..9028358b 100644
--- a/people/18607.html
+++ b/people/18607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18608.html b/people/18608.html
index cd6f2321..dbb319b7 100644
--- a/people/18608.html
+++ b/people/18608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18609.html b/people/18609.html
index 2ab6c701..c9a14112 100644
--- a/people/18609.html
+++ b/people/18609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1861.html b/people/1861.html
index 1f8d163a..d2937efe 100644
--- a/people/1861.html
+++ b/people/1861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18610.html b/people/18610.html
index b8a1111a..f5edfb14 100644
--- a/people/18610.html
+++ b/people/18610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18611.html b/people/18611.html
index af1e2e72..055379dd 100644
--- a/people/18611.html
+++ b/people/18611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18612.html b/people/18612.html
index 9fafab32..95555b4f 100644
--- a/people/18612.html
+++ b/people/18612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18613.html b/people/18613.html
index 706dedb1..d751b2df 100644
--- a/people/18613.html
+++ b/people/18613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18614.html b/people/18614.html
index be8e23c8..a1323874 100644
--- a/people/18614.html
+++ b/people/18614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18615.html b/people/18615.html
index 33e6450c..f057ffd0 100644
--- a/people/18615.html
+++ b/people/18615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18616.html b/people/18616.html
index a6b028ee..cb531c6e 100644
--- a/people/18616.html
+++ b/people/18616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18617.html b/people/18617.html
index b498f8d1..7246ab98 100644
--- a/people/18617.html
+++ b/people/18617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18618.html b/people/18618.html
index 9758ad25..cc25ab08 100644
--- a/people/18618.html
+++ b/people/18618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18619.html b/people/18619.html
index feb1cfcf..d2de3107 100644
--- a/people/18619.html
+++ b/people/18619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1862.html b/people/1862.html
index 229721df..dd58c84b 100644
--- a/people/1862.html
+++ b/people/1862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18620.html b/people/18620.html
index 969bf0b3..26606944 100644
--- a/people/18620.html
+++ b/people/18620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18621.html b/people/18621.html
index 6b3a829b..6cdbadb1 100644
--- a/people/18621.html
+++ b/people/18621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18622.html b/people/18622.html
index 6c239487..095f2b22 100644
--- a/people/18622.html
+++ b/people/18622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18623.html b/people/18623.html
index 8e057d05..24261a1b 100644
--- a/people/18623.html
+++ b/people/18623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18624.html b/people/18624.html
index b98acf74..4e2a8d26 100644
--- a/people/18624.html
+++ b/people/18624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18625.html b/people/18625.html
index 1beca506..ff2ce0f1 100644
--- a/people/18625.html
+++ b/people/18625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18626.html b/people/18626.html
index b1692e56..adf2b7ba 100644
--- a/people/18626.html
+++ b/people/18626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18627.html b/people/18627.html
index d4135ab4..449ddb52 100644
--- a/people/18627.html
+++ b/people/18627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18628.html b/people/18628.html
index 6feb1e98..c3e44754 100644
--- a/people/18628.html
+++ b/people/18628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18629.html b/people/18629.html
index 2e6ad5fe..b4c8dc58 100644
--- a/people/18629.html
+++ b/people/18629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1863.html b/people/1863.html
index aac8bf40..6819a684 100644
--- a/people/1863.html
+++ b/people/1863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18630.html b/people/18630.html
index ff6da017..4ba701ea 100644
--- a/people/18630.html
+++ b/people/18630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18631.html b/people/18631.html
index dce6ea9c..f84d2b82 100644
--- a/people/18631.html
+++ b/people/18631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18632.html b/people/18632.html
index dc27674c..988b5bc3 100644
--- a/people/18632.html
+++ b/people/18632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18633.html b/people/18633.html
index e46fcdcb..f6de035f 100644
--- a/people/18633.html
+++ b/people/18633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18634.html b/people/18634.html
index 7f88ec60..0c7c0e43 100644
--- a/people/18634.html
+++ b/people/18634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18635.html b/people/18635.html
index 9462d850..3fed6ebf 100644
--- a/people/18635.html
+++ b/people/18635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18636.html b/people/18636.html
index ffa76a2e..1e419dba 100644
--- a/people/18636.html
+++ b/people/18636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18637.html b/people/18637.html
index e3227c96..209503df 100644
--- a/people/18637.html
+++ b/people/18637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18638.html b/people/18638.html
index 768d2bc3..779681ee 100644
--- a/people/18638.html
+++ b/people/18638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18639.html b/people/18639.html
index 4b867a76..d7dd2c8c 100644
--- a/people/18639.html
+++ b/people/18639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1864.html b/people/1864.html
index ab1b0666..702cc2d3 100644
--- a/people/1864.html
+++ b/people/1864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18640.html b/people/18640.html
index ece8ee3e..6ae371f5 100644
--- a/people/18640.html
+++ b/people/18640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18641.html b/people/18641.html
index 03ca2980..b8f4cf60 100644
--- a/people/18641.html
+++ b/people/18641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18642.html b/people/18642.html
index 4210c454..c9b5f0e9 100644
--- a/people/18642.html
+++ b/people/18642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18643.html b/people/18643.html
index 0b9dd023..f4c006d9 100644
--- a/people/18643.html
+++ b/people/18643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18644.html b/people/18644.html
index a00a4edf..952faee1 100644
--- a/people/18644.html
+++ b/people/18644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18645.html b/people/18645.html
index 832e3f48..5216332e 100644
--- a/people/18645.html
+++ b/people/18645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18646.html b/people/18646.html
index 84659455..71484adc 100644
--- a/people/18646.html
+++ b/people/18646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18647.html b/people/18647.html
index 0e24a24c..24fc8138 100644
--- a/people/18647.html
+++ b/people/18647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18648.html b/people/18648.html
index e24e9bc3..8ad1c30e 100644
--- a/people/18648.html
+++ b/people/18648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18649.html b/people/18649.html
index bea8fd4d..354570a3 100644
--- a/people/18649.html
+++ b/people/18649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1865.html b/people/1865.html
index 80b1900f..fe4d59b6 100644
--- a/people/1865.html
+++ b/people/1865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18650.html b/people/18650.html
index 2f13c4f3..196fc924 100644
--- a/people/18650.html
+++ b/people/18650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18651.html b/people/18651.html
index 0b35ad66..a3f38861 100644
--- a/people/18651.html
+++ b/people/18651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18652.html b/people/18652.html
index 43e4d8d4..f711e25f 100644
--- a/people/18652.html
+++ b/people/18652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18653.html b/people/18653.html
index 6e0fb493..987d8f66 100644
--- a/people/18653.html
+++ b/people/18653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18654.html b/people/18654.html
index 37589d78..13c56fdd 100644
--- a/people/18654.html
+++ b/people/18654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18655.html b/people/18655.html
index 6b335f84..620e4af5 100644
--- a/people/18655.html
+++ b/people/18655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18656.html b/people/18656.html
index 95a86968..2e735cdc 100644
--- a/people/18656.html
+++ b/people/18656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18657.html b/people/18657.html
index 185b8731..3a9441af 100644
--- a/people/18657.html
+++ b/people/18657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18658.html b/people/18658.html
index 488c9061..ef5c6cc8 100644
--- a/people/18658.html
+++ b/people/18658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18659.html b/people/18659.html
index 61e70983..eee563be 100644
--- a/people/18659.html
+++ b/people/18659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1866.html b/people/1866.html
index 67625670..c7e51fc3 100644
--- a/people/1866.html
+++ b/people/1866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18660.html b/people/18660.html
index 1399ef18..3bf8d625 100644
--- a/people/18660.html
+++ b/people/18660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18661.html b/people/18661.html
index 9823e108..521e647d 100644
--- a/people/18661.html
+++ b/people/18661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18662.html b/people/18662.html
index 99b73819..7776292f 100644
--- a/people/18662.html
+++ b/people/18662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18663.html b/people/18663.html
index 1a2bd73b..d94a69db 100644
--- a/people/18663.html
+++ b/people/18663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18664.html b/people/18664.html
index ced2f85b..d0532952 100644
--- a/people/18664.html
+++ b/people/18664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18665.html b/people/18665.html
index 193054f8..b525ff63 100644
--- a/people/18665.html
+++ b/people/18665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18666.html b/people/18666.html
index ebdcdad4..1549f483 100644
--- a/people/18666.html
+++ b/people/18666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18667.html b/people/18667.html
index b9ef2664..2e210eab 100644
--- a/people/18667.html
+++ b/people/18667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18668.html b/people/18668.html
index ea5599af..835b1c22 100644
--- a/people/18668.html
+++ b/people/18668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18669.html b/people/18669.html
index 261c686d..c26bfbed 100644
--- a/people/18669.html
+++ b/people/18669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1867.html b/people/1867.html
index 25df2396..1754261a 100644
--- a/people/1867.html
+++ b/people/1867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18670.html b/people/18670.html
index ea736946..4f74df94 100644
--- a/people/18670.html
+++ b/people/18670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18671.html b/people/18671.html
index 87e9fa0d..e6a2187b 100644
--- a/people/18671.html
+++ b/people/18671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18672.html b/people/18672.html
index 70160b4e..d9beeb66 100644
--- a/people/18672.html
+++ b/people/18672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18673.html b/people/18673.html
index 0fad55f8..88162aea 100644
--- a/people/18673.html
+++ b/people/18673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18674.html b/people/18674.html
index bf70d11d..0f188131 100644
--- a/people/18674.html
+++ b/people/18674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18675.html b/people/18675.html
index da3b7362..6fa0e2cd 100644
--- a/people/18675.html
+++ b/people/18675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18676.html b/people/18676.html
index a9621a84..e57eeca9 100644
--- a/people/18676.html
+++ b/people/18676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18677.html b/people/18677.html
index 3c802eec..352bfc4b 100644
--- a/people/18677.html
+++ b/people/18677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18678.html b/people/18678.html
index 67d835a2..edfea228 100644
--- a/people/18678.html
+++ b/people/18678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18679.html b/people/18679.html
index 9bd3f58d..3f6dad01 100644
--- a/people/18679.html
+++ b/people/18679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1868.html b/people/1868.html
index 766db8e0..0ce83406 100644
--- a/people/1868.html
+++ b/people/1868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18680.html b/people/18680.html
index b832912b..b7b0109f 100644
--- a/people/18680.html
+++ b/people/18680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18681.html b/people/18681.html
index 65c1933e..19d2bb22 100644
--- a/people/18681.html
+++ b/people/18681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18682.html b/people/18682.html
index 6c126cb7..58e944a5 100644
--- a/people/18682.html
+++ b/people/18682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18683.html b/people/18683.html
index 5442e095..3e45bd17 100644
--- a/people/18683.html
+++ b/people/18683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18684.html b/people/18684.html
index aa5ae2ac..269ec991 100644
--- a/people/18684.html
+++ b/people/18684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18685.html b/people/18685.html
index 3916ccfb..0711be57 100644
--- a/people/18685.html
+++ b/people/18685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18686.html b/people/18686.html
index 8bf9c0dd..d2705215 100644
--- a/people/18686.html
+++ b/people/18686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18687.html b/people/18687.html
index 5aaf625e..c906e679 100644
--- a/people/18687.html
+++ b/people/18687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18688.html b/people/18688.html
index 5cb3b2af..ae329b10 100644
--- a/people/18688.html
+++ b/people/18688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18689.html b/people/18689.html
index 9a0bd3ac..296b0ee2 100644
--- a/people/18689.html
+++ b/people/18689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1869.html b/people/1869.html
index 11517263..271169cb 100644
--- a/people/1869.html
+++ b/people/1869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18690.html b/people/18690.html
index d0ccc0b7..3e933045 100644
--- a/people/18690.html
+++ b/people/18690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18691.html b/people/18691.html
index 0bc21f75..2d67eaed 100644
--- a/people/18691.html
+++ b/people/18691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18692.html b/people/18692.html
index ea1c7a8a..0c776510 100644
--- a/people/18692.html
+++ b/people/18692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18693.html b/people/18693.html
index ebc6b2ec..e6c1e338 100644
--- a/people/18693.html
+++ b/people/18693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18694.html b/people/18694.html
index 5a149b9f..2b745fbe 100644
--- a/people/18694.html
+++ b/people/18694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18695.html b/people/18695.html
index 09910982..781c109f 100644
--- a/people/18695.html
+++ b/people/18695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18696.html b/people/18696.html
index 1a2d43a3..3a49d9bb 100644
--- a/people/18696.html
+++ b/people/18696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18697.html b/people/18697.html
index 422d447f..7614cdac 100644
--- a/people/18697.html
+++ b/people/18697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18698.html b/people/18698.html
index 3081bb66..960ffb2c 100644
--- a/people/18698.html
+++ b/people/18698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18699.html b/people/18699.html
index 4f33d45f..f0626507 100644
--- a/people/18699.html
+++ b/people/18699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/187.html b/people/187.html
index edf02a4b..82cde1b5 100644
--- a/people/187.html
+++ b/people/187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1870.html b/people/1870.html
index 82116d14..c82967ed 100644
--- a/people/1870.html
+++ b/people/1870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18700.html b/people/18700.html
index d6e59a43..5ef5bb5f 100644
--- a/people/18700.html
+++ b/people/18700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18701.html b/people/18701.html
index 9dffb5ed..c9cffdbb 100644
--- a/people/18701.html
+++ b/people/18701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18702.html b/people/18702.html
index 030b7de0..1bf2ff55 100644
--- a/people/18702.html
+++ b/people/18702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18703.html b/people/18703.html
index 263adc0f..df78599e 100644
--- a/people/18703.html
+++ b/people/18703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18704.html b/people/18704.html
index 6be15a4d..2f732250 100644
--- a/people/18704.html
+++ b/people/18704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18705.html b/people/18705.html
index 68576857..778159ed 100644
--- a/people/18705.html
+++ b/people/18705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18706.html b/people/18706.html
index 06ab4ea0..d4d770ad 100644
--- a/people/18706.html
+++ b/people/18706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18707.html b/people/18707.html
index 7c586eec..b25d8524 100644
--- a/people/18707.html
+++ b/people/18707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18708.html b/people/18708.html
index d03064be..5d6a191e 100644
--- a/people/18708.html
+++ b/people/18708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18709.html b/people/18709.html
index 9526cc0c..65316c2c 100644
--- a/people/18709.html
+++ b/people/18709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1871.html b/people/1871.html
index 254f3349..aa789878 100644
--- a/people/1871.html
+++ b/people/1871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18710.html b/people/18710.html
index 659b3e6f..156fd7b1 100644
--- a/people/18710.html
+++ b/people/18710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18711.html b/people/18711.html
index 4e60d4ab..a1ddb1a9 100644
--- a/people/18711.html
+++ b/people/18711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18712.html b/people/18712.html
index 07af9138..da500265 100644
--- a/people/18712.html
+++ b/people/18712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18713.html b/people/18713.html
index d0f3162a..fe21b2c3 100644
--- a/people/18713.html
+++ b/people/18713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18714.html b/people/18714.html
index 349b013b..85d2705d 100644
--- a/people/18714.html
+++ b/people/18714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18715.html b/people/18715.html
index a537fcde..acfa8b76 100644
--- a/people/18715.html
+++ b/people/18715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18716.html b/people/18716.html
index 56994fbc..46a347f1 100644
--- a/people/18716.html
+++ b/people/18716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18717.html b/people/18717.html
index b71d1d28..7df4a019 100644
--- a/people/18717.html
+++ b/people/18717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18718.html b/people/18718.html
index f6573bc3..ff59936e 100644
--- a/people/18718.html
+++ b/people/18718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18719.html b/people/18719.html
index 78b1ea5a..67b8457c 100644
--- a/people/18719.html
+++ b/people/18719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1872.html b/people/1872.html
index e10e5134..28a87cc1 100644
--- a/people/1872.html
+++ b/people/1872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18720.html b/people/18720.html
index 2848a35c..4c3a9afe 100644
--- a/people/18720.html
+++ b/people/18720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18721.html b/people/18721.html
index cbf22d4d..d976a82e 100644
--- a/people/18721.html
+++ b/people/18721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18722.html b/people/18722.html
index fce8e6d0..da79c96c 100644
--- a/people/18722.html
+++ b/people/18722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18723.html b/people/18723.html
index 1c85b65f..4017638c 100644
--- a/people/18723.html
+++ b/people/18723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18724.html b/people/18724.html
index 91992682..86ca2693 100644
--- a/people/18724.html
+++ b/people/18724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18725.html b/people/18725.html
index 70dbae96..08837c2e 100644
--- a/people/18725.html
+++ b/people/18725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18726.html b/people/18726.html
index c4589ec6..37a4cd39 100644
--- a/people/18726.html
+++ b/people/18726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18727.html b/people/18727.html
index 79ad2ade..b5057a45 100644
--- a/people/18727.html
+++ b/people/18727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18728.html b/people/18728.html
index 8bb0e97c..d5fe7383 100644
--- a/people/18728.html
+++ b/people/18728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18729.html b/people/18729.html
index 16775235..788dfd5f 100644
--- a/people/18729.html
+++ b/people/18729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1873.html b/people/1873.html
index 4a9d6192..9a9f8515 100644
--- a/people/1873.html
+++ b/people/1873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18730.html b/people/18730.html
index 8f4bbca0..bf4962e6 100644
--- a/people/18730.html
+++ b/people/18730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18731.html b/people/18731.html
index d91d1153..0bd1db45 100644
--- a/people/18731.html
+++ b/people/18731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18732.html b/people/18732.html
index 38111230..ee1c48a1 100644
--- a/people/18732.html
+++ b/people/18732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18733.html b/people/18733.html
index a05b8335..5e4b1e7d 100644
--- a/people/18733.html
+++ b/people/18733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18734.html b/people/18734.html
index 74897361..c495aecf 100644
--- a/people/18734.html
+++ b/people/18734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18735.html b/people/18735.html
index 4d4c0307..57b10a86 100644
--- a/people/18735.html
+++ b/people/18735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18736.html b/people/18736.html
index 7f392679..23b668ef 100644
--- a/people/18736.html
+++ b/people/18736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18737.html b/people/18737.html
index 6ccb52aa..4a0b2a7f 100644
--- a/people/18737.html
+++ b/people/18737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18738.html b/people/18738.html
index f01a2eaa..658efafe 100644
--- a/people/18738.html
+++ b/people/18738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18739.html b/people/18739.html
index 7ef27d63..b58f460f 100644
--- a/people/18739.html
+++ b/people/18739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1874.html b/people/1874.html
index 1db120cf..58887d37 100644
--- a/people/1874.html
+++ b/people/1874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18740.html b/people/18740.html
index 67bfdf85..5618209b 100644
--- a/people/18740.html
+++ b/people/18740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18741.html b/people/18741.html
index a59619e7..925e6e97 100644
--- a/people/18741.html
+++ b/people/18741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18742.html b/people/18742.html
index 450d8f6c..2195655a 100644
--- a/people/18742.html
+++ b/people/18742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18743.html b/people/18743.html
index 18ab1128..bcb10814 100644
--- a/people/18743.html
+++ b/people/18743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18744.html b/people/18744.html
index 96d76f94..544c7078 100644
--- a/people/18744.html
+++ b/people/18744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18745.html b/people/18745.html
index 945743d8..bcd524de 100644
--- a/people/18745.html
+++ b/people/18745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18746.html b/people/18746.html
index 39d58009..e9edaebe 100644
--- a/people/18746.html
+++ b/people/18746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18747.html b/people/18747.html
index 00d4ef40..50ae49c6 100644
--- a/people/18747.html
+++ b/people/18747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18748.html b/people/18748.html
index 21340a56..06f0e01b 100644
--- a/people/18748.html
+++ b/people/18748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18749.html b/people/18749.html
index 93fc0ace..f33012b3 100644
--- a/people/18749.html
+++ b/people/18749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1875.html b/people/1875.html
index 4ccabf0e..24326c14 100644
--- a/people/1875.html
+++ b/people/1875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18750.html b/people/18750.html
index 3f5e66b2..2591e829 100644
--- a/people/18750.html
+++ b/people/18750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18751.html b/people/18751.html
index 102a3af1..6fa56a2c 100644
--- a/people/18751.html
+++ b/people/18751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18752.html b/people/18752.html
index 6921ebbd..6139103a 100644
--- a/people/18752.html
+++ b/people/18752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18753.html b/people/18753.html
index 94a95700..30a95a61 100644
--- a/people/18753.html
+++ b/people/18753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18754.html b/people/18754.html
index af0771b2..cac331d7 100644
--- a/people/18754.html
+++ b/people/18754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18755.html b/people/18755.html
index 1ed7482c..a4b6b486 100644
--- a/people/18755.html
+++ b/people/18755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18756.html b/people/18756.html
index ae292b15..a80a04df 100644
--- a/people/18756.html
+++ b/people/18756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18757.html b/people/18757.html
index 3726a2eb..68230366 100644
--- a/people/18757.html
+++ b/people/18757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18758.html b/people/18758.html
index 139fb131..0a43009f 100644
--- a/people/18758.html
+++ b/people/18758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18759.html b/people/18759.html
index 0c809418..1ade584b 100644
--- a/people/18759.html
+++ b/people/18759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1876.html b/people/1876.html
index 0b79bd65..8983f86f 100644
--- a/people/1876.html
+++ b/people/1876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18760.html b/people/18760.html
index f072d3db..bc453656 100644
--- a/people/18760.html
+++ b/people/18760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18761.html b/people/18761.html
index 2771ddb6..5b7ddf77 100644
--- a/people/18761.html
+++ b/people/18761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18762.html b/people/18762.html
index b6fb8c66..4d00a89e 100644
--- a/people/18762.html
+++ b/people/18762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18763.html b/people/18763.html
index b00ba5f7..3fbe5ea2 100644
--- a/people/18763.html
+++ b/people/18763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18764.html b/people/18764.html
index cc86f643..0592fac4 100644
--- a/people/18764.html
+++ b/people/18764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18765.html b/people/18765.html
index a12054a7..fb503410 100644
--- a/people/18765.html
+++ b/people/18765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18766.html b/people/18766.html
index 36d8864c..9e7284be 100644
--- a/people/18766.html
+++ b/people/18766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18767.html b/people/18767.html
index 5497c48e..469b1357 100644
--- a/people/18767.html
+++ b/people/18767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18768.html b/people/18768.html
index c1522e9e..0b625e9d 100644
--- a/people/18768.html
+++ b/people/18768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18769.html b/people/18769.html
index 60580ef4..1601b24a 100644
--- a/people/18769.html
+++ b/people/18769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1877.html b/people/1877.html
index 19ff6876..2a1a6da2 100644
--- a/people/1877.html
+++ b/people/1877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18770.html b/people/18770.html
index e25104c0..eb18c4ea 100644
--- a/people/18770.html
+++ b/people/18770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18771.html b/people/18771.html
index 44f32679..9fc85217 100644
--- a/people/18771.html
+++ b/people/18771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18772.html b/people/18772.html
index ad2e0d33..984e4102 100644
--- a/people/18772.html
+++ b/people/18772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18773.html b/people/18773.html
index 200fff34..49fff584 100644
--- a/people/18773.html
+++ b/people/18773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18774.html b/people/18774.html
index 8745523a..41779e0b 100644
--- a/people/18774.html
+++ b/people/18774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18775.html b/people/18775.html
index 4df48ff7..17882c5a 100644
--- a/people/18775.html
+++ b/people/18775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18776.html b/people/18776.html
index 1f3928bb..2379862f 100644
--- a/people/18776.html
+++ b/people/18776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18777.html b/people/18777.html
index 39fccc03..6294d3bc 100644
--- a/people/18777.html
+++ b/people/18777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18778.html b/people/18778.html
index 658e7117..856ef6df 100644
--- a/people/18778.html
+++ b/people/18778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18779.html b/people/18779.html
index 7c370d58..2ac1256d 100644
--- a/people/18779.html
+++ b/people/18779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1878.html b/people/1878.html
index 52da3984..e169d24f 100644
--- a/people/1878.html
+++ b/people/1878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18780.html b/people/18780.html
index 29b24cc8..930573c1 100644
--- a/people/18780.html
+++ b/people/18780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18781.html b/people/18781.html
index e2faf3f1..85e8f1b0 100644
--- a/people/18781.html
+++ b/people/18781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18782.html b/people/18782.html
index 5ac1b6a5..8422757b 100644
--- a/people/18782.html
+++ b/people/18782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18783.html b/people/18783.html
index 66e48902..fead7282 100644
--- a/people/18783.html
+++ b/people/18783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18784.html b/people/18784.html
index be73e095..f736fe54 100644
--- a/people/18784.html
+++ b/people/18784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18785.html b/people/18785.html
index 5a441d93..dcfa8071 100644
--- a/people/18785.html
+++ b/people/18785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18786.html b/people/18786.html
index 1f211dd9..12ac84b1 100644
--- a/people/18786.html
+++ b/people/18786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18787.html b/people/18787.html
index d1f36ee5..3883d943 100644
--- a/people/18787.html
+++ b/people/18787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18788.html b/people/18788.html
index dcafefba..78b7fc2d 100644
--- a/people/18788.html
+++ b/people/18788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18789.html b/people/18789.html
index fe6d0c69..0b65b8cc 100644
--- a/people/18789.html
+++ b/people/18789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1879.html b/people/1879.html
index e75d08d0..6ced967c 100644
--- a/people/1879.html
+++ b/people/1879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18790.html b/people/18790.html
index 8f7417da..9949c363 100644
--- a/people/18790.html
+++ b/people/18790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18791.html b/people/18791.html
index 451f29a3..79ae67b4 100644
--- a/people/18791.html
+++ b/people/18791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18792.html b/people/18792.html
index 2e9a6ee1..a343ac9b 100644
--- a/people/18792.html
+++ b/people/18792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18793.html b/people/18793.html
index 48c051cb..5638eba2 100644
--- a/people/18793.html
+++ b/people/18793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18794.html b/people/18794.html
index 9aaf8103..4a8a5b9e 100644
--- a/people/18794.html
+++ b/people/18794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18795.html b/people/18795.html
index 25fe4817..66243626 100644
--- a/people/18795.html
+++ b/people/18795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18796.html b/people/18796.html
index 3a3f0132..5a7d6ad5 100644
--- a/people/18796.html
+++ b/people/18796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18797.html b/people/18797.html
index c5823556..86121b8b 100644
--- a/people/18797.html
+++ b/people/18797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18798.html b/people/18798.html
index 5ca5134e..13cc19cf 100644
--- a/people/18798.html
+++ b/people/18798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18799.html b/people/18799.html
index 7948c2b7..323617c6 100644
--- a/people/18799.html
+++ b/people/18799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/188.html b/people/188.html
index d772d896..dc06c8a3 100644
--- a/people/188.html
+++ b/people/188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1880.html b/people/1880.html
index 31d84bbd..307e6c9a 100644
--- a/people/1880.html
+++ b/people/1880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18800.html b/people/18800.html
index b16d6379..c1ff9e80 100644
--- a/people/18800.html
+++ b/people/18800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18801.html b/people/18801.html
index a47c585c..43f4d91d 100644
--- a/people/18801.html
+++ b/people/18801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18802.html b/people/18802.html
index a55c027c..97c767d2 100644
--- a/people/18802.html
+++ b/people/18802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18803.html b/people/18803.html
index c058074e..f427cead 100644
--- a/people/18803.html
+++ b/people/18803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18804.html b/people/18804.html
index c40b0aa5..e9bdb76d 100644
--- a/people/18804.html
+++ b/people/18804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18805.html b/people/18805.html
index 669fa6ac..116d0d97 100644
--- a/people/18805.html
+++ b/people/18805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18806.html b/people/18806.html
index a4157310..f84eabce 100644
--- a/people/18806.html
+++ b/people/18806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18807.html b/people/18807.html
index ac907c68..4c2f5b22 100644
--- a/people/18807.html
+++ b/people/18807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18808.html b/people/18808.html
index 18358629..1583f4a0 100644
--- a/people/18808.html
+++ b/people/18808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18809.html b/people/18809.html
index 541d794c..280fb3e9 100644
--- a/people/18809.html
+++ b/people/18809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1881.html b/people/1881.html
index ce5d7478..e71dd4b3 100644
--- a/people/1881.html
+++ b/people/1881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18810.html b/people/18810.html
index 16993159..7dc2f159 100644
--- a/people/18810.html
+++ b/people/18810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18811.html b/people/18811.html
index bb644763..5ca0c18b 100644
--- a/people/18811.html
+++ b/people/18811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18812.html b/people/18812.html
index dd2c30be..0979e350 100644
--- a/people/18812.html
+++ b/people/18812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18813.html b/people/18813.html
index d809cc47..b26d03b3 100644
--- a/people/18813.html
+++ b/people/18813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18814.html b/people/18814.html
index b8705f7e..76273c30 100644
--- a/people/18814.html
+++ b/people/18814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18815.html b/people/18815.html
index 92e2b7fc..9bd91024 100644
--- a/people/18815.html
+++ b/people/18815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18816.html b/people/18816.html
index 92582b0b..daaafa88 100644
--- a/people/18816.html
+++ b/people/18816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18817.html b/people/18817.html
index 588e3181..43fd3e03 100644
--- a/people/18817.html
+++ b/people/18817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18818.html b/people/18818.html
index 96b7a6fc..d445c5c2 100644
--- a/people/18818.html
+++ b/people/18818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18819.html b/people/18819.html
index e34babdf..f78767eb 100644
--- a/people/18819.html
+++ b/people/18819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1882.html b/people/1882.html
index 8e315999..c6be07b5 100644
--- a/people/1882.html
+++ b/people/1882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18820.html b/people/18820.html
index be6bba5b..a2e3645c 100644
--- a/people/18820.html
+++ b/people/18820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18821.html b/people/18821.html
index c4c9b45a..6ef38754 100644
--- a/people/18821.html
+++ b/people/18821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18822.html b/people/18822.html
index 3c8bdf81..64286989 100644
--- a/people/18822.html
+++ b/people/18822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18823.html b/people/18823.html
index c028fdc7..a2f8abaf 100644
--- a/people/18823.html
+++ b/people/18823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18824.html b/people/18824.html
index 18ba0f21..6881d677 100644
--- a/people/18824.html
+++ b/people/18824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18825.html b/people/18825.html
index d07da324..00949920 100644
--- a/people/18825.html
+++ b/people/18825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18826.html b/people/18826.html
index 6290e8db..d406b14e 100644
--- a/people/18826.html
+++ b/people/18826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18827.html b/people/18827.html
index 321a4b21..d9c6d89d 100644
--- a/people/18827.html
+++ b/people/18827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18828.html b/people/18828.html
index 47a9c7bc..22af591e 100644
--- a/people/18828.html
+++ b/people/18828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18829.html b/people/18829.html
index 8c62008c..80f1386e 100644
--- a/people/18829.html
+++ b/people/18829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1883.html b/people/1883.html
index 16b143f6..f93c57a2 100644
--- a/people/1883.html
+++ b/people/1883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18830.html b/people/18830.html
index 368d734d..a046fcca 100644
--- a/people/18830.html
+++ b/people/18830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18831.html b/people/18831.html
index ce70f1f2..7325eabe 100644
--- a/people/18831.html
+++ b/people/18831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18832.html b/people/18832.html
index a7945448..c0816b1f 100644
--- a/people/18832.html
+++ b/people/18832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18833.html b/people/18833.html
index e19cef54..0cd3b7bf 100644
--- a/people/18833.html
+++ b/people/18833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18834.html b/people/18834.html
index 28141e19..c3bdec96 100644
--- a/people/18834.html
+++ b/people/18834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18835.html b/people/18835.html
index 9cf755a0..5b544aa2 100644
--- a/people/18835.html
+++ b/people/18835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18836.html b/people/18836.html
index 6ef686d6..23b56190 100644
--- a/people/18836.html
+++ b/people/18836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18837.html b/people/18837.html
index 5751a616..90d56381 100644
--- a/people/18837.html
+++ b/people/18837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18838.html b/people/18838.html
index 46c91ab4..88ebc6c8 100644
--- a/people/18838.html
+++ b/people/18838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18839.html b/people/18839.html
index 27f56a68..43137cf6 100644
--- a/people/18839.html
+++ b/people/18839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1884.html b/people/1884.html
index c2467f9c..d998be18 100644
--- a/people/1884.html
+++ b/people/1884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18840.html b/people/18840.html
index 4fcabecd..edc93be6 100644
--- a/people/18840.html
+++ b/people/18840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18841.html b/people/18841.html
index 5fe2e44e..f7adc4ef 100644
--- a/people/18841.html
+++ b/people/18841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18842.html b/people/18842.html
index 5385a516..bbed2095 100644
--- a/people/18842.html
+++ b/people/18842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18843.html b/people/18843.html
index 9b2dae8b..2ca2c8d5 100644
--- a/people/18843.html
+++ b/people/18843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18844.html b/people/18844.html
index c17d36f3..3a4debc5 100644
--- a/people/18844.html
+++ b/people/18844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18845.html b/people/18845.html
index 1ed5ebbd..add6f40a 100644
--- a/people/18845.html
+++ b/people/18845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18846.html b/people/18846.html
index bf81c436..5e33c1dc 100644
--- a/people/18846.html
+++ b/people/18846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18847.html b/people/18847.html
index 65605d26..2b429643 100644
--- a/people/18847.html
+++ b/people/18847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18848.html b/people/18848.html
index 38f5e2f1..96935963 100644
--- a/people/18848.html
+++ b/people/18848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18849.html b/people/18849.html
index 542a7de4..d1374da3 100644
--- a/people/18849.html
+++ b/people/18849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1885.html b/people/1885.html
index 6f33341e..49a0f8d8 100644
--- a/people/1885.html
+++ b/people/1885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18850.html b/people/18850.html
index 3ccfb602..6044523f 100644
--- a/people/18850.html
+++ b/people/18850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18851.html b/people/18851.html
index 87640345..741513c6 100644
--- a/people/18851.html
+++ b/people/18851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18852.html b/people/18852.html
index 86bc6c36..0ed8dec8 100644
--- a/people/18852.html
+++ b/people/18852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18853.html b/people/18853.html
index fcb199b5..57bdbba1 100644
--- a/people/18853.html
+++ b/people/18853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18854.html b/people/18854.html
index e38daaae..992b887f 100644
--- a/people/18854.html
+++ b/people/18854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18855.html b/people/18855.html
index 353e1e44..fecc5321 100644
--- a/people/18855.html
+++ b/people/18855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18856.html b/people/18856.html
index 9a378d03..228b3256 100644
--- a/people/18856.html
+++ b/people/18856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18857.html b/people/18857.html
index 823eaa7e..257a9a70 100644
--- a/people/18857.html
+++ b/people/18857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18858.html b/people/18858.html
index 4709c041..ae3c57ab 100644
--- a/people/18858.html
+++ b/people/18858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18859.html b/people/18859.html
index 0f90f1ec..4ddec92f 100644
--- a/people/18859.html
+++ b/people/18859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1886.html b/people/1886.html
index 1e88363d..25179ca6 100644
--- a/people/1886.html
+++ b/people/1886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18860.html b/people/18860.html
index f36ef9f0..cee6f3c4 100644
--- a/people/18860.html
+++ b/people/18860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18861.html b/people/18861.html
index ecc447b4..53bee212 100644
--- a/people/18861.html
+++ b/people/18861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18862.html b/people/18862.html
index 21e755e0..e829b884 100644
--- a/people/18862.html
+++ b/people/18862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18863.html b/people/18863.html
index b80eb215..cb0af5b3 100644
--- a/people/18863.html
+++ b/people/18863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18864.html b/people/18864.html
index 25ccc65f..cf083f0c 100644
--- a/people/18864.html
+++ b/people/18864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18865.html b/people/18865.html
index d8dc938a..96dda2d5 100644
--- a/people/18865.html
+++ b/people/18865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18866.html b/people/18866.html
index c9e17a66..284041ea 100644
--- a/people/18866.html
+++ b/people/18866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18867.html b/people/18867.html
index b10e0733..4b43fa46 100644
--- a/people/18867.html
+++ b/people/18867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18868.html b/people/18868.html
index 7b7f9f46..cd1c27b8 100644
--- a/people/18868.html
+++ b/people/18868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18869.html b/people/18869.html
index ace31130..26d73151 100644
--- a/people/18869.html
+++ b/people/18869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18870.html b/people/18870.html
index 5de350a8..10f9dde4 100644
--- a/people/18870.html
+++ b/people/18870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18871.html b/people/18871.html
index 32092f45..b73da807 100644
--- a/people/18871.html
+++ b/people/18871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18872.html b/people/18872.html
index de24228a..83b04770 100644
--- a/people/18872.html
+++ b/people/18872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18873.html b/people/18873.html
index e12a9be2..9e55395d 100644
--- a/people/18873.html
+++ b/people/18873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18874.html b/people/18874.html
index 62a32ae2..3268f730 100644
--- a/people/18874.html
+++ b/people/18874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18875.html b/people/18875.html
index 67673cbe..c931562a 100644
--- a/people/18875.html
+++ b/people/18875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18876.html b/people/18876.html
index c39162a0..bc2cccc2 100644
--- a/people/18876.html
+++ b/people/18876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18877.html b/people/18877.html
index a832fdfc..e2be17aa 100644
--- a/people/18877.html
+++ b/people/18877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18878.html b/people/18878.html
index b2692848..c8bf95bd 100644
--- a/people/18878.html
+++ b/people/18878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18879.html b/people/18879.html
index 9cbe12ea..c1b6b27d 100644
--- a/people/18879.html
+++ b/people/18879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1888.html b/people/1888.html
index 2a697b78..a99b6934 100644
--- a/people/1888.html
+++ b/people/1888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18880.html b/people/18880.html
index aeca3c5f..b190d268 100644
--- a/people/18880.html
+++ b/people/18880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18881.html b/people/18881.html
index e199bdd1..5fdab2f4 100644
--- a/people/18881.html
+++ b/people/18881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18882.html b/people/18882.html
index b39f162c..1cdcf048 100644
--- a/people/18882.html
+++ b/people/18882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18883.html b/people/18883.html
index 38ffb489..9ff44324 100644
--- a/people/18883.html
+++ b/people/18883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18884.html b/people/18884.html
index 15927513..7d570673 100644
--- a/people/18884.html
+++ b/people/18884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18885.html b/people/18885.html
index 35d4b070..447c0d5b 100644
--- a/people/18885.html
+++ b/people/18885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18886.html b/people/18886.html
index 6fa37069..8259b90a 100644
--- a/people/18886.html
+++ b/people/18886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18887.html b/people/18887.html
index db3e9ce9..e14c3c4c 100644
--- a/people/18887.html
+++ b/people/18887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18888.html b/people/18888.html
index 17bdb112..2ad34ff9 100644
--- a/people/18888.html
+++ b/people/18888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18889.html b/people/18889.html
index f104ecef..061b227f 100644
--- a/people/18889.html
+++ b/people/18889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1889.html b/people/1889.html
index 7533a058..2f5607d0 100644
--- a/people/1889.html
+++ b/people/1889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18890.html b/people/18890.html
index 53dd3bdb..e6152fea 100644
--- a/people/18890.html
+++ b/people/18890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18891.html b/people/18891.html
index ab743564..8d403470 100644
--- a/people/18891.html
+++ b/people/18891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18892.html b/people/18892.html
index 46edd38f..daf36e2a 100644
--- a/people/18892.html
+++ b/people/18892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18893.html b/people/18893.html
index 8c58fef6..aeb3f57c 100644
--- a/people/18893.html
+++ b/people/18893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18894.html b/people/18894.html
index 9c00ad70..5a6ba05d 100644
--- a/people/18894.html
+++ b/people/18894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18895.html b/people/18895.html
index 82afdfd5..b7f6edc9 100644
--- a/people/18895.html
+++ b/people/18895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18896.html b/people/18896.html
index cd497a5f..8301944a 100644
--- a/people/18896.html
+++ b/people/18896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18897.html b/people/18897.html
index b71e9386..606868de 100644
--- a/people/18897.html
+++ b/people/18897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18898.html b/people/18898.html
index a16b02ca..ee46424d 100644
--- a/people/18898.html
+++ b/people/18898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18899.html b/people/18899.html
index 91e15652..698e492b 100644
--- a/people/18899.html
+++ b/people/18899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/189.html b/people/189.html
index 840cabdf..afc62d9b 100644
--- a/people/189.html
+++ b/people/189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1890.html b/people/1890.html
index 7740fed9..d6e9b0f2 100644
--- a/people/1890.html
+++ b/people/1890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18900.html b/people/18900.html
index 5bb01d84..eb15e622 100644
--- a/people/18900.html
+++ b/people/18900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18901.html b/people/18901.html
index 986bd934..0b046e09 100644
--- a/people/18901.html
+++ b/people/18901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18902.html b/people/18902.html
index 147e75de..2f8dedea 100644
--- a/people/18902.html
+++ b/people/18902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18903.html b/people/18903.html
index 76a6db15..ad41601b 100644
--- a/people/18903.html
+++ b/people/18903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18904.html b/people/18904.html
index fc74c6dd..4048748b 100644
--- a/people/18904.html
+++ b/people/18904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18905.html b/people/18905.html
index d766fa4a..6c193b61 100644
--- a/people/18905.html
+++ b/people/18905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18906.html b/people/18906.html
index bff931fd..7a326506 100644
--- a/people/18906.html
+++ b/people/18906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18907.html b/people/18907.html
index b8043e14..6392bd93 100644
--- a/people/18907.html
+++ b/people/18907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18908.html b/people/18908.html
index 8368b98f..039578bd 100644
--- a/people/18908.html
+++ b/people/18908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18909.html b/people/18909.html
index 2e7d2928..7453b5c0 100644
--- a/people/18909.html
+++ b/people/18909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1891.html b/people/1891.html
index 6c1f801a..d4a20c2a 100644
--- a/people/1891.html
+++ b/people/1891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18910.html b/people/18910.html
index fb741f68..89312bee 100644
--- a/people/18910.html
+++ b/people/18910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18911.html b/people/18911.html
index 1b1df20b..9a72f0bd 100644
--- a/people/18911.html
+++ b/people/18911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18912.html b/people/18912.html
index 1c619e4a..9320adb4 100644
--- a/people/18912.html
+++ b/people/18912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18913.html b/people/18913.html
index 3c8c66ee..c44c0b84 100644
--- a/people/18913.html
+++ b/people/18913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18914.html b/people/18914.html
index e791f121..f701be3f 100644
--- a/people/18914.html
+++ b/people/18914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18915.html b/people/18915.html
index b07d3bf5..a2b060db 100644
--- a/people/18915.html
+++ b/people/18915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18916.html b/people/18916.html
index 5fff59a7..a46ab643 100644
--- a/people/18916.html
+++ b/people/18916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18917.html b/people/18917.html
index 5cf1512b..8504340e 100644
--- a/people/18917.html
+++ b/people/18917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18918.html b/people/18918.html
index 963f359a..bd87b23a 100644
--- a/people/18918.html
+++ b/people/18918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18919.html b/people/18919.html
index 2e7955a2..1342379f 100644
--- a/people/18919.html
+++ b/people/18919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1892.html b/people/1892.html
index ae432788..b6606be0 100644
--- a/people/1892.html
+++ b/people/1892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18920.html b/people/18920.html
index bc4a8913..c1b1a3e2 100644
--- a/people/18920.html
+++ b/people/18920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18921.html b/people/18921.html
index c7c15a34..7974af25 100644
--- a/people/18921.html
+++ b/people/18921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18922.html b/people/18922.html
index 97310b34..643e0ed9 100644
--- a/people/18922.html
+++ b/people/18922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18923.html b/people/18923.html
index 7e6e4b47..2febd13d 100644
--- a/people/18923.html
+++ b/people/18923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18924.html b/people/18924.html
index cae92906..fec6a64c 100644
--- a/people/18924.html
+++ b/people/18924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18925.html b/people/18925.html
index 1a27d2d5..5dabf5ab 100644
--- a/people/18925.html
+++ b/people/18925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18926.html b/people/18926.html
index 6332dfe0..33c44062 100644
--- a/people/18926.html
+++ b/people/18926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18927.html b/people/18927.html
index 68acfee4..2374caf0 100644
--- a/people/18927.html
+++ b/people/18927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18928.html b/people/18928.html
index a4baf0ab..b33d9b55 100644
--- a/people/18928.html
+++ b/people/18928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18929.html b/people/18929.html
index dae4fac1..10af765f 100644
--- a/people/18929.html
+++ b/people/18929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1893.html b/people/1893.html
index dfa787dd..e6999d7b 100644
--- a/people/1893.html
+++ b/people/1893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18930.html b/people/18930.html
index afb02f10..d3d9bb77 100644
--- a/people/18930.html
+++ b/people/18930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18931.html b/people/18931.html
index 446b93de..8c38a4bf 100644
--- a/people/18931.html
+++ b/people/18931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18932.html b/people/18932.html
index 5de6ad94..63a2dbe8 100644
--- a/people/18932.html
+++ b/people/18932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18933.html b/people/18933.html
index 97fd3e08..6c2f7bee 100644
--- a/people/18933.html
+++ b/people/18933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18934.html b/people/18934.html
index ec0d5eed..3192995e 100644
--- a/people/18934.html
+++ b/people/18934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18935.html b/people/18935.html
index 0bc48e60..08634eaf 100644
--- a/people/18935.html
+++ b/people/18935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18936.html b/people/18936.html
index 8f0b6c35..279dc8fa 100644
--- a/people/18936.html
+++ b/people/18936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18937.html b/people/18937.html
index a63c22ad..eda79fd9 100644
--- a/people/18937.html
+++ b/people/18937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18938.html b/people/18938.html
index f88ca5f9..c5b27fbd 100644
--- a/people/18938.html
+++ b/people/18938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18939.html b/people/18939.html
index 2546a2c9..84ea9dd2 100644
--- a/people/18939.html
+++ b/people/18939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1894.html b/people/1894.html
index f5a5b326..3cccfcca 100644
--- a/people/1894.html
+++ b/people/1894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18940.html b/people/18940.html
index 7a203040..09d9de41 100644
--- a/people/18940.html
+++ b/people/18940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18941.html b/people/18941.html
index 3ae93ffc..4b1caf61 100644
--- a/people/18941.html
+++ b/people/18941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18942.html b/people/18942.html
index 90d3ae33..2036618c 100644
--- a/people/18942.html
+++ b/people/18942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18943.html b/people/18943.html
index 6453dd0f..dd3c1654 100644
--- a/people/18943.html
+++ b/people/18943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18944.html b/people/18944.html
index 4e2573e8..c925bf43 100644
--- a/people/18944.html
+++ b/people/18944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18945.html b/people/18945.html
index 050756d6..8f3da3cd 100644
--- a/people/18945.html
+++ b/people/18945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18946.html b/people/18946.html
index 6d942662..7f05a60d 100644
--- a/people/18946.html
+++ b/people/18946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18947.html b/people/18947.html
index c1c75107..72ac1509 100644
--- a/people/18947.html
+++ b/people/18947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18948.html b/people/18948.html
index 604cf70f..44853f1d 100644
--- a/people/18948.html
+++ b/people/18948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18949.html b/people/18949.html
index 4661d148..728d1e50 100644
--- a/people/18949.html
+++ b/people/18949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1895.html b/people/1895.html
index 61d7ff9e..aae1b9ea 100644
--- a/people/1895.html
+++ b/people/1895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18950.html b/people/18950.html
index 59e4c5b4..a77c7099 100644
--- a/people/18950.html
+++ b/people/18950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18951.html b/people/18951.html
index f4401b1a..a054bd8c 100644
--- a/people/18951.html
+++ b/people/18951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18952.html b/people/18952.html
index a959bf3f..d5c0f7c7 100644
--- a/people/18952.html
+++ b/people/18952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18953.html b/people/18953.html
index 8e525281..91a1e5a1 100644
--- a/people/18953.html
+++ b/people/18953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18954.html b/people/18954.html
index 542d5b65..f9f37b8f 100644
--- a/people/18954.html
+++ b/people/18954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18955.html b/people/18955.html
index d3642ddd..2dfc3847 100644
--- a/people/18955.html
+++ b/people/18955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18956.html b/people/18956.html
index f7930d3c..a49c7352 100644
--- a/people/18956.html
+++ b/people/18956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18957.html b/people/18957.html
index 458a16bd..96b19e61 100644
--- a/people/18957.html
+++ b/people/18957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18958.html b/people/18958.html
index eb780626..d57d13c4 100644
--- a/people/18958.html
+++ b/people/18958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18959.html b/people/18959.html
index 5d551895..46120c7e 100644
--- a/people/18959.html
+++ b/people/18959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1896.html b/people/1896.html
index 8134f7b1..81da412c 100644
--- a/people/1896.html
+++ b/people/1896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18960.html b/people/18960.html
index 1cb79e57..c72e0b91 100644
--- a/people/18960.html
+++ b/people/18960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18961.html b/people/18961.html
index 7e5425ed..205ac040 100644
--- a/people/18961.html
+++ b/people/18961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18962.html b/people/18962.html
index c8822f97..9bb8339e 100644
--- a/people/18962.html
+++ b/people/18962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18963.html b/people/18963.html
index 121876a0..4151375d 100644
--- a/people/18963.html
+++ b/people/18963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18964.html b/people/18964.html
index 9e0128b1..c92e705f 100644
--- a/people/18964.html
+++ b/people/18964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18965.html b/people/18965.html
index 6e87cd8a..8bc4004d 100644
--- a/people/18965.html
+++ b/people/18965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18966.html b/people/18966.html
index 5f489309..ee84d1b5 100644
--- a/people/18966.html
+++ b/people/18966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18967.html b/people/18967.html
index b93f48ea..f7ee9d11 100644
--- a/people/18967.html
+++ b/people/18967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18968.html b/people/18968.html
index a315153b..5d50a214 100644
--- a/people/18968.html
+++ b/people/18968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18969.html b/people/18969.html
index b3a11608..94ccaf1d 100644
--- a/people/18969.html
+++ b/people/18969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1897.html b/people/1897.html
index c131e676..b4808f99 100644
--- a/people/1897.html
+++ b/people/1897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18970.html b/people/18970.html
index d7951bd3..40f60e62 100644
--- a/people/18970.html
+++ b/people/18970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18971.html b/people/18971.html
index 2691cb45..11795a04 100644
--- a/people/18971.html
+++ b/people/18971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18972.html b/people/18972.html
index fe9d3bef..239e8060 100644
--- a/people/18972.html
+++ b/people/18972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18973.html b/people/18973.html
index d77a9869..922e3262 100644
--- a/people/18973.html
+++ b/people/18973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18974.html b/people/18974.html
index c6be7782..4e3aaee2 100644
--- a/people/18974.html
+++ b/people/18974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18975.html b/people/18975.html
index afd7b0e2..9dfbeb2d 100644
--- a/people/18975.html
+++ b/people/18975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18976.html b/people/18976.html
index 573e7d69..c428f2e3 100644
--- a/people/18976.html
+++ b/people/18976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18977.html b/people/18977.html
index 67e24516..eac2567e 100644
--- a/people/18977.html
+++ b/people/18977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18978.html b/people/18978.html
index aecb4b88..3473e75b 100644
--- a/people/18978.html
+++ b/people/18978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18979.html b/people/18979.html
index ca5d4016..21dd9e4a 100644
--- a/people/18979.html
+++ b/people/18979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1898.html b/people/1898.html
index cac8bbad..8629c035 100644
--- a/people/1898.html
+++ b/people/1898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18980.html b/people/18980.html
index a06c5bef..717f24dd 100644
--- a/people/18980.html
+++ b/people/18980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18981.html b/people/18981.html
index 6860f042..a091d71c 100644
--- a/people/18981.html
+++ b/people/18981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18982.html b/people/18982.html
index 17298eb1..19656f36 100644
--- a/people/18982.html
+++ b/people/18982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18983.html b/people/18983.html
index 5f4cb787..2de384f0 100644
--- a/people/18983.html
+++ b/people/18983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18984.html b/people/18984.html
index 69db13a8..6f7397ff 100644
--- a/people/18984.html
+++ b/people/18984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18985.html b/people/18985.html
index c744f79b..2b97442a 100644
--- a/people/18985.html
+++ b/people/18985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18986.html b/people/18986.html
index 63f558f2..5a6f1d7d 100644
--- a/people/18986.html
+++ b/people/18986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18987.html b/people/18987.html
index 6d084d1b..dd33f8a7 100644
--- a/people/18987.html
+++ b/people/18987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18988.html b/people/18988.html
index 74093802..0bc47a0d 100644
--- a/people/18988.html
+++ b/people/18988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18989.html b/people/18989.html
index 3ea8fce2..6edb468b 100644
--- a/people/18989.html
+++ b/people/18989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1899.html b/people/1899.html
index 8e4c56a2..5cbab757 100644
--- a/people/1899.html
+++ b/people/1899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18990.html b/people/18990.html
index af5294a6..3d8f804c 100644
--- a/people/18990.html
+++ b/people/18990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18991.html b/people/18991.html
index f8469c40..9049df44 100644
--- a/people/18991.html
+++ b/people/18991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18992.html b/people/18992.html
index f76ecf07..bea8a4d4 100644
--- a/people/18992.html
+++ b/people/18992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18993.html b/people/18993.html
index 6d43ade0..8ba8acf3 100644
--- a/people/18993.html
+++ b/people/18993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18994.html b/people/18994.html
index 34714a5d..fb624e61 100644
--- a/people/18994.html
+++ b/people/18994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18995.html b/people/18995.html
index 96443df5..ad35fdf3 100644
--- a/people/18995.html
+++ b/people/18995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18996.html b/people/18996.html
index c4d44753..ece98a67 100644
--- a/people/18996.html
+++ b/people/18996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18997.html b/people/18997.html
index 3eeaac31..9a27db39 100644
--- a/people/18997.html
+++ b/people/18997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18998.html b/people/18998.html
index f10423b5..6156642b 100644
--- a/people/18998.html
+++ b/people/18998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/18999.html b/people/18999.html
index 08027b5a..5096fc21 100644
--- a/people/18999.html
+++ b/people/18999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19.html b/people/19.html
index 626efaa3..4e05a8e2 100644
--- a/people/19.html
+++ b/people/19.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/190.html b/people/190.html
index 9757f582..6d3105b2 100644
--- a/people/190.html
+++ b/people/190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1900.html b/people/1900.html
index e8bca564..51f040f3 100644
--- a/people/1900.html
+++ b/people/1900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19000.html b/people/19000.html
index cc477b76..dc395fbf 100644
--- a/people/19000.html
+++ b/people/19000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19001.html b/people/19001.html
index 65348202..6dc75803 100644
--- a/people/19001.html
+++ b/people/19001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19002.html b/people/19002.html
index 84820e0f..29f04f6c 100644
--- a/people/19002.html
+++ b/people/19002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19003.html b/people/19003.html
index 85dfc756..161ecfe2 100644
--- a/people/19003.html
+++ b/people/19003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19004.html b/people/19004.html
index e167b98f..ca1ca4d0 100644
--- a/people/19004.html
+++ b/people/19004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19005.html b/people/19005.html
index 21d3691c..83407ff9 100644
--- a/people/19005.html
+++ b/people/19005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19006.html b/people/19006.html
index e9bc0ed1..1d6aba5e 100644
--- a/people/19006.html
+++ b/people/19006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19007.html b/people/19007.html
index fd59d213..a7a05eb2 100644
--- a/people/19007.html
+++ b/people/19007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19008.html b/people/19008.html
index 2150aa64..ef7082ef 100644
--- a/people/19008.html
+++ b/people/19008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19009.html b/people/19009.html
index 2c538b0d..88a8b613 100644
--- a/people/19009.html
+++ b/people/19009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1901.html b/people/1901.html
index ceadddf4..4613360b 100644
--- a/people/1901.html
+++ b/people/1901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19010.html b/people/19010.html
index b0b222c8..76c5cacf 100644
--- a/people/19010.html
+++ b/people/19010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19011.html b/people/19011.html
index 6ebd0750..1414b1dc 100644
--- a/people/19011.html
+++ b/people/19011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19012.html b/people/19012.html
index 5068db06..9758e7f5 100644
--- a/people/19012.html
+++ b/people/19012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19013.html b/people/19013.html
index f769d81a..f61f1ce9 100644
--- a/people/19013.html
+++ b/people/19013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19014.html b/people/19014.html
index 14c50e76..745ce4de 100644
--- a/people/19014.html
+++ b/people/19014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19015.html b/people/19015.html
index d0fd68b3..a99c5118 100644
--- a/people/19015.html
+++ b/people/19015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19016.html b/people/19016.html
index 99b3b5cb..f8622342 100644
--- a/people/19016.html
+++ b/people/19016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19017.html b/people/19017.html
index f85f4092..e68a4f5d 100644
--- a/people/19017.html
+++ b/people/19017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19018.html b/people/19018.html
index bc154648..aed7aab4 100644
--- a/people/19018.html
+++ b/people/19018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19019.html b/people/19019.html
index 1503ccfa..e018ea14 100644
--- a/people/19019.html
+++ b/people/19019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1902.html b/people/1902.html
index a1a415a2..370f2e21 100644
--- a/people/1902.html
+++ b/people/1902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19020.html b/people/19020.html
index c23660a4..26861950 100644
--- a/people/19020.html
+++ b/people/19020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19021.html b/people/19021.html
index 0e7812c3..0308f44f 100644
--- a/people/19021.html
+++ b/people/19021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19022.html b/people/19022.html
index 7739e15d..91a7623f 100644
--- a/people/19022.html
+++ b/people/19022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19023.html b/people/19023.html
index 3ecc3b31..f98e4fd5 100644
--- a/people/19023.html
+++ b/people/19023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19024.html b/people/19024.html
index de78dc19..bb1f7455 100644
--- a/people/19024.html
+++ b/people/19024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19025.html b/people/19025.html
index f8681658..c3035b2c 100644
--- a/people/19025.html
+++ b/people/19025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19026.html b/people/19026.html
index 093ed8d9..5bd49f7b 100644
--- a/people/19026.html
+++ b/people/19026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19027.html b/people/19027.html
index 21a16c34..a46564da 100644
--- a/people/19027.html
+++ b/people/19027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19028.html b/people/19028.html
index ac773335..6ab87970 100644
--- a/people/19028.html
+++ b/people/19028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19029.html b/people/19029.html
index 878b57eb..ffed24ea 100644
--- a/people/19029.html
+++ b/people/19029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1903.html b/people/1903.html
index 1e404297..56ae78d3 100644
--- a/people/1903.html
+++ b/people/1903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19030.html b/people/19030.html
index bd6bcea1..65ca6123 100644
--- a/people/19030.html
+++ b/people/19030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19031.html b/people/19031.html
index bd62e6ab..2ee4e749 100644
--- a/people/19031.html
+++ b/people/19031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19032.html b/people/19032.html
index a02f6f3f..e6eb0377 100644
--- a/people/19032.html
+++ b/people/19032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19033.html b/people/19033.html
index 04e24c5f..136257ee 100644
--- a/people/19033.html
+++ b/people/19033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19034.html b/people/19034.html
index 82db7228..f922f3bb 100644
--- a/people/19034.html
+++ b/people/19034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19035.html b/people/19035.html
index bb17be94..e4e7446f 100644
--- a/people/19035.html
+++ b/people/19035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19036.html b/people/19036.html
index bc66aca5..7431213e 100644
--- a/people/19036.html
+++ b/people/19036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19037.html b/people/19037.html
index 6042c561..1b663d63 100644
--- a/people/19037.html
+++ b/people/19037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19038.html b/people/19038.html
index dc9c4764..75cf8b57 100644
--- a/people/19038.html
+++ b/people/19038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19039.html b/people/19039.html
index 9de3bac0..134f14f3 100644
--- a/people/19039.html
+++ b/people/19039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1904.html b/people/1904.html
index 431eac86..a4e198bf 100644
--- a/people/1904.html
+++ b/people/1904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19040.html b/people/19040.html
index 241da8c0..cb17c0d8 100644
--- a/people/19040.html
+++ b/people/19040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19041.html b/people/19041.html
index da23150b..90e99804 100644
--- a/people/19041.html
+++ b/people/19041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19042.html b/people/19042.html
index a518e0ea..7ef234db 100644
--- a/people/19042.html
+++ b/people/19042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19043.html b/people/19043.html
index bd03ecc7..b0ea8d45 100644
--- a/people/19043.html
+++ b/people/19043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19044.html b/people/19044.html
index bfdbb1c3..66ad71d5 100644
--- a/people/19044.html
+++ b/people/19044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19045.html b/people/19045.html
index 1af9812d..35e0e9eb 100644
--- a/people/19045.html
+++ b/people/19045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19046.html b/people/19046.html
index 31277e11..4e598d63 100644
--- a/people/19046.html
+++ b/people/19046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19047.html b/people/19047.html
index a9c056a8..207fa229 100644
--- a/people/19047.html
+++ b/people/19047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19048.html b/people/19048.html
index 58828dd5..aa5668e5 100644
--- a/people/19048.html
+++ b/people/19048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19049.html b/people/19049.html
index b3ffa2ac..9957739f 100644
--- a/people/19049.html
+++ b/people/19049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1905.html b/people/1905.html
index 3584175b..3ebcb88b 100644
--- a/people/1905.html
+++ b/people/1905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19050.html b/people/19050.html
index 6f1a65f0..eda6a434 100644
--- a/people/19050.html
+++ b/people/19050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19051.html b/people/19051.html
index 3c932d71..e0307d3e 100644
--- a/people/19051.html
+++ b/people/19051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19052.html b/people/19052.html
index 6b75d346..3df31ada 100644
--- a/people/19052.html
+++ b/people/19052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19053.html b/people/19053.html
index 1a6221ee..de490c49 100644
--- a/people/19053.html
+++ b/people/19053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19054.html b/people/19054.html
index 85733eae..5d32c511 100644
--- a/people/19054.html
+++ b/people/19054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19055.html b/people/19055.html
index a4403fca..b39b3c5d 100644
--- a/people/19055.html
+++ b/people/19055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19056.html b/people/19056.html
index 0d675145..4249b138 100644
--- a/people/19056.html
+++ b/people/19056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19057.html b/people/19057.html
index efa5f180..f4cf3061 100644
--- a/people/19057.html
+++ b/people/19057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19058.html b/people/19058.html
index bc5e89b4..c76b176e 100644
--- a/people/19058.html
+++ b/people/19058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19059.html b/people/19059.html
index f5cb7210..574fd38c 100644
--- a/people/19059.html
+++ b/people/19059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1906.html b/people/1906.html
index fd64523b..b4c358db 100644
--- a/people/1906.html
+++ b/people/1906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19060.html b/people/19060.html
index b0ee79f6..4feca5c3 100644
--- a/people/19060.html
+++ b/people/19060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19061.html b/people/19061.html
index b32c4b00..7082b846 100644
--- a/people/19061.html
+++ b/people/19061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19062.html b/people/19062.html
index 652adfae..d8daca3f 100644
--- a/people/19062.html
+++ b/people/19062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19063.html b/people/19063.html
index aa615df6..ff087722 100644
--- a/people/19063.html
+++ b/people/19063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19064.html b/people/19064.html
index 6665ea9e..6c93bd51 100644
--- a/people/19064.html
+++ b/people/19064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19065.html b/people/19065.html
index 97bf4e5c..11040469 100644
--- a/people/19065.html
+++ b/people/19065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19066.html b/people/19066.html
index 8e887743..3e9034f4 100644
--- a/people/19066.html
+++ b/people/19066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19067.html b/people/19067.html
index d3c5e2db..63ded225 100644
--- a/people/19067.html
+++ b/people/19067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19068.html b/people/19068.html
index eef1ea2d..918d778b 100644
--- a/people/19068.html
+++ b/people/19068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19069.html b/people/19069.html
index 3eadf8f8..fe316408 100644
--- a/people/19069.html
+++ b/people/19069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1907.html b/people/1907.html
index 80dff0e8..ff690207 100644
--- a/people/1907.html
+++ b/people/1907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19070.html b/people/19070.html
index 67d13569..8369fc44 100644
--- a/people/19070.html
+++ b/people/19070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19071.html b/people/19071.html
index 956be99c..709c318a 100644
--- a/people/19071.html
+++ b/people/19071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19072.html b/people/19072.html
index fcd23018..bf85554d 100644
--- a/people/19072.html
+++ b/people/19072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19073.html b/people/19073.html
index 9c6934f1..41ea07ac 100644
--- a/people/19073.html
+++ b/people/19073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19074.html b/people/19074.html
index 8b3e7013..ce64eaf9 100644
--- a/people/19074.html
+++ b/people/19074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19075.html b/people/19075.html
index 317e4330..9cc1cd6f 100644
--- a/people/19075.html
+++ b/people/19075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19076.html b/people/19076.html
index 9a54e6a7..8578a0fe 100644
--- a/people/19076.html
+++ b/people/19076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19077.html b/people/19077.html
index e7bd7669..f0a39b60 100644
--- a/people/19077.html
+++ b/people/19077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19078.html b/people/19078.html
index 25862108..1bf7a379 100644
--- a/people/19078.html
+++ b/people/19078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19079.html b/people/19079.html
index 2e57d8e9..007a9363 100644
--- a/people/19079.html
+++ b/people/19079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1908.html b/people/1908.html
index af2d4f20..db085c1b 100644
--- a/people/1908.html
+++ b/people/1908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19080.html b/people/19080.html
index 65cd5397..749776cc 100644
--- a/people/19080.html
+++ b/people/19080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19081.html b/people/19081.html
index 0eb8e30e..bf0dcada 100644
--- a/people/19081.html
+++ b/people/19081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19082.html b/people/19082.html
index 09c55e48..ea9593f7 100644
--- a/people/19082.html
+++ b/people/19082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19083.html b/people/19083.html
index 568a4ccf..b6ea2646 100644
--- a/people/19083.html
+++ b/people/19083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19084.html b/people/19084.html
index 6f09da89..7af31ad3 100644
--- a/people/19084.html
+++ b/people/19084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19085.html b/people/19085.html
index 2478afe8..21c3ec88 100644
--- a/people/19085.html
+++ b/people/19085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19086.html b/people/19086.html
index 5c2b3211..6bd5a1ab 100644
--- a/people/19086.html
+++ b/people/19086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19087.html b/people/19087.html
index 07e5626b..5398b7a6 100644
--- a/people/19087.html
+++ b/people/19087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19088.html b/people/19088.html
index 2433b859..abb50a92 100644
--- a/people/19088.html
+++ b/people/19088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19089.html b/people/19089.html
index fc7e4509..a70a50e7 100644
--- a/people/19089.html
+++ b/people/19089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1909.html b/people/1909.html
index a141ef9f..e65d146e 100644
--- a/people/1909.html
+++ b/people/1909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19090.html b/people/19090.html
index 5e5c9ab9..b3fc5817 100644
--- a/people/19090.html
+++ b/people/19090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19091.html b/people/19091.html
index f74a04ae..04c96088 100644
--- a/people/19091.html
+++ b/people/19091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19092.html b/people/19092.html
index 253fedde..c0058dc6 100644
--- a/people/19092.html
+++ b/people/19092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19093.html b/people/19093.html
index 2e21fc60..115bc4e3 100644
--- a/people/19093.html
+++ b/people/19093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19094.html b/people/19094.html
index 3228adfc..08eef036 100644
--- a/people/19094.html
+++ b/people/19094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19095.html b/people/19095.html
index 835c2391..5bebd0ca 100644
--- a/people/19095.html
+++ b/people/19095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19096.html b/people/19096.html
index a368a9bb..1d5be934 100644
--- a/people/19096.html
+++ b/people/19096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19097.html b/people/19097.html
index cc8ead62..d69a3244 100644
--- a/people/19097.html
+++ b/people/19097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19098.html b/people/19098.html
index f3a8a383..2eb34971 100644
--- a/people/19098.html
+++ b/people/19098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19099.html b/people/19099.html
index 85223efa..8a188b28 100644
--- a/people/19099.html
+++ b/people/19099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/191.html b/people/191.html
index dc4a0f5e..05ef570c 100644
--- a/people/191.html
+++ b/people/191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1910.html b/people/1910.html
index 15976add..800c4589 100644
--- a/people/1910.html
+++ b/people/1910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19100.html b/people/19100.html
index 56556056..766114b6 100644
--- a/people/19100.html
+++ b/people/19100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19101.html b/people/19101.html
index 00f58518..3dc60c51 100644
--- a/people/19101.html
+++ b/people/19101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19102.html b/people/19102.html
index 34d82b23..ff64be71 100644
--- a/people/19102.html
+++ b/people/19102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19103.html b/people/19103.html
index ee7c61bd..4e925b5d 100644
--- a/people/19103.html
+++ b/people/19103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19104.html b/people/19104.html
index daab8750..0848f704 100644
--- a/people/19104.html
+++ b/people/19104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19105.html b/people/19105.html
index c5ea0e20..8e4be24f 100644
--- a/people/19105.html
+++ b/people/19105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19106.html b/people/19106.html
index 414f37a4..1b124116 100644
--- a/people/19106.html
+++ b/people/19106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19107.html b/people/19107.html
index 78e030ff..2236fc96 100644
--- a/people/19107.html
+++ b/people/19107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19108.html b/people/19108.html
index f41b9629..52267b25 100644
--- a/people/19108.html
+++ b/people/19108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19109.html b/people/19109.html
index 3c83d6cf..11e8b8ca 100644
--- a/people/19109.html
+++ b/people/19109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1911.html b/people/1911.html
index 78a8b394..99ff1c50 100644
--- a/people/1911.html
+++ b/people/1911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19110.html b/people/19110.html
index 11c95fdd..397bd646 100644
--- a/people/19110.html
+++ b/people/19110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19111.html b/people/19111.html
index 25de3d6c..187de1ca 100644
--- a/people/19111.html
+++ b/people/19111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19112.html b/people/19112.html
index 08119944..5e122cde 100644
--- a/people/19112.html
+++ b/people/19112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19113.html b/people/19113.html
index 63f01227..8d19eaf2 100644
--- a/people/19113.html
+++ b/people/19113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19114.html b/people/19114.html
index 9243c651..efcd62c6 100644
--- a/people/19114.html
+++ b/people/19114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19115.html b/people/19115.html
index db85d65a..aa381c53 100644
--- a/people/19115.html
+++ b/people/19115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19116.html b/people/19116.html
index 3075532a..ad3ade6a 100644
--- a/people/19116.html
+++ b/people/19116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19117.html b/people/19117.html
index 7bdc12c1..b0a34d52 100644
--- a/people/19117.html
+++ b/people/19117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19118.html b/people/19118.html
index f630b87b..247f4aca 100644
--- a/people/19118.html
+++ b/people/19118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19119.html b/people/19119.html
index 0404f839..21ee5f21 100644
--- a/people/19119.html
+++ b/people/19119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1912.html b/people/1912.html
index 2025d6c0..be3ba041 100644
--- a/people/1912.html
+++ b/people/1912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19120.html b/people/19120.html
index 1287f132..612b6029 100644
--- a/people/19120.html
+++ b/people/19120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19121.html b/people/19121.html
index 34a518c3..fa922609 100644
--- a/people/19121.html
+++ b/people/19121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19122.html b/people/19122.html
index eed3d01f..91edf246 100644
--- a/people/19122.html
+++ b/people/19122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19123.html b/people/19123.html
index 082028a8..b1a3dcc5 100644
--- a/people/19123.html
+++ b/people/19123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19124.html b/people/19124.html
index f0fb7194..da6161d2 100644
--- a/people/19124.html
+++ b/people/19124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19125.html b/people/19125.html
index cea51899..f7b3e662 100644
--- a/people/19125.html
+++ b/people/19125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19126.html b/people/19126.html
index 311fcb66..6a240c43 100644
--- a/people/19126.html
+++ b/people/19126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19127.html b/people/19127.html
index 15cca975..e04a87cf 100644
--- a/people/19127.html
+++ b/people/19127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19128.html b/people/19128.html
index 74c265b1..53c1ded9 100644
--- a/people/19128.html
+++ b/people/19128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19129.html b/people/19129.html
index cfb2d14b..d985bd03 100644
--- a/people/19129.html
+++ b/people/19129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1913.html b/people/1913.html
index d6000cd0..b6a96f9d 100644
--- a/people/1913.html
+++ b/people/1913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19130.html b/people/19130.html
index 9f59a7eb..e9a0f707 100644
--- a/people/19130.html
+++ b/people/19130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19131.html b/people/19131.html
index 2b7746c4..18d1de6f 100644
--- a/people/19131.html
+++ b/people/19131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19132.html b/people/19132.html
index 7e980ae1..262b571a 100644
--- a/people/19132.html
+++ b/people/19132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19133.html b/people/19133.html
index f299a9b8..2be4c463 100644
--- a/people/19133.html
+++ b/people/19133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19134.html b/people/19134.html
index f8cd04d8..5368cec9 100644
--- a/people/19134.html
+++ b/people/19134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19135.html b/people/19135.html
index 2ffe0a4d..ad837ee0 100644
--- a/people/19135.html
+++ b/people/19135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19136.html b/people/19136.html
index c17ed7b3..100aeb46 100644
--- a/people/19136.html
+++ b/people/19136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19137.html b/people/19137.html
index 6a9bfbee..e1f525f4 100644
--- a/people/19137.html
+++ b/people/19137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19138.html b/people/19138.html
index 5e16efe4..757f3902 100644
--- a/people/19138.html
+++ b/people/19138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19139.html b/people/19139.html
index 6d414b6b..1a64d799 100644
--- a/people/19139.html
+++ b/people/19139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1914.html b/people/1914.html
index 4d211a7f..9e7fa566 100644
--- a/people/1914.html
+++ b/people/1914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19140.html b/people/19140.html
index c41d6940..bb3920c3 100644
--- a/people/19140.html
+++ b/people/19140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19141.html b/people/19141.html
index a1e28f27..9c6a5487 100644
--- a/people/19141.html
+++ b/people/19141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19142.html b/people/19142.html
index 25818358..35af2a3e 100644
--- a/people/19142.html
+++ b/people/19142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19143.html b/people/19143.html
index 16264aa3..94ee442c 100644
--- a/people/19143.html
+++ b/people/19143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19144.html b/people/19144.html
index 9121d785..6a8399ae 100644
--- a/people/19144.html
+++ b/people/19144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19145.html b/people/19145.html
index d08fd1e6..00a9e4f4 100644
--- a/people/19145.html
+++ b/people/19145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19146.html b/people/19146.html
index 2b234ff3..ca94c8df 100644
--- a/people/19146.html
+++ b/people/19146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19147.html b/people/19147.html
index 756ae0e6..f078e73b 100644
--- a/people/19147.html
+++ b/people/19147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19148.html b/people/19148.html
index feff585d..48170c44 100644
--- a/people/19148.html
+++ b/people/19148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19149.html b/people/19149.html
index 67682d7f..40faee3b 100644
--- a/people/19149.html
+++ b/people/19149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1915.html b/people/1915.html
index 203f2488..bf449c5f 100644
--- a/people/1915.html
+++ b/people/1915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19150.html b/people/19150.html
index 160342df..454b3397 100644
--- a/people/19150.html
+++ b/people/19150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19151.html b/people/19151.html
index 8b7e204e..4c977910 100644
--- a/people/19151.html
+++ b/people/19151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19152.html b/people/19152.html
index 6faa1278..417f0f15 100644
--- a/people/19152.html
+++ b/people/19152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19153.html b/people/19153.html
index efecf2fd..3802cdfc 100644
--- a/people/19153.html
+++ b/people/19153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19154.html b/people/19154.html
index 204b3d65..1c814a44 100644
--- a/people/19154.html
+++ b/people/19154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19155.html b/people/19155.html
index a3f0e62d..c4b96ca3 100644
--- a/people/19155.html
+++ b/people/19155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19156.html b/people/19156.html
index 3448cb65..0591d453 100644
--- a/people/19156.html
+++ b/people/19156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19157.html b/people/19157.html
index 77596c69..58a7cb08 100644
--- a/people/19157.html
+++ b/people/19157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19158.html b/people/19158.html
index e207b713..0e4063d9 100644
--- a/people/19158.html
+++ b/people/19158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19159.html b/people/19159.html
index db88b1c2..12f6ee1b 100644
--- a/people/19159.html
+++ b/people/19159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1916.html b/people/1916.html
index 9d042f79..071a75d4 100644
--- a/people/1916.html
+++ b/people/1916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19160.html b/people/19160.html
index 36fe6eae..9aae1eeb 100644
--- a/people/19160.html
+++ b/people/19160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19161.html b/people/19161.html
index 68b8b93f..fe4c7dde 100644
--- a/people/19161.html
+++ b/people/19161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19162.html b/people/19162.html
index cc5c9d68..557e71b7 100644
--- a/people/19162.html
+++ b/people/19162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19163.html b/people/19163.html
index cf750887..71a89e64 100644
--- a/people/19163.html
+++ b/people/19163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19164.html b/people/19164.html
index 990ced01..aa60ccfd 100644
--- a/people/19164.html
+++ b/people/19164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19165.html b/people/19165.html
index c01c4e77..dcff718e 100644
--- a/people/19165.html
+++ b/people/19165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19166.html b/people/19166.html
index af6d2955..caa3987e 100644
--- a/people/19166.html
+++ b/people/19166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19167.html b/people/19167.html
index 971ab92a..fce56492 100644
--- a/people/19167.html
+++ b/people/19167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19168.html b/people/19168.html
index bde6749a..1347eea2 100644
--- a/people/19168.html
+++ b/people/19168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19169.html b/people/19169.html
index 02cdfba9..e7221e66 100644
--- a/people/19169.html
+++ b/people/19169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1917.html b/people/1917.html
index 1ed57f17..4dcb4681 100644
--- a/people/1917.html
+++ b/people/1917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19170.html b/people/19170.html
index 2eaf0d68..56ba6edf 100644
--- a/people/19170.html
+++ b/people/19170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19171.html b/people/19171.html
index 987966a7..0e4acf21 100644
--- a/people/19171.html
+++ b/people/19171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19172.html b/people/19172.html
index b2fa3366..555cdc32 100644
--- a/people/19172.html
+++ b/people/19172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19173.html b/people/19173.html
index 40e04194..bc54ea6c 100644
--- a/people/19173.html
+++ b/people/19173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19174.html b/people/19174.html
index 9f2aeefc..1bcb7a38 100644
--- a/people/19174.html
+++ b/people/19174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19175.html b/people/19175.html
index e09877fe..97413b7b 100644
--- a/people/19175.html
+++ b/people/19175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19176.html b/people/19176.html
index ed59e334..d9c5d029 100644
--- a/people/19176.html
+++ b/people/19176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19177.html b/people/19177.html
index 70b1efa5..39b20076 100644
--- a/people/19177.html
+++ b/people/19177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19178.html b/people/19178.html
index dcbda6d8..a3635fc3 100644
--- a/people/19178.html
+++ b/people/19178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19179.html b/people/19179.html
index 46b14100..6e780ed2 100644
--- a/people/19179.html
+++ b/people/19179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1918.html b/people/1918.html
index b06a6098..d0292383 100644
--- a/people/1918.html
+++ b/people/1918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19180.html b/people/19180.html
index 8bae38ad..228a5013 100644
--- a/people/19180.html
+++ b/people/19180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19181.html b/people/19181.html
index 74298891..4f9ad2d8 100644
--- a/people/19181.html
+++ b/people/19181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19182.html b/people/19182.html
index 79c138d9..93aa6937 100644
--- a/people/19182.html
+++ b/people/19182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19183.html b/people/19183.html
index 563a0b23..5f830e42 100644
--- a/people/19183.html
+++ b/people/19183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19184.html b/people/19184.html
index 9dff73d9..a467c335 100644
--- a/people/19184.html
+++ b/people/19184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19185.html b/people/19185.html
index 41e2b89e..4f356835 100644
--- a/people/19185.html
+++ b/people/19185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19186.html b/people/19186.html
index 11cc8a96..0dd0da94 100644
--- a/people/19186.html
+++ b/people/19186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19187.html b/people/19187.html
index 1ee46cb8..cb82cea7 100644
--- a/people/19187.html
+++ b/people/19187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19188.html b/people/19188.html
index 08c8c6ff..4208a326 100644
--- a/people/19188.html
+++ b/people/19188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19189.html b/people/19189.html
index c3fb0de1..6170991b 100644
--- a/people/19189.html
+++ b/people/19189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1919.html b/people/1919.html
index 9e3d60f2..d6ff0c4f 100644
--- a/people/1919.html
+++ b/people/1919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19190.html b/people/19190.html
index 88ac1a50..164f9e48 100644
--- a/people/19190.html
+++ b/people/19190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19191.html b/people/19191.html
index 670d249e..2004e1d5 100644
--- a/people/19191.html
+++ b/people/19191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19192.html b/people/19192.html
index 0326fe6d..fa848c7a 100644
--- a/people/19192.html
+++ b/people/19192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19193.html b/people/19193.html
index cfda0663..381e1653 100644
--- a/people/19193.html
+++ b/people/19193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19194.html b/people/19194.html
index d410282c..d4d9d1a7 100644
--- a/people/19194.html
+++ b/people/19194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19195.html b/people/19195.html
index 2c744f1d..f8738b10 100644
--- a/people/19195.html
+++ b/people/19195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19196.html b/people/19196.html
index dbe6c56d..992a549b 100644
--- a/people/19196.html
+++ b/people/19196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19197.html b/people/19197.html
index 271de7e9..57be1f01 100644
--- a/people/19197.html
+++ b/people/19197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19198.html b/people/19198.html
index 8296ee29..05cc0c76 100644
--- a/people/19198.html
+++ b/people/19198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19199.html b/people/19199.html
index 00d5fa53..a214820b 100644
--- a/people/19199.html
+++ b/people/19199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/192.html b/people/192.html
index 8fdee0d8..d5c009b5 100644
--- a/people/192.html
+++ b/people/192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1920.html b/people/1920.html
index e7bce945..c2fdcbff 100644
--- a/people/1920.html
+++ b/people/1920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19200.html b/people/19200.html
index 89a8c84c..e09b37cd 100644
--- a/people/19200.html
+++ b/people/19200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19201.html b/people/19201.html
index 3eb15760..f719d00a 100644
--- a/people/19201.html
+++ b/people/19201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19202.html b/people/19202.html
index 8b746948..65304c69 100644
--- a/people/19202.html
+++ b/people/19202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19203.html b/people/19203.html
index 6d83ff76..35dc6fe6 100644
--- a/people/19203.html
+++ b/people/19203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19204.html b/people/19204.html
index a5c80260..0a018676 100644
--- a/people/19204.html
+++ b/people/19204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19205.html b/people/19205.html
index 4e19818e..e31434b6 100644
--- a/people/19205.html
+++ b/people/19205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19206.html b/people/19206.html
index fc21ea92..0c1821b5 100644
--- a/people/19206.html
+++ b/people/19206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19207.html b/people/19207.html
index f2e2c95c..3bc65e3d 100644
--- a/people/19207.html
+++ b/people/19207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19208.html b/people/19208.html
index 7a0086d4..47a2345b 100644
--- a/people/19208.html
+++ b/people/19208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19209.html b/people/19209.html
index 63246ec9..f9b86a0b 100644
--- a/people/19209.html
+++ b/people/19209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1921.html b/people/1921.html
index 3b4a6842..13327769 100644
--- a/people/1921.html
+++ b/people/1921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19210.html b/people/19210.html
index 49f1ef96..7b07348f 100644
--- a/people/19210.html
+++ b/people/19210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19211.html b/people/19211.html
index e54cb81f..0cfeee15 100644
--- a/people/19211.html
+++ b/people/19211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19212.html b/people/19212.html
index 45344324..9c7d9197 100644
--- a/people/19212.html
+++ b/people/19212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19213.html b/people/19213.html
index 62f13d1e..2d8e9353 100644
--- a/people/19213.html
+++ b/people/19213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19214.html b/people/19214.html
index 45b4d1c9..0843de58 100644
--- a/people/19214.html
+++ b/people/19214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19215.html b/people/19215.html
index a6fb5c8b..49c427e5 100644
--- a/people/19215.html
+++ b/people/19215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19216.html b/people/19216.html
index 4fd410da..4afa55c1 100644
--- a/people/19216.html
+++ b/people/19216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19217.html b/people/19217.html
index 61da782c..06227436 100644
--- a/people/19217.html
+++ b/people/19217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19218.html b/people/19218.html
index f36f387a..035ba6e0 100644
--- a/people/19218.html
+++ b/people/19218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19219.html b/people/19219.html
index 079078eb..480e7f61 100644
--- a/people/19219.html
+++ b/people/19219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1922.html b/people/1922.html
index a90caa54..1a4c354c 100644
--- a/people/1922.html
+++ b/people/1922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19220.html b/people/19220.html
index c7ab722b..090b12a0 100644
--- a/people/19220.html
+++ b/people/19220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19221.html b/people/19221.html
index 5fe23b34..2d94d23c 100644
--- a/people/19221.html
+++ b/people/19221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19222.html b/people/19222.html
index a4b80d52..2f21e669 100644
--- a/people/19222.html
+++ b/people/19222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19223.html b/people/19223.html
index 88b2d1ce..3688df3d 100644
--- a/people/19223.html
+++ b/people/19223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19224.html b/people/19224.html
index 8fa1e869..213da5b5 100644
--- a/people/19224.html
+++ b/people/19224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19225.html b/people/19225.html
index fac47631..631896fe 100644
--- a/people/19225.html
+++ b/people/19225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19226.html b/people/19226.html
index 9c578653..55e94d21 100644
--- a/people/19226.html
+++ b/people/19226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19227.html b/people/19227.html
index 8872de6e..ad6ce053 100644
--- a/people/19227.html
+++ b/people/19227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19228.html b/people/19228.html
index 29237289..cd475ba3 100644
--- a/people/19228.html
+++ b/people/19228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19229.html b/people/19229.html
index ed4cfdbf..574b512c 100644
--- a/people/19229.html
+++ b/people/19229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1923.html b/people/1923.html
index 9146be9b..ac14a780 100644
--- a/people/1923.html
+++ b/people/1923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19230.html b/people/19230.html
index f329bdc0..6da1338a 100644
--- a/people/19230.html
+++ b/people/19230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19231.html b/people/19231.html
index 943e636b..3f31ea8b 100644
--- a/people/19231.html
+++ b/people/19231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19232.html b/people/19232.html
index 9bc04af5..c78bff80 100644
--- a/people/19232.html
+++ b/people/19232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19233.html b/people/19233.html
index 987b1cb7..14057100 100644
--- a/people/19233.html
+++ b/people/19233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19234.html b/people/19234.html
index ced27f9b..87c23c9d 100644
--- a/people/19234.html
+++ b/people/19234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19235.html b/people/19235.html
index bb18e425..8df2dba6 100644
--- a/people/19235.html
+++ b/people/19235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19236.html b/people/19236.html
index f1d5f974..ac2c1f64 100644
--- a/people/19236.html
+++ b/people/19236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19237.html b/people/19237.html
index b2059efb..5f41e85a 100644
--- a/people/19237.html
+++ b/people/19237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19238.html b/people/19238.html
index 1de5140d..cf4a405c 100644
--- a/people/19238.html
+++ b/people/19238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19239.html b/people/19239.html
index 072c3911..aa40609f 100644
--- a/people/19239.html
+++ b/people/19239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1924.html b/people/1924.html
index b981d214..5f33915a 100644
--- a/people/1924.html
+++ b/people/1924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19240.html b/people/19240.html
index 7787edba..81964a83 100644
--- a/people/19240.html
+++ b/people/19240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19241.html b/people/19241.html
index f139077c..4a64a076 100644
--- a/people/19241.html
+++ b/people/19241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19242.html b/people/19242.html
index d422c6da..acda4fbd 100644
--- a/people/19242.html
+++ b/people/19242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19243.html b/people/19243.html
index e235b721..5d2d0349 100644
--- a/people/19243.html
+++ b/people/19243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19244.html b/people/19244.html
index 33d792f8..d0ee5aaa 100644
--- a/people/19244.html
+++ b/people/19244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19245.html b/people/19245.html
index f2dad7e0..1e1a72f5 100644
--- a/people/19245.html
+++ b/people/19245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19246.html b/people/19246.html
index c20aaa07..9b6e77cd 100644
--- a/people/19246.html
+++ b/people/19246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19247.html b/people/19247.html
index acb53328..3a4237fe 100644
--- a/people/19247.html
+++ b/people/19247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19248.html b/people/19248.html
index 02260643..bc9d20d4 100644
--- a/people/19248.html
+++ b/people/19248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19249.html b/people/19249.html
index 467f874c..157e2c67 100644
--- a/people/19249.html
+++ b/people/19249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1925.html b/people/1925.html
index 89be3bac..fa3dc02c 100644
--- a/people/1925.html
+++ b/people/1925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19250.html b/people/19250.html
index b6247caa..3b0d389d 100644
--- a/people/19250.html
+++ b/people/19250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19251.html b/people/19251.html
index 49ca3c9c..5b616571 100644
--- a/people/19251.html
+++ b/people/19251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19252.html b/people/19252.html
index 65728ce9..29fb0bd3 100644
--- a/people/19252.html
+++ b/people/19252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19253.html b/people/19253.html
index 50cb4ca4..95ea1083 100644
--- a/people/19253.html
+++ b/people/19253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19254.html b/people/19254.html
index f616ab83..292f245b 100644
--- a/people/19254.html
+++ b/people/19254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19255.html b/people/19255.html
index 578fec05..979f2e00 100644
--- a/people/19255.html
+++ b/people/19255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19256.html b/people/19256.html
index 547fc6b4..f22c0428 100644
--- a/people/19256.html
+++ b/people/19256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19257.html b/people/19257.html
index 32b6060c..83aee238 100644
--- a/people/19257.html
+++ b/people/19257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19258.html b/people/19258.html
index 69e283cd..6304312e 100644
--- a/people/19258.html
+++ b/people/19258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19259.html b/people/19259.html
index 202870cc..ec01ffda 100644
--- a/people/19259.html
+++ b/people/19259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1926.html b/people/1926.html
index 634bd4ef..5364b737 100644
--- a/people/1926.html
+++ b/people/1926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19260.html b/people/19260.html
index 05cd7852..76eede2c 100644
--- a/people/19260.html
+++ b/people/19260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19261.html b/people/19261.html
index 86b06ccb..60857b29 100644
--- a/people/19261.html
+++ b/people/19261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19262.html b/people/19262.html
index 2482fb77..d87be4ff 100644
--- a/people/19262.html
+++ b/people/19262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19263.html b/people/19263.html
index d2ea5253..75caacaf 100644
--- a/people/19263.html
+++ b/people/19263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19264.html b/people/19264.html
index b94480be..14c0495c 100644
--- a/people/19264.html
+++ b/people/19264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19265.html b/people/19265.html
index c729a353..8e4c8fa9 100644
--- a/people/19265.html
+++ b/people/19265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19266.html b/people/19266.html
index 89f39257..8910b889 100644
--- a/people/19266.html
+++ b/people/19266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19267.html b/people/19267.html
index b8b2a3ad..35ae6f3f 100644
--- a/people/19267.html
+++ b/people/19267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19268.html b/people/19268.html
index f3869861..97a48403 100644
--- a/people/19268.html
+++ b/people/19268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19269.html b/people/19269.html
index f83a3e75..454d7948 100644
--- a/people/19269.html
+++ b/people/19269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1927.html b/people/1927.html
index bd8a77c4..906edc07 100644
--- a/people/1927.html
+++ b/people/1927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19270.html b/people/19270.html
index f1c2c2a5..8e477012 100644
--- a/people/19270.html
+++ b/people/19270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19271.html b/people/19271.html
index 7d6f2cf2..1e0390e8 100644
--- a/people/19271.html
+++ b/people/19271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19272.html b/people/19272.html
index 3a286aa6..6a2064a7 100644
--- a/people/19272.html
+++ b/people/19272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19273.html b/people/19273.html
index e25429c3..5acd3789 100644
--- a/people/19273.html
+++ b/people/19273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19274.html b/people/19274.html
index 90e2c714..5e2a7ea1 100644
--- a/people/19274.html
+++ b/people/19274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19275.html b/people/19275.html
index 02174d8b..6f90a0ce 100644
--- a/people/19275.html
+++ b/people/19275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19276.html b/people/19276.html
index 5d4091be..f40abcca 100644
--- a/people/19276.html
+++ b/people/19276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19277.html b/people/19277.html
index 945222af..30f4de15 100644
--- a/people/19277.html
+++ b/people/19277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19278.html b/people/19278.html
index 81311340..52e27168 100644
--- a/people/19278.html
+++ b/people/19278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19279.html b/people/19279.html
index d349a17b..914eaee1 100644
--- a/people/19279.html
+++ b/people/19279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1928.html b/people/1928.html
index c320e52d..dc32ba76 100644
--- a/people/1928.html
+++ b/people/1928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19280.html b/people/19280.html
index 70ee042c..c1914123 100644
--- a/people/19280.html
+++ b/people/19280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19281.html b/people/19281.html
index 22079fb5..ea34152a 100644
--- a/people/19281.html
+++ b/people/19281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19282.html b/people/19282.html
index 4fa2e233..6a3a3956 100644
--- a/people/19282.html
+++ b/people/19282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19283.html b/people/19283.html
index 10d1b6af..0979f49e 100644
--- a/people/19283.html
+++ b/people/19283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19284.html b/people/19284.html
index 1de950a6..53389fe1 100644
--- a/people/19284.html
+++ b/people/19284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19285.html b/people/19285.html
index 189648e7..b28c6770 100644
--- a/people/19285.html
+++ b/people/19285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19286.html b/people/19286.html
index c21dbb41..d76926b8 100644
--- a/people/19286.html
+++ b/people/19286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19287.html b/people/19287.html
index 01189db1..a8b0a1a2 100644
--- a/people/19287.html
+++ b/people/19287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19288.html b/people/19288.html
index 73b79f1f..8661965c 100644
--- a/people/19288.html
+++ b/people/19288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19289.html b/people/19289.html
index 8911b04d..208c2e39 100644
--- a/people/19289.html
+++ b/people/19289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1929.html b/people/1929.html
index 933696fd..7895fc3c 100644
--- a/people/1929.html
+++ b/people/1929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19290.html b/people/19290.html
index 888f4fa9..c03df886 100644
--- a/people/19290.html
+++ b/people/19290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19291.html b/people/19291.html
index 9324d9bf..e4934150 100644
--- a/people/19291.html
+++ b/people/19291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19292.html b/people/19292.html
index a0acdc17..ba857f23 100644
--- a/people/19292.html
+++ b/people/19292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19293.html b/people/19293.html
index 6c81cb6b..ee97e2ec 100644
--- a/people/19293.html
+++ b/people/19293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19294.html b/people/19294.html
index 127b7a02..150c63c6 100644
--- a/people/19294.html
+++ b/people/19294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19295.html b/people/19295.html
index 5eda9b30..0e59d310 100644
--- a/people/19295.html
+++ b/people/19295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19296.html b/people/19296.html
index 26a26570..d0f8d05b 100644
--- a/people/19296.html
+++ b/people/19296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19297.html b/people/19297.html
index 9f45eca1..7d0d4948 100644
--- a/people/19297.html
+++ b/people/19297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19298.html b/people/19298.html
index aafbe231..da9425ce 100644
--- a/people/19298.html
+++ b/people/19298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19299.html b/people/19299.html
index 25203737..6714422c 100644
--- a/people/19299.html
+++ b/people/19299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/193.html b/people/193.html
index 19c0db3e..3a538ce9 100644
--- a/people/193.html
+++ b/people/193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1930.html b/people/1930.html
index 684e4fbe..82ea0f63 100644
--- a/people/1930.html
+++ b/people/1930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19300.html b/people/19300.html
index 3a7a222b..0e151e26 100644
--- a/people/19300.html
+++ b/people/19300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19301.html b/people/19301.html
index 6b782417..69724efb 100644
--- a/people/19301.html
+++ b/people/19301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19302.html b/people/19302.html
index 543eadc0..b26fa476 100644
--- a/people/19302.html
+++ b/people/19302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19303.html b/people/19303.html
index 189bc07c..86a26a23 100644
--- a/people/19303.html
+++ b/people/19303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19304.html b/people/19304.html
index 8938348b..b53fc2f3 100644
--- a/people/19304.html
+++ b/people/19304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19305.html b/people/19305.html
index 262ade6f..1bda2b62 100644
--- a/people/19305.html
+++ b/people/19305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19306.html b/people/19306.html
index 27092e62..f49ab6e4 100644
--- a/people/19306.html
+++ b/people/19306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19307.html b/people/19307.html
index c72490ee..7657e768 100644
--- a/people/19307.html
+++ b/people/19307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19308.html b/people/19308.html
index cf3d9862..bde79f81 100644
--- a/people/19308.html
+++ b/people/19308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19309.html b/people/19309.html
index 437b7c02..13f38c1f 100644
--- a/people/19309.html
+++ b/people/19309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1931.html b/people/1931.html
index 1314d3de..26ce030d 100644
--- a/people/1931.html
+++ b/people/1931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19310.html b/people/19310.html
index 2c8f62f7..9cc6d35a 100644
--- a/people/19310.html
+++ b/people/19310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19311.html b/people/19311.html
index 466aef81..1bdcae97 100644
--- a/people/19311.html
+++ b/people/19311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19312.html b/people/19312.html
index f7110d01..78d46827 100644
--- a/people/19312.html
+++ b/people/19312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19313.html b/people/19313.html
index 09aeb0ce..78601099 100644
--- a/people/19313.html
+++ b/people/19313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19314.html b/people/19314.html
index ab303701..de1b2577 100644
--- a/people/19314.html
+++ b/people/19314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19315.html b/people/19315.html
index c33a859e..d5a2eb84 100644
--- a/people/19315.html
+++ b/people/19315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19316.html b/people/19316.html
index 4cb08d2f..f22b675c 100644
--- a/people/19316.html
+++ b/people/19316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19317.html b/people/19317.html
index 94d392f5..4f08a3c3 100644
--- a/people/19317.html
+++ b/people/19317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19318.html b/people/19318.html
index 50593ec7..38852e88 100644
--- a/people/19318.html
+++ b/people/19318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19319.html b/people/19319.html
index 6930a298..d2187fbd 100644
--- a/people/19319.html
+++ b/people/19319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1932.html b/people/1932.html
index 8b1d57af..8304b0a0 100644
--- a/people/1932.html
+++ b/people/1932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19320.html b/people/19320.html
index 0fdb1584..51c593ed 100644
--- a/people/19320.html
+++ b/people/19320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19321.html b/people/19321.html
index e4f5f7f7..2c54c8f1 100644
--- a/people/19321.html
+++ b/people/19321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19322.html b/people/19322.html
index c5087ebe..4814b901 100644
--- a/people/19322.html
+++ b/people/19322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19323.html b/people/19323.html
index 6b3b09ca..217fba2a 100644
--- a/people/19323.html
+++ b/people/19323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19324.html b/people/19324.html
index 6eb0793b..0cbe572b 100644
--- a/people/19324.html
+++ b/people/19324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19325.html b/people/19325.html
index b686593f..458d0bab 100644
--- a/people/19325.html
+++ b/people/19325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19326.html b/people/19326.html
index 7223af03..76e8eac3 100644
--- a/people/19326.html
+++ b/people/19326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19327.html b/people/19327.html
index 4f5e184a..b8aade57 100644
--- a/people/19327.html
+++ b/people/19327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19328.html b/people/19328.html
index f1a84d1d..d3dccbf0 100644
--- a/people/19328.html
+++ b/people/19328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19329.html b/people/19329.html
index b3417fe0..2f9876be 100644
--- a/people/19329.html
+++ b/people/19329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1933.html b/people/1933.html
index 65107047..11d27f46 100644
--- a/people/1933.html
+++ b/people/1933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19330.html b/people/19330.html
index be1b89e6..55739536 100644
--- a/people/19330.html
+++ b/people/19330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19331.html b/people/19331.html
index e921feb4..92744eed 100644
--- a/people/19331.html
+++ b/people/19331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19332.html b/people/19332.html
index 253582bc..df3e73c5 100644
--- a/people/19332.html
+++ b/people/19332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19333.html b/people/19333.html
index 754c114b..7c428a91 100644
--- a/people/19333.html
+++ b/people/19333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19334.html b/people/19334.html
index 7e76c3cb..55706a2b 100644
--- a/people/19334.html
+++ b/people/19334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19335.html b/people/19335.html
index d26185b3..2dbf0b34 100644
--- a/people/19335.html
+++ b/people/19335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19336.html b/people/19336.html
index 74f07a14..dc822dfd 100644
--- a/people/19336.html
+++ b/people/19336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19337.html b/people/19337.html
index 94c2a9ac..ec5c8777 100644
--- a/people/19337.html
+++ b/people/19337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19338.html b/people/19338.html
index 06a788cc..96e8614a 100644
--- a/people/19338.html
+++ b/people/19338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19339.html b/people/19339.html
index 751178b9..23442ad3 100644
--- a/people/19339.html
+++ b/people/19339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1934.html b/people/1934.html
index 03370e2e..b3eb8825 100644
--- a/people/1934.html
+++ b/people/1934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19340.html b/people/19340.html
index d0d89dde..6e927ecc 100644
--- a/people/19340.html
+++ b/people/19340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19341.html b/people/19341.html
index 8d69d26b..7fe8a988 100644
--- a/people/19341.html
+++ b/people/19341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19342.html b/people/19342.html
index c78e40f2..6c256b90 100644
--- a/people/19342.html
+++ b/people/19342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19343.html b/people/19343.html
index 2d2cce33..6bab69e0 100644
--- a/people/19343.html
+++ b/people/19343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19344.html b/people/19344.html
index 69f44daf..aa9b0986 100644
--- a/people/19344.html
+++ b/people/19344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19345.html b/people/19345.html
index bf6aca98..2c51bd98 100644
--- a/people/19345.html
+++ b/people/19345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19346.html b/people/19346.html
index 679f1ed5..f11ffadb 100644
--- a/people/19346.html
+++ b/people/19346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19347.html b/people/19347.html
index a3670492..7ef6058a 100644
--- a/people/19347.html
+++ b/people/19347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19348.html b/people/19348.html
index 3dd938bf..8e5ac88b 100644
--- a/people/19348.html
+++ b/people/19348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19349.html b/people/19349.html
index ca5fd506..5bd26126 100644
--- a/people/19349.html
+++ b/people/19349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1935.html b/people/1935.html
index 5b1e6eac..f64a6bcc 100644
--- a/people/1935.html
+++ b/people/1935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19350.html b/people/19350.html
index 227ffe2f..b0898607 100644
--- a/people/19350.html
+++ b/people/19350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19351.html b/people/19351.html
index a9282b63..af9b7f61 100644
--- a/people/19351.html
+++ b/people/19351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19352.html b/people/19352.html
index 63bd14d4..870508cc 100644
--- a/people/19352.html
+++ b/people/19352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19353.html b/people/19353.html
index 1b6c3448..4572b494 100644
--- a/people/19353.html
+++ b/people/19353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19354.html b/people/19354.html
index 0f1e4162..d8924d09 100644
--- a/people/19354.html
+++ b/people/19354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19355.html b/people/19355.html
index 6e22b377..c1e073c1 100644
--- a/people/19355.html
+++ b/people/19355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19356.html b/people/19356.html
index cd30946d..902876ae 100644
--- a/people/19356.html
+++ b/people/19356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19357.html b/people/19357.html
index 8d57c07a..fb85840e 100644
--- a/people/19357.html
+++ b/people/19357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19358.html b/people/19358.html
index b7eb87b1..5c83199a 100644
--- a/people/19358.html
+++ b/people/19358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19359.html b/people/19359.html
index 78f18efc..3e8f2cb0 100644
--- a/people/19359.html
+++ b/people/19359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1936.html b/people/1936.html
index b7af2f8e..67784ccf 100644
--- a/people/1936.html
+++ b/people/1936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19360.html b/people/19360.html
index b495e9e0..755e921b 100644
--- a/people/19360.html
+++ b/people/19360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19361.html b/people/19361.html
index bb141621..a2fc2a6b 100644
--- a/people/19361.html
+++ b/people/19361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19362.html b/people/19362.html
index 79ea859d..4fc76d2a 100644
--- a/people/19362.html
+++ b/people/19362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19363.html b/people/19363.html
index c04fa8be..7f34e500 100644
--- a/people/19363.html
+++ b/people/19363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19364.html b/people/19364.html
index 6d7d4d02..85e7579d 100644
--- a/people/19364.html
+++ b/people/19364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19365.html b/people/19365.html
index dd688fa9..ee2b97a5 100644
--- a/people/19365.html
+++ b/people/19365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19366.html b/people/19366.html
index 0d445a2a..302273c4 100644
--- a/people/19366.html
+++ b/people/19366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19367.html b/people/19367.html
index f48abd90..ef2c0ebd 100644
--- a/people/19367.html
+++ b/people/19367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19368.html b/people/19368.html
index 8e9c6139..7c834280 100644
--- a/people/19368.html
+++ b/people/19368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19369.html b/people/19369.html
index 62c5aaef..42cf0430 100644
--- a/people/19369.html
+++ b/people/19369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1937.html b/people/1937.html
index 2099ffaa..c39717de 100644
--- a/people/1937.html
+++ b/people/1937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19370.html b/people/19370.html
index 651fb713..ba1b08fe 100644
--- a/people/19370.html
+++ b/people/19370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19371.html b/people/19371.html
index 05978097..62776862 100644
--- a/people/19371.html
+++ b/people/19371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19372.html b/people/19372.html
index b6c5d4b2..1e4428ce 100644
--- a/people/19372.html
+++ b/people/19372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19373.html b/people/19373.html
index 811b6ebe..c13506f5 100644
--- a/people/19373.html
+++ b/people/19373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19374.html b/people/19374.html
index 826e78b7..9d7e095f 100644
--- a/people/19374.html
+++ b/people/19374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19375.html b/people/19375.html
index df8dd47b..267cfc44 100644
--- a/people/19375.html
+++ b/people/19375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19376.html b/people/19376.html
index 00e8160f..929276fa 100644
--- a/people/19376.html
+++ b/people/19376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19377.html b/people/19377.html
index 450ab782..45b5bfa3 100644
--- a/people/19377.html
+++ b/people/19377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19378.html b/people/19378.html
index 8caba0f0..c843cdf8 100644
--- a/people/19378.html
+++ b/people/19378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19379.html b/people/19379.html
index 6355c934..12944fe1 100644
--- a/people/19379.html
+++ b/people/19379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1938.html b/people/1938.html
index a5c7e1bb..dab74cb0 100644
--- a/people/1938.html
+++ b/people/1938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19380.html b/people/19380.html
index 9cd0d3a6..1d0a8a1e 100644
--- a/people/19380.html
+++ b/people/19380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19381.html b/people/19381.html
index 158db30c..8afbbf4c 100644
--- a/people/19381.html
+++ b/people/19381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19382.html b/people/19382.html
index c3d36150..65016aaf 100644
--- a/people/19382.html
+++ b/people/19382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19383.html b/people/19383.html
index cc37ef55..6dab1282 100644
--- a/people/19383.html
+++ b/people/19383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19384.html b/people/19384.html
index 9e8ff474..86085540 100644
--- a/people/19384.html
+++ b/people/19384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19385.html b/people/19385.html
index db6ccefa..09420ee2 100644
--- a/people/19385.html
+++ b/people/19385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19386.html b/people/19386.html
index 95e1108a..12a50d46 100644
--- a/people/19386.html
+++ b/people/19386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19387.html b/people/19387.html
index 94a8ca3c..4f21c709 100644
--- a/people/19387.html
+++ b/people/19387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19388.html b/people/19388.html
index 3686ff87..0fbe1713 100644
--- a/people/19388.html
+++ b/people/19388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19389.html b/people/19389.html
index 7f9915b1..21789f46 100644
--- a/people/19389.html
+++ b/people/19389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1939.html b/people/1939.html
index 532aaa3d..4eb205de 100644
--- a/people/1939.html
+++ b/people/1939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19390.html b/people/19390.html
index 43a4ead7..ad534f7e 100644
--- a/people/19390.html
+++ b/people/19390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19391.html b/people/19391.html
index 0fbe8484..a54c8fdd 100644
--- a/people/19391.html
+++ b/people/19391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19392.html b/people/19392.html
index 481f920c..4a76d420 100644
--- a/people/19392.html
+++ b/people/19392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19393.html b/people/19393.html
index 2e02f140..55ec073a 100644
--- a/people/19393.html
+++ b/people/19393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19394.html b/people/19394.html
index 0f19f49f..67696a37 100644
--- a/people/19394.html
+++ b/people/19394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19395.html b/people/19395.html
index 530fa0cc..16fcc272 100644
--- a/people/19395.html
+++ b/people/19395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19396.html b/people/19396.html
index 7e4e179c..eb46b41c 100644
--- a/people/19396.html
+++ b/people/19396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19397.html b/people/19397.html
index dd570971..61d63cc7 100644
--- a/people/19397.html
+++ b/people/19397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19398.html b/people/19398.html
index d168b8a3..3729876e 100644
--- a/people/19398.html
+++ b/people/19398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19399.html b/people/19399.html
index d37995e8..d34210c4 100644
--- a/people/19399.html
+++ b/people/19399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/194.html b/people/194.html
index 7551645f..243b7dff 100644
--- a/people/194.html
+++ b/people/194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1940.html b/people/1940.html
index 0a5d3560..6cb661b5 100644
--- a/people/1940.html
+++ b/people/1940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19400.html b/people/19400.html
index 39eaeeb0..e73cf445 100644
--- a/people/19400.html
+++ b/people/19400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19401.html b/people/19401.html
index 6e3e7e69..0db2a4c0 100644
--- a/people/19401.html
+++ b/people/19401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19402.html b/people/19402.html
index 9eef5582..235b403b 100644
--- a/people/19402.html
+++ b/people/19402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19403.html b/people/19403.html
index 0a44a5cc..600f45ef 100644
--- a/people/19403.html
+++ b/people/19403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19404.html b/people/19404.html
index 6ef3b308..fccddee0 100644
--- a/people/19404.html
+++ b/people/19404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19405.html b/people/19405.html
index 355ff299..39873ae5 100644
--- a/people/19405.html
+++ b/people/19405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19406.html b/people/19406.html
index 74cd0544..b6bb9f86 100644
--- a/people/19406.html
+++ b/people/19406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19407.html b/people/19407.html
index 6548cdde..00175125 100644
--- a/people/19407.html
+++ b/people/19407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19408.html b/people/19408.html
index e6fca379..97897a4a 100644
--- a/people/19408.html
+++ b/people/19408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19409.html b/people/19409.html
index 9c25018c..21c9d29a 100644
--- a/people/19409.html
+++ b/people/19409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1941.html b/people/1941.html
index 6f80c074..f59c6ea3 100644
--- a/people/1941.html
+++ b/people/1941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19410.html b/people/19410.html
index 9c01ce2a..bb946262 100644
--- a/people/19410.html
+++ b/people/19410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19411.html b/people/19411.html
index 8cd35e03..e77e154c 100644
--- a/people/19411.html
+++ b/people/19411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19412.html b/people/19412.html
index 7fc9d6b5..5ae0be44 100644
--- a/people/19412.html
+++ b/people/19412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19413.html b/people/19413.html
index 78c47474..cc8d7d68 100644
--- a/people/19413.html
+++ b/people/19413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19414.html b/people/19414.html
index a59a2f01..c0087856 100644
--- a/people/19414.html
+++ b/people/19414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19415.html b/people/19415.html
index 145ac2d8..ac9dd842 100644
--- a/people/19415.html
+++ b/people/19415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19416.html b/people/19416.html
index 9ba9ea3c..e2f51df8 100644
--- a/people/19416.html
+++ b/people/19416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19417.html b/people/19417.html
index cf768b23..c8eaa94a 100644
--- a/people/19417.html
+++ b/people/19417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19418.html b/people/19418.html
index 65dba7e8..a7d9e8a1 100644
--- a/people/19418.html
+++ b/people/19418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19419.html b/people/19419.html
index ccaeb53f..1593543a 100644
--- a/people/19419.html
+++ b/people/19419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1942.html b/people/1942.html
index 5e139698..2e79d378 100644
--- a/people/1942.html
+++ b/people/1942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19420.html b/people/19420.html
index 62a7dfc5..a5236c4a 100644
--- a/people/19420.html
+++ b/people/19420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19421.html b/people/19421.html
index b19d0b6a..bc2d3ff8 100644
--- a/people/19421.html
+++ b/people/19421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19422.html b/people/19422.html
index 9803c94b..36c11ca0 100644
--- a/people/19422.html
+++ b/people/19422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19423.html b/people/19423.html
index efc9991f..5bec3b39 100644
--- a/people/19423.html
+++ b/people/19423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19424.html b/people/19424.html
index c900d021..459e4997 100644
--- a/people/19424.html
+++ b/people/19424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19425.html b/people/19425.html
index 45ea9286..fca86124 100644
--- a/people/19425.html
+++ b/people/19425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19426.html b/people/19426.html
index b54eb8bf..69c226c7 100644
--- a/people/19426.html
+++ b/people/19426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19427.html b/people/19427.html
index 25ad309f..000e4e3e 100644
--- a/people/19427.html
+++ b/people/19427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19428.html b/people/19428.html
index 3622128d..4b3fdd97 100644
--- a/people/19428.html
+++ b/people/19428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19429.html b/people/19429.html
index 8ab2d1a4..af85edfb 100644
--- a/people/19429.html
+++ b/people/19429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1943.html b/people/1943.html
index 5d563f67..e60554b2 100644
--- a/people/1943.html
+++ b/people/1943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19430.html b/people/19430.html
index 82c2e2f2..17858eef 100644
--- a/people/19430.html
+++ b/people/19430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19431.html b/people/19431.html
index dbef2ec3..7c572224 100644
--- a/people/19431.html
+++ b/people/19431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19432.html b/people/19432.html
index 79232b7d..afbd73d2 100644
--- a/people/19432.html
+++ b/people/19432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19433.html b/people/19433.html
index f16f9e1c..3c47a8ab 100644
--- a/people/19433.html
+++ b/people/19433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19434.html b/people/19434.html
index 35108d3b..7e6e7a8c 100644
--- a/people/19434.html
+++ b/people/19434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19435.html b/people/19435.html
index 06b00c2c..03b53a56 100644
--- a/people/19435.html
+++ b/people/19435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19436.html b/people/19436.html
index 99d498f8..7a3bea86 100644
--- a/people/19436.html
+++ b/people/19436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19437.html b/people/19437.html
index fcb2dd91..6ee2455f 100644
--- a/people/19437.html
+++ b/people/19437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19438.html b/people/19438.html
index 3d97dded..79cf8cd2 100644
--- a/people/19438.html
+++ b/people/19438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19439.html b/people/19439.html
index 83e467ea..4939df93 100644
--- a/people/19439.html
+++ b/people/19439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1944.html b/people/1944.html
index ea042cb8..3d21c579 100644
--- a/people/1944.html
+++ b/people/1944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19440.html b/people/19440.html
index 354b9212..9049ef78 100644
--- a/people/19440.html
+++ b/people/19440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19441.html b/people/19441.html
index d92a2750..a79dd6fb 100644
--- a/people/19441.html
+++ b/people/19441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19442.html b/people/19442.html
index a8ff649b..bf75c14d 100644
--- a/people/19442.html
+++ b/people/19442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19443.html b/people/19443.html
index 7d8ae634..928c0a77 100644
--- a/people/19443.html
+++ b/people/19443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19444.html b/people/19444.html
index 29a55d69..a770e9e1 100644
--- a/people/19444.html
+++ b/people/19444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19445.html b/people/19445.html
index 98f52015..2f909230 100644
--- a/people/19445.html
+++ b/people/19445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19446.html b/people/19446.html
index 1f323764..e241dd4a 100644
--- a/people/19446.html
+++ b/people/19446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19447.html b/people/19447.html
index 5796e20d..c310ed8d 100644
--- a/people/19447.html
+++ b/people/19447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19448.html b/people/19448.html
index 1587032c..df438482 100644
--- a/people/19448.html
+++ b/people/19448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19449.html b/people/19449.html
index 633ff477..8ae73b2e 100644
--- a/people/19449.html
+++ b/people/19449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1945.html b/people/1945.html
index 7d264a16..f49ff86c 100644
--- a/people/1945.html
+++ b/people/1945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19450.html b/people/19450.html
index c4b37ccc..61011e8f 100644
--- a/people/19450.html
+++ b/people/19450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19451.html b/people/19451.html
index 4e854ba9..7d512fa8 100644
--- a/people/19451.html
+++ b/people/19451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19452.html b/people/19452.html
index c5c4853c..c7d594cf 100644
--- a/people/19452.html
+++ b/people/19452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19453.html b/people/19453.html
index 9029b840..f32d4bc2 100644
--- a/people/19453.html
+++ b/people/19453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19454.html b/people/19454.html
index 8cfc14b0..8ac6ba2e 100644
--- a/people/19454.html
+++ b/people/19454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19455.html b/people/19455.html
index 60f5f72e..0c70a407 100644
--- a/people/19455.html
+++ b/people/19455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19456.html b/people/19456.html
index 1fd5083e..add61abf 100644
--- a/people/19456.html
+++ b/people/19456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19457.html b/people/19457.html
index 6a231c00..fe2ef227 100644
--- a/people/19457.html
+++ b/people/19457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19458.html b/people/19458.html
index 60a29f52..7a9f4b47 100644
--- a/people/19458.html
+++ b/people/19458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19459.html b/people/19459.html
index 4212d5a0..248c7919 100644
--- a/people/19459.html
+++ b/people/19459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1946.html b/people/1946.html
index f5da0263..9caeff08 100644
--- a/people/1946.html
+++ b/people/1946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19460.html b/people/19460.html
index a216cb57..df2e2326 100644
--- a/people/19460.html
+++ b/people/19460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19461.html b/people/19461.html
index d311c6eb..04b50cf4 100644
--- a/people/19461.html
+++ b/people/19461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19462.html b/people/19462.html
index 318c624e..b93e3a91 100644
--- a/people/19462.html
+++ b/people/19462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19463.html b/people/19463.html
index 83ba3f92..83e9807c 100644
--- a/people/19463.html
+++ b/people/19463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19464.html b/people/19464.html
index 80e97075..48532891 100644
--- a/people/19464.html
+++ b/people/19464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19465.html b/people/19465.html
index 11bfa39c..09ba6746 100644
--- a/people/19465.html
+++ b/people/19465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19466.html b/people/19466.html
index d70573cc..bc05cf81 100644
--- a/people/19466.html
+++ b/people/19466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19467.html b/people/19467.html
index d92fbd32..0f7b9df7 100644
--- a/people/19467.html
+++ b/people/19467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19468.html b/people/19468.html
index 5da44342..98771d39 100644
--- a/people/19468.html
+++ b/people/19468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19469.html b/people/19469.html
index 228bb8c6..2a3dd0c1 100644
--- a/people/19469.html
+++ b/people/19469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1947.html b/people/1947.html
index dd0719e4..e06ee5cf 100644
--- a/people/1947.html
+++ b/people/1947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19470.html b/people/19470.html
index 373e6344..63d97e03 100644
--- a/people/19470.html
+++ b/people/19470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19471.html b/people/19471.html
index 361b1db6..c0bf375e 100644
--- a/people/19471.html
+++ b/people/19471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19472.html b/people/19472.html
index 3b6c9a13..73d982a3 100644
--- a/people/19472.html
+++ b/people/19472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19473.html b/people/19473.html
index 6230c848..bc615596 100644
--- a/people/19473.html
+++ b/people/19473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19474.html b/people/19474.html
index 75c0f94b..2a21ec7c 100644
--- a/people/19474.html
+++ b/people/19474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19475.html b/people/19475.html
index d0fcb2bf..616a3481 100644
--- a/people/19475.html
+++ b/people/19475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19476.html b/people/19476.html
index 42750c02..7e2f8e7c 100644
--- a/people/19476.html
+++ b/people/19476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19477.html b/people/19477.html
index 99a4eb29..5362535a 100644
--- a/people/19477.html
+++ b/people/19477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19478.html b/people/19478.html
index 85847e16..d01f4274 100644
--- a/people/19478.html
+++ b/people/19478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19479.html b/people/19479.html
index 119f8640..5070eb76 100644
--- a/people/19479.html
+++ b/people/19479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1948.html b/people/1948.html
index 61a28025..760259c3 100644
--- a/people/1948.html
+++ b/people/1948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19480.html b/people/19480.html
index 67db3413..7bcffe11 100644
--- a/people/19480.html
+++ b/people/19480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19481.html b/people/19481.html
index 30190a91..32b6670d 100644
--- a/people/19481.html
+++ b/people/19481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19482.html b/people/19482.html
index fb4d98dc..c0b4f56c 100644
--- a/people/19482.html
+++ b/people/19482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19483.html b/people/19483.html
index 503b9d9f..af263fb4 100644
--- a/people/19483.html
+++ b/people/19483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19484.html b/people/19484.html
index 3b7a4583..7e0dfbaa 100644
--- a/people/19484.html
+++ b/people/19484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19485.html b/people/19485.html
index 425e3395..bcbd5b3e 100644
--- a/people/19485.html
+++ b/people/19485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19486.html b/people/19486.html
index 18d96d1a..20a1287e 100644
--- a/people/19486.html
+++ b/people/19486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19487.html b/people/19487.html
index 2d433b84..8674ec7c 100644
--- a/people/19487.html
+++ b/people/19487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19488.html b/people/19488.html
index 4115a349..835f0f7b 100644
--- a/people/19488.html
+++ b/people/19488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19489.html b/people/19489.html
index 10bc3e72..e553e5fd 100644
--- a/people/19489.html
+++ b/people/19489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1949.html b/people/1949.html
index 0be73d90..446700cd 100644
--- a/people/1949.html
+++ b/people/1949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19490.html b/people/19490.html
index ac375f9c..39230cb7 100644
--- a/people/19490.html
+++ b/people/19490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19491.html b/people/19491.html
index 7e945b5c..d726ee32 100644
--- a/people/19491.html
+++ b/people/19491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19492.html b/people/19492.html
index aac3670e..dc2b3010 100644
--- a/people/19492.html
+++ b/people/19492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19493.html b/people/19493.html
index d9b4b09c..31a094fe 100644
--- a/people/19493.html
+++ b/people/19493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19494.html b/people/19494.html
index 42c14500..f40bdab7 100644
--- a/people/19494.html
+++ b/people/19494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19495.html b/people/19495.html
index ea955b35..f7d1b912 100644
--- a/people/19495.html
+++ b/people/19495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19496.html b/people/19496.html
index 3344fe54..76078162 100644
--- a/people/19496.html
+++ b/people/19496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19497.html b/people/19497.html
index 8ec7b9f5..30675cf5 100644
--- a/people/19497.html
+++ b/people/19497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19498.html b/people/19498.html
index 2f0a8d6a..b54b2850 100644
--- a/people/19498.html
+++ b/people/19498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19499.html b/people/19499.html
index eb75b25c..c4a8e853 100644
--- a/people/19499.html
+++ b/people/19499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/195.html b/people/195.html
index e4dd9c33..99dbec9f 100644
--- a/people/195.html
+++ b/people/195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1950.html b/people/1950.html
index 6dd815df..40e501a1 100644
--- a/people/1950.html
+++ b/people/1950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19500.html b/people/19500.html
index 84919aae..a0eef83e 100644
--- a/people/19500.html
+++ b/people/19500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19501.html b/people/19501.html
index 499ff60f..15b9689a 100644
--- a/people/19501.html
+++ b/people/19501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19502.html b/people/19502.html
index ebfd2783..50383c1a 100644
--- a/people/19502.html
+++ b/people/19502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19503.html b/people/19503.html
index b3f1b849..90d031dd 100644
--- a/people/19503.html
+++ b/people/19503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19504.html b/people/19504.html
index 91a456ef..ed4d6379 100644
--- a/people/19504.html
+++ b/people/19504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19505.html b/people/19505.html
index 4fca061d..01b4bae6 100644
--- a/people/19505.html
+++ b/people/19505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19506.html b/people/19506.html
index f0948a44..f3c58ad3 100644
--- a/people/19506.html
+++ b/people/19506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19507.html b/people/19507.html
index cade4ed0..29e3d665 100644
--- a/people/19507.html
+++ b/people/19507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19508.html b/people/19508.html
index 0488fb5f..51e6fb4a 100644
--- a/people/19508.html
+++ b/people/19508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19509.html b/people/19509.html
index e164c0d7..02b66752 100644
--- a/people/19509.html
+++ b/people/19509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1951.html b/people/1951.html
index f58c4a81..8b0fab87 100644
--- a/people/1951.html
+++ b/people/1951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19510.html b/people/19510.html
index a65b77c7..98b7e1f5 100644
--- a/people/19510.html
+++ b/people/19510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19511.html b/people/19511.html
index 0c8b7e61..8701ca59 100644
--- a/people/19511.html
+++ b/people/19511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19512.html b/people/19512.html
index 19b1c357..a884ef53 100644
--- a/people/19512.html
+++ b/people/19512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19513.html b/people/19513.html
index 2a6f076f..0dbe5245 100644
--- a/people/19513.html
+++ b/people/19513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19514.html b/people/19514.html
index a3d16b38..4314f8e2 100644
--- a/people/19514.html
+++ b/people/19514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19515.html b/people/19515.html
index 9daf7295..6e739d85 100644
--- a/people/19515.html
+++ b/people/19515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19516.html b/people/19516.html
index 7744ec37..be9bd2c3 100644
--- a/people/19516.html
+++ b/people/19516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19517.html b/people/19517.html
index 520ee0be..0b86663a 100644
--- a/people/19517.html
+++ b/people/19517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19518.html b/people/19518.html
index fea4b5b3..d2d62018 100644
--- a/people/19518.html
+++ b/people/19518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19519.html b/people/19519.html
index d7595ff3..33052dd0 100644
--- a/people/19519.html
+++ b/people/19519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1952.html b/people/1952.html
index 98399718..20441a95 100644
--- a/people/1952.html
+++ b/people/1952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19520.html b/people/19520.html
index da3c1741..e25e936c 100644
--- a/people/19520.html
+++ b/people/19520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19521.html b/people/19521.html
index 1dbc46d9..67f9dc63 100644
--- a/people/19521.html
+++ b/people/19521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19522.html b/people/19522.html
index 3d68e01c..3280f37c 100644
--- a/people/19522.html
+++ b/people/19522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19523.html b/people/19523.html
index 089bbdb6..0c9fc8d8 100644
--- a/people/19523.html
+++ b/people/19523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19524.html b/people/19524.html
index 2f0d15a6..37a9d4b2 100644
--- a/people/19524.html
+++ b/people/19524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19525.html b/people/19525.html
index fb0c7c37..8d31bfc8 100644
--- a/people/19525.html
+++ b/people/19525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19526.html b/people/19526.html
index b8773578..ec053427 100644
--- a/people/19526.html
+++ b/people/19526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19527.html b/people/19527.html
index 3566cea3..66c872c2 100644
--- a/people/19527.html
+++ b/people/19527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19528.html b/people/19528.html
index 967de196..4acc8a39 100644
--- a/people/19528.html
+++ b/people/19528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19529.html b/people/19529.html
index 31d97b32..d5bf3282 100644
--- a/people/19529.html
+++ b/people/19529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1953.html b/people/1953.html
index 8d4f5a60..5bcc5a24 100644
--- a/people/1953.html
+++ b/people/1953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19530.html b/people/19530.html
index a56db529..35fa56f0 100644
--- a/people/19530.html
+++ b/people/19530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19531.html b/people/19531.html
index b448d9bd..a599e13a 100644
--- a/people/19531.html
+++ b/people/19531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19532.html b/people/19532.html
index 9425e389..e03edbe3 100644
--- a/people/19532.html
+++ b/people/19532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19533.html b/people/19533.html
index 58ef50fa..42b60713 100644
--- a/people/19533.html
+++ b/people/19533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19534.html b/people/19534.html
index 1d2f4bc9..3c8c7f24 100644
--- a/people/19534.html
+++ b/people/19534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19535.html b/people/19535.html
index 8b152c26..30ff0d94 100644
--- a/people/19535.html
+++ b/people/19535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19536.html b/people/19536.html
index ae1d46d5..9e974d60 100644
--- a/people/19536.html
+++ b/people/19536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19537.html b/people/19537.html
index d1576c8a..378a5d5a 100644
--- a/people/19537.html
+++ b/people/19537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19538.html b/people/19538.html
index 45467ce2..0f787931 100644
--- a/people/19538.html
+++ b/people/19538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19539.html b/people/19539.html
index c0c36022..31ad58d8 100644
--- a/people/19539.html
+++ b/people/19539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1954.html b/people/1954.html
index cbbe94dc..0d789d74 100644
--- a/people/1954.html
+++ b/people/1954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19540.html b/people/19540.html
index d5a60ddf..5c505d48 100644
--- a/people/19540.html
+++ b/people/19540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19541.html b/people/19541.html
index 80579d91..e00a8e4b 100644
--- a/people/19541.html
+++ b/people/19541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19542.html b/people/19542.html
index 8d7e08f8..455bad97 100644
--- a/people/19542.html
+++ b/people/19542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19543.html b/people/19543.html
index b6afa84a..87dc35c6 100644
--- a/people/19543.html
+++ b/people/19543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19544.html b/people/19544.html
index 853b1017..b3a5a09b 100644
--- a/people/19544.html
+++ b/people/19544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19545.html b/people/19545.html
index 4f0ac31c..66589c7f 100644
--- a/people/19545.html
+++ b/people/19545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19546.html b/people/19546.html
index fe9e9257..f0df45bb 100644
--- a/people/19546.html
+++ b/people/19546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19547.html b/people/19547.html
index 8e0ef9f2..0329c524 100644
--- a/people/19547.html
+++ b/people/19547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19548.html b/people/19548.html
index 259bfbbb..91a7d9d0 100644
--- a/people/19548.html
+++ b/people/19548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19549.html b/people/19549.html
index 4409e9f3..a5339534 100644
--- a/people/19549.html
+++ b/people/19549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1955.html b/people/1955.html
index 768e5296..72123ca5 100644
--- a/people/1955.html
+++ b/people/1955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19550.html b/people/19550.html
index 8f37136d..82175542 100644
--- a/people/19550.html
+++ b/people/19550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19551.html b/people/19551.html
index c74c7d5d..0452b104 100644
--- a/people/19551.html
+++ b/people/19551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19552.html b/people/19552.html
index fecca47d..7e7daf1a 100644
--- a/people/19552.html
+++ b/people/19552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19553.html b/people/19553.html
index 67cb94fa..69141edc 100644
--- a/people/19553.html
+++ b/people/19553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19554.html b/people/19554.html
index 8015e0d2..60f210dd 100644
--- a/people/19554.html
+++ b/people/19554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19555.html b/people/19555.html
index ae6ffbac..a00cf0c4 100644
--- a/people/19555.html
+++ b/people/19555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19556.html b/people/19556.html
index 0666ae37..66db4878 100644
--- a/people/19556.html
+++ b/people/19556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19557.html b/people/19557.html
index aceb2b14..4df62531 100644
--- a/people/19557.html
+++ b/people/19557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19558.html b/people/19558.html
index d53ea468..5ff88811 100644
--- a/people/19558.html
+++ b/people/19558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19559.html b/people/19559.html
index d227048c..da4df178 100644
--- a/people/19559.html
+++ b/people/19559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1956.html b/people/1956.html
index 4d2ef6d3..96d42acf 100644
--- a/people/1956.html
+++ b/people/1956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19560.html b/people/19560.html
index fc383c79..faae7495 100644
--- a/people/19560.html
+++ b/people/19560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19561.html b/people/19561.html
index 877e2c7d..272c3202 100644
--- a/people/19561.html
+++ b/people/19561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19562.html b/people/19562.html
index 36eeb002..b2f996bd 100644
--- a/people/19562.html
+++ b/people/19562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19563.html b/people/19563.html
index c77774c6..91d6ed3e 100644
--- a/people/19563.html
+++ b/people/19563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19564.html b/people/19564.html
index a8b0738b..0c26e3f9 100644
--- a/people/19564.html
+++ b/people/19564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19565.html b/people/19565.html
index 26a1ba99..9378930f 100644
--- a/people/19565.html
+++ b/people/19565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19566.html b/people/19566.html
index 17a1d715..02bbf161 100644
--- a/people/19566.html
+++ b/people/19566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19567.html b/people/19567.html
index 9fa5b16e..d599e5a8 100644
--- a/people/19567.html
+++ b/people/19567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19568.html b/people/19568.html
index 9aa2c690..071c08e0 100644
--- a/people/19568.html
+++ b/people/19568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19569.html b/people/19569.html
index 5037d406..71001ace 100644
--- a/people/19569.html
+++ b/people/19569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1957.html b/people/1957.html
index 5e4b0abf..27354f15 100644
--- a/people/1957.html
+++ b/people/1957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19570.html b/people/19570.html
index 7c59f16f..e200d781 100644
--- a/people/19570.html
+++ b/people/19570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19571.html b/people/19571.html
index 795e54f0..8b998a83 100644
--- a/people/19571.html
+++ b/people/19571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19572.html b/people/19572.html
index bd8d6a0b..56547fae 100644
--- a/people/19572.html
+++ b/people/19572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19573.html b/people/19573.html
index a69985fa..01d687cd 100644
--- a/people/19573.html
+++ b/people/19573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19574.html b/people/19574.html
index 60860b50..eae1f8ab 100644
--- a/people/19574.html
+++ b/people/19574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19575.html b/people/19575.html
index 2b862d2a..5e608894 100644
--- a/people/19575.html
+++ b/people/19575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19576.html b/people/19576.html
index f8c7f019..13b3ee60 100644
--- a/people/19576.html
+++ b/people/19576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19577.html b/people/19577.html
index afe6a37a..7d2a29d7 100644
--- a/people/19577.html
+++ b/people/19577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19578.html b/people/19578.html
index e57bf575..3d6b54c5 100644
--- a/people/19578.html
+++ b/people/19578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19579.html b/people/19579.html
index 390fd83e..4939c207 100644
--- a/people/19579.html
+++ b/people/19579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1958.html b/people/1958.html
index 77be2c46..4431e316 100644
--- a/people/1958.html
+++ b/people/1958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19580.html b/people/19580.html
index 1f28227b..8c9bd971 100644
--- a/people/19580.html
+++ b/people/19580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19581.html b/people/19581.html
index 8bef0f57..11b1a7e4 100644
--- a/people/19581.html
+++ b/people/19581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19582.html b/people/19582.html
index acab7e5c..a8f7b0c3 100644
--- a/people/19582.html
+++ b/people/19582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19583.html b/people/19583.html
index 2f7e5499..ba70d393 100644
--- a/people/19583.html
+++ b/people/19583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19584.html b/people/19584.html
index 84dacbdf..b27d44a1 100644
--- a/people/19584.html
+++ b/people/19584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19585.html b/people/19585.html
index 4d2e33ba..dfd6d0ab 100644
--- a/people/19585.html
+++ b/people/19585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19586.html b/people/19586.html
index 4d23c231..505d6e5c 100644
--- a/people/19586.html
+++ b/people/19586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19587.html b/people/19587.html
index de574ba8..bf4063b6 100644
--- a/people/19587.html
+++ b/people/19587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19588.html b/people/19588.html
index c37d5701..1e7af2f7 100644
--- a/people/19588.html
+++ b/people/19588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19589.html b/people/19589.html
index 6da6da30..9fbd8e33 100644
--- a/people/19589.html
+++ b/people/19589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1959.html b/people/1959.html
index 9f8ccfbb..4a1e686a 100644
--- a/people/1959.html
+++ b/people/1959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19590.html b/people/19590.html
index ef758e1a..eaf3a7ea 100644
--- a/people/19590.html
+++ b/people/19590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19591.html b/people/19591.html
index 26943555..f151c4ee 100644
--- a/people/19591.html
+++ b/people/19591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19592.html b/people/19592.html
index 38f6c755..019c11d0 100644
--- a/people/19592.html
+++ b/people/19592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19593.html b/people/19593.html
index 873fc063..7a33864d 100644
--- a/people/19593.html
+++ b/people/19593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19594.html b/people/19594.html
index 9dd51d8d..e9fb0be4 100644
--- a/people/19594.html
+++ b/people/19594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19595.html b/people/19595.html
index f17b1ec8..02604958 100644
--- a/people/19595.html
+++ b/people/19595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19596.html b/people/19596.html
index a1b20695..222e6968 100644
--- a/people/19596.html
+++ b/people/19596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19597.html b/people/19597.html
index b6f199cd..3a53203c 100644
--- a/people/19597.html
+++ b/people/19597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19598.html b/people/19598.html
index 96b8a8e9..f385d81e 100644
--- a/people/19598.html
+++ b/people/19598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19599.html b/people/19599.html
index 6b7edc28..100f3a3e 100644
--- a/people/19599.html
+++ b/people/19599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/196.html b/people/196.html
index 4e4e73e9..f2170db4 100644
--- a/people/196.html
+++ b/people/196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1960.html b/people/1960.html
index 3081e466..46277c97 100644
--- a/people/1960.html
+++ b/people/1960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19600.html b/people/19600.html
index b95abd9b..c0a770b8 100644
--- a/people/19600.html
+++ b/people/19600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19601.html b/people/19601.html
index 3c3e4f05..4b7374ea 100644
--- a/people/19601.html
+++ b/people/19601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19602.html b/people/19602.html
index 8ae79f1c..58906d93 100644
--- a/people/19602.html
+++ b/people/19602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19603.html b/people/19603.html
index 5773750a..ca6281a7 100644
--- a/people/19603.html
+++ b/people/19603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19604.html b/people/19604.html
index 910a8bee..ed6eaf8e 100644
--- a/people/19604.html
+++ b/people/19604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19605.html b/people/19605.html
index 69c158cc..87038ef5 100644
--- a/people/19605.html
+++ b/people/19605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19606.html b/people/19606.html
index 6bdf980a..7faa8e6b 100644
--- a/people/19606.html
+++ b/people/19606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19607.html b/people/19607.html
index 90b7c28d..15fa5862 100644
--- a/people/19607.html
+++ b/people/19607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19608.html b/people/19608.html
index bc2918a1..df4456ff 100644
--- a/people/19608.html
+++ b/people/19608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19609.html b/people/19609.html
index 5b4d9c49..ef312049 100644
--- a/people/19609.html
+++ b/people/19609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1961.html b/people/1961.html
index 0680640f..2c3c47e2 100644
--- a/people/1961.html
+++ b/people/1961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19610.html b/people/19610.html
index e2082ced..7d7b2fe6 100644
--- a/people/19610.html
+++ b/people/19610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19611.html b/people/19611.html
index efe5d603..0b7cea59 100644
--- a/people/19611.html
+++ b/people/19611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19612.html b/people/19612.html
index 20d06b2b..abcc8b7f 100644
--- a/people/19612.html
+++ b/people/19612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19613.html b/people/19613.html
index e3132450..e919b4d3 100644
--- a/people/19613.html
+++ b/people/19613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19614.html b/people/19614.html
index 243402dc..dfdd3f29 100644
--- a/people/19614.html
+++ b/people/19614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19615.html b/people/19615.html
index a1935bf9..71dc50d3 100644
--- a/people/19615.html
+++ b/people/19615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19616.html b/people/19616.html
index 9c0576f1..93513da9 100644
--- a/people/19616.html
+++ b/people/19616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19617.html b/people/19617.html
index 54c5ba6d..2e17a5c6 100644
--- a/people/19617.html
+++ b/people/19617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19618.html b/people/19618.html
index 4c543031..2d23c4d2 100644
--- a/people/19618.html
+++ b/people/19618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19619.html b/people/19619.html
index 0f6e7cc3..4f32f8c1 100644
--- a/people/19619.html
+++ b/people/19619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1962.html b/people/1962.html
index 3cbb26e8..06a4152b 100644
--- a/people/1962.html
+++ b/people/1962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19620.html b/people/19620.html
index 12d408df..8d81dff7 100644
--- a/people/19620.html
+++ b/people/19620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19621.html b/people/19621.html
index bccdd6d7..9aaeb38c 100644
--- a/people/19621.html
+++ b/people/19621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19622.html b/people/19622.html
index 91c9d5f1..1ff671c6 100644
--- a/people/19622.html
+++ b/people/19622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19623.html b/people/19623.html
index 8b4481e6..8b8de5ad 100644
--- a/people/19623.html
+++ b/people/19623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19624.html b/people/19624.html
index 6008396a..aa6f8a2f 100644
--- a/people/19624.html
+++ b/people/19624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19625.html b/people/19625.html
index fd9d5221..4f91888b 100644
--- a/people/19625.html
+++ b/people/19625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19626.html b/people/19626.html
index dacfb3bd..2061d2e7 100644
--- a/people/19626.html
+++ b/people/19626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19627.html b/people/19627.html
index 5638e408..8727f090 100644
--- a/people/19627.html
+++ b/people/19627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19628.html b/people/19628.html
index 8d79c08c..665274ae 100644
--- a/people/19628.html
+++ b/people/19628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19629.html b/people/19629.html
index e7860845..e3c91dd4 100644
--- a/people/19629.html
+++ b/people/19629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1963.html b/people/1963.html
index 06c3972c..9baccdf7 100644
--- a/people/1963.html
+++ b/people/1963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19630.html b/people/19630.html
index 06b00563..87015d26 100644
--- a/people/19630.html
+++ b/people/19630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19631.html b/people/19631.html
index a7b82d64..9a7d8c08 100644
--- a/people/19631.html
+++ b/people/19631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19632.html b/people/19632.html
index 1f600869..250cc08d 100644
--- a/people/19632.html
+++ b/people/19632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19633.html b/people/19633.html
index 998f20eb..90b58293 100644
--- a/people/19633.html
+++ b/people/19633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19634.html b/people/19634.html
index b44e7afc..3d0e9005 100644
--- a/people/19634.html
+++ b/people/19634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19635.html b/people/19635.html
index 19a3e36d..1ac88692 100644
--- a/people/19635.html
+++ b/people/19635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19636.html b/people/19636.html
index 13988142..3303e5ff 100644
--- a/people/19636.html
+++ b/people/19636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19637.html b/people/19637.html
index 741822c8..248f9813 100644
--- a/people/19637.html
+++ b/people/19637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19638.html b/people/19638.html
index 7c0d3033..1d372534 100644
--- a/people/19638.html
+++ b/people/19638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19639.html b/people/19639.html
index b3a5f1ad..f30879b3 100644
--- a/people/19639.html
+++ b/people/19639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1964.html b/people/1964.html
index 145809c0..77d6df36 100644
--- a/people/1964.html
+++ b/people/1964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19640.html b/people/19640.html
index a4e5054e..9459dcd0 100644
--- a/people/19640.html
+++ b/people/19640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19641.html b/people/19641.html
index 61fa4a84..95d679c3 100644
--- a/people/19641.html
+++ b/people/19641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19642.html b/people/19642.html
index 82feee8e..28e65ed0 100644
--- a/people/19642.html
+++ b/people/19642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19643.html b/people/19643.html
index 7cad11b5..c28643e2 100644
--- a/people/19643.html
+++ b/people/19643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19644.html b/people/19644.html
index 508e135a..546231d2 100644
--- a/people/19644.html
+++ b/people/19644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19645.html b/people/19645.html
index 54a052f0..cb5e44fa 100644
--- a/people/19645.html
+++ b/people/19645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19646.html b/people/19646.html
index 6326958a..78148507 100644
--- a/people/19646.html
+++ b/people/19646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19647.html b/people/19647.html
index 86433ea8..48677928 100644
--- a/people/19647.html
+++ b/people/19647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19648.html b/people/19648.html
index 350958ba..0ea274a9 100644
--- a/people/19648.html
+++ b/people/19648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19649.html b/people/19649.html
index f2dde64f..da7f9ff4 100644
--- a/people/19649.html
+++ b/people/19649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1965.html b/people/1965.html
index 5b44d3a1..4b4af77a 100644
--- a/people/1965.html
+++ b/people/1965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19650.html b/people/19650.html
index f194dff0..492f1134 100644
--- a/people/19650.html
+++ b/people/19650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19651.html b/people/19651.html
index 349bff1e..e79d5064 100644
--- a/people/19651.html
+++ b/people/19651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19652.html b/people/19652.html
index 2a15be5b..291ad3e7 100644
--- a/people/19652.html
+++ b/people/19652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19653.html b/people/19653.html
index c4082cbd..493c7a0d 100644
--- a/people/19653.html
+++ b/people/19653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19654.html b/people/19654.html
index 7abac363..50633668 100644
--- a/people/19654.html
+++ b/people/19654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19655.html b/people/19655.html
index c92bb70e..7a6530c4 100644
--- a/people/19655.html
+++ b/people/19655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19656.html b/people/19656.html
index d28485ff..d82472b3 100644
--- a/people/19656.html
+++ b/people/19656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19657.html b/people/19657.html
index 972be40b..f7b7d7a7 100644
--- a/people/19657.html
+++ b/people/19657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19658.html b/people/19658.html
index 44b872ba..1c8cc972 100644
--- a/people/19658.html
+++ b/people/19658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19659.html b/people/19659.html
index b254b1d4..806d77e6 100644
--- a/people/19659.html
+++ b/people/19659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1966.html b/people/1966.html
index e28ab5b9..38662692 100644
--- a/people/1966.html
+++ b/people/1966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19660.html b/people/19660.html
index 06b3aedd..68846894 100644
--- a/people/19660.html
+++ b/people/19660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19661.html b/people/19661.html
index 31fee475..c4569324 100644
--- a/people/19661.html
+++ b/people/19661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19662.html b/people/19662.html
index 0a75cf63..a77ab5d1 100644
--- a/people/19662.html
+++ b/people/19662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19663.html b/people/19663.html
index 2149978f..01e22251 100644
--- a/people/19663.html
+++ b/people/19663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19664.html b/people/19664.html
index 1266972e..cc5c54b3 100644
--- a/people/19664.html
+++ b/people/19664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19665.html b/people/19665.html
index d5f7c462..1ac2b71f 100644
--- a/people/19665.html
+++ b/people/19665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19666.html b/people/19666.html
index 7ae79959..076f7fc6 100644
--- a/people/19666.html
+++ b/people/19666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19667.html b/people/19667.html
index 11fa1a46..6885d375 100644
--- a/people/19667.html
+++ b/people/19667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19668.html b/people/19668.html
index 6ac521e5..bda9955a 100644
--- a/people/19668.html
+++ b/people/19668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19669.html b/people/19669.html
index 0829a931..ec1bb269 100644
--- a/people/19669.html
+++ b/people/19669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1967.html b/people/1967.html
index 9c7bb1fd..5a888da2 100644
--- a/people/1967.html
+++ b/people/1967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19670.html b/people/19670.html
index ee08c3e8..4bb10937 100644
--- a/people/19670.html
+++ b/people/19670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19671.html b/people/19671.html
index f9650546..da696c04 100644
--- a/people/19671.html
+++ b/people/19671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19672.html b/people/19672.html
index d11bdb59..42a16539 100644
--- a/people/19672.html
+++ b/people/19672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19673.html b/people/19673.html
index 4377539c..e8875115 100644
--- a/people/19673.html
+++ b/people/19673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19674.html b/people/19674.html
index 117a025c..fee415fb 100644
--- a/people/19674.html
+++ b/people/19674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19675.html b/people/19675.html
index a340cbf8..523e551a 100644
--- a/people/19675.html
+++ b/people/19675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19676.html b/people/19676.html
index 0b128587..26fa802e 100644
--- a/people/19676.html
+++ b/people/19676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19677.html b/people/19677.html
index a46360fa..798caf57 100644
--- a/people/19677.html
+++ b/people/19677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19678.html b/people/19678.html
index fdedfc38..b2826323 100644
--- a/people/19678.html
+++ b/people/19678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19679.html b/people/19679.html
index e33d76b7..ad1fc7d3 100644
--- a/people/19679.html
+++ b/people/19679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1968.html b/people/1968.html
index fb57e5ee..02869095 100644
--- a/people/1968.html
+++ b/people/1968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19680.html b/people/19680.html
index 2045ec0e..7fd7428f 100644
--- a/people/19680.html
+++ b/people/19680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19681.html b/people/19681.html
index f58bb461..8f6e397e 100644
--- a/people/19681.html
+++ b/people/19681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19682.html b/people/19682.html
index a4590346..03f1f84b 100644
--- a/people/19682.html
+++ b/people/19682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19683.html b/people/19683.html
index d925439c..c51f8ab1 100644
--- a/people/19683.html
+++ b/people/19683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19684.html b/people/19684.html
index bd5f1642..691b8ac4 100644
--- a/people/19684.html
+++ b/people/19684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19685.html b/people/19685.html
index 4e2bd8ef..1f9e9daa 100644
--- a/people/19685.html
+++ b/people/19685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19686.html b/people/19686.html
index 78bcf73e..b6d3ac95 100644
--- a/people/19686.html
+++ b/people/19686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19687.html b/people/19687.html
index c63685c5..662c85a4 100644
--- a/people/19687.html
+++ b/people/19687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19688.html b/people/19688.html
index 2a3ef28a..a1c1d55d 100644
--- a/people/19688.html
+++ b/people/19688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19689.html b/people/19689.html
index 7125c507..33b5543a 100644
--- a/people/19689.html
+++ b/people/19689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1969.html b/people/1969.html
index 0e95bf43..fe94475f 100644
--- a/people/1969.html
+++ b/people/1969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19690.html b/people/19690.html
index 833da186..a09969f2 100644
--- a/people/19690.html
+++ b/people/19690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19691.html b/people/19691.html
index 0f1f0981..da2b81f2 100644
--- a/people/19691.html
+++ b/people/19691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19692.html b/people/19692.html
index bf6250db..1d040272 100644
--- a/people/19692.html
+++ b/people/19692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19693.html b/people/19693.html
index 45d518a9..21ae42d8 100644
--- a/people/19693.html
+++ b/people/19693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19694.html b/people/19694.html
index 8c35a08c..414ecb34 100644
--- a/people/19694.html
+++ b/people/19694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19695.html b/people/19695.html
index 0529b3e1..8acb880e 100644
--- a/people/19695.html
+++ b/people/19695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19696.html b/people/19696.html
index 39730e84..026f6618 100644
--- a/people/19696.html
+++ b/people/19696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19697.html b/people/19697.html
index 058de1df..4425b4e3 100644
--- a/people/19697.html
+++ b/people/19697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19698.html b/people/19698.html
index 30142463..24c103db 100644
--- a/people/19698.html
+++ b/people/19698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19699.html b/people/19699.html
index 15b2202c..57905f76 100644
--- a/people/19699.html
+++ b/people/19699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/197.html b/people/197.html
index 0a135a8b..70041ed0 100644
--- a/people/197.html
+++ b/people/197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1970.html b/people/1970.html
index 3b16d94c..f3d2c056 100644
--- a/people/1970.html
+++ b/people/1970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19700.html b/people/19700.html
index 3907c194..c85bd637 100644
--- a/people/19700.html
+++ b/people/19700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19701.html b/people/19701.html
index 85ba1308..c4080727 100644
--- a/people/19701.html
+++ b/people/19701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19702.html b/people/19702.html
index cc05349a..e441dbb9 100644
--- a/people/19702.html
+++ b/people/19702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19703.html b/people/19703.html
index 8a33d913..4c4aff17 100644
--- a/people/19703.html
+++ b/people/19703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19704.html b/people/19704.html
index 7c2dc6a9..15e23563 100644
--- a/people/19704.html
+++ b/people/19704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19705.html b/people/19705.html
index b4ee2d6f..045b9c30 100644
--- a/people/19705.html
+++ b/people/19705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19706.html b/people/19706.html
index 872e0f83..604c1325 100644
--- a/people/19706.html
+++ b/people/19706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19707.html b/people/19707.html
index aabe8086..33eb99e3 100644
--- a/people/19707.html
+++ b/people/19707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19708.html b/people/19708.html
index c495bea6..3cdd778d 100644
--- a/people/19708.html
+++ b/people/19708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19709.html b/people/19709.html
index 90bb3379..bb73d8f5 100644
--- a/people/19709.html
+++ b/people/19709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1971.html b/people/1971.html
index a304dc29..885dfe36 100644
--- a/people/1971.html
+++ b/people/1971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19710.html b/people/19710.html
index 8d20c1c2..2c74fe11 100644
--- a/people/19710.html
+++ b/people/19710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19711.html b/people/19711.html
index 6a848e59..3ec73d45 100644
--- a/people/19711.html
+++ b/people/19711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19712.html b/people/19712.html
index 3f3859a3..6fcb589f 100644
--- a/people/19712.html
+++ b/people/19712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19713.html b/people/19713.html
index 5aba8dc2..8d1f4c8d 100644
--- a/people/19713.html
+++ b/people/19713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19714.html b/people/19714.html
index 3526bb26..b9644819 100644
--- a/people/19714.html
+++ b/people/19714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19715.html b/people/19715.html
index 597a8463..33992281 100644
--- a/people/19715.html
+++ b/people/19715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19716.html b/people/19716.html
index 13f8c3ce..94a08f7a 100644
--- a/people/19716.html
+++ b/people/19716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19717.html b/people/19717.html
index f41944a2..ea7d896e 100644
--- a/people/19717.html
+++ b/people/19717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19718.html b/people/19718.html
index a72fa9e5..6fe5acad 100644
--- a/people/19718.html
+++ b/people/19718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19719.html b/people/19719.html
index c1a4494f..7dfb60ec 100644
--- a/people/19719.html
+++ b/people/19719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1972.html b/people/1972.html
index 003ad80d..b2ce30cc 100644
--- a/people/1972.html
+++ b/people/1972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19720.html b/people/19720.html
index f896e00b..a3e3eb51 100644
--- a/people/19720.html
+++ b/people/19720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19721.html b/people/19721.html
index 20b65f33..93517226 100644
--- a/people/19721.html
+++ b/people/19721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19722.html b/people/19722.html
index 3262b4f7..9cc0dea5 100644
--- a/people/19722.html
+++ b/people/19722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19723.html b/people/19723.html
index f5569886..86099efd 100644
--- a/people/19723.html
+++ b/people/19723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19724.html b/people/19724.html
index d24edfe0..1c0169e8 100644
--- a/people/19724.html
+++ b/people/19724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19725.html b/people/19725.html
index 04099216..5f4446c5 100644
--- a/people/19725.html
+++ b/people/19725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19726.html b/people/19726.html
index 4cdf5a45..6c768195 100644
--- a/people/19726.html
+++ b/people/19726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19727.html b/people/19727.html
index ce7c8058..b507e885 100644
--- a/people/19727.html
+++ b/people/19727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19728.html b/people/19728.html
index 7c84802f..ac8095d1 100644
--- a/people/19728.html
+++ b/people/19728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19729.html b/people/19729.html
index d2120876..3a16135a 100644
--- a/people/19729.html
+++ b/people/19729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1973.html b/people/1973.html
index 5bf68a99..f8aa54a5 100644
--- a/people/1973.html
+++ b/people/1973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19730.html b/people/19730.html
index fe437c18..a848b370 100644
--- a/people/19730.html
+++ b/people/19730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19731.html b/people/19731.html
index 5f3e165a..a176dfc3 100644
--- a/people/19731.html
+++ b/people/19731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19732.html b/people/19732.html
index 9a3400bd..d7609263 100644
--- a/people/19732.html
+++ b/people/19732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19733.html b/people/19733.html
index 15c2a6de..aeb8c353 100644
--- a/people/19733.html
+++ b/people/19733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19734.html b/people/19734.html
index e095c763..9dee6e55 100644
--- a/people/19734.html
+++ b/people/19734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19735.html b/people/19735.html
index e7f5e304..f91138fd 100644
--- a/people/19735.html
+++ b/people/19735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19736.html b/people/19736.html
index aa48b040..df8030e2 100644
--- a/people/19736.html
+++ b/people/19736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19737.html b/people/19737.html
index 7e064bda..a427d72a 100644
--- a/people/19737.html
+++ b/people/19737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19738.html b/people/19738.html
index be2b2244..bc68b755 100644
--- a/people/19738.html
+++ b/people/19738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19739.html b/people/19739.html
index 6123a798..ac7aeb4c 100644
--- a/people/19739.html
+++ b/people/19739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1974.html b/people/1974.html
index 1b8e2c17..9c1aa968 100644
--- a/people/1974.html
+++ b/people/1974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19740.html b/people/19740.html
index c5f0c7f6..ccdb90d6 100644
--- a/people/19740.html
+++ b/people/19740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19741.html b/people/19741.html
index e3188324..44b775f1 100644
--- a/people/19741.html
+++ b/people/19741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19742.html b/people/19742.html
index f0b3261e..32be6972 100644
--- a/people/19742.html
+++ b/people/19742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19743.html b/people/19743.html
index f0e44f0b..70afd7ff 100644
--- a/people/19743.html
+++ b/people/19743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19744.html b/people/19744.html
index 0075ca3e..f6e4e849 100644
--- a/people/19744.html
+++ b/people/19744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19745.html b/people/19745.html
index 24ceae73..37689e78 100644
--- a/people/19745.html
+++ b/people/19745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19746.html b/people/19746.html
index 4d2c6eea..7a4dd940 100644
--- a/people/19746.html
+++ b/people/19746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19747.html b/people/19747.html
index b7d0f047..30f97da2 100644
--- a/people/19747.html
+++ b/people/19747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19748.html b/people/19748.html
index 3a5ddef3..ce7db588 100644
--- a/people/19748.html
+++ b/people/19748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19749.html b/people/19749.html
index 561cbea2..f56bd741 100644
--- a/people/19749.html
+++ b/people/19749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1975.html b/people/1975.html
index 021f62ea..026244ca 100644
--- a/people/1975.html
+++ b/people/1975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19750.html b/people/19750.html
index e9473649..5026cf88 100644
--- a/people/19750.html
+++ b/people/19750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19751.html b/people/19751.html
index 66438df4..7eebdd88 100644
--- a/people/19751.html
+++ b/people/19751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19752.html b/people/19752.html
index f9b4cd3f..1564628f 100644
--- a/people/19752.html
+++ b/people/19752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19753.html b/people/19753.html
index b66a26a9..d6b39c78 100644
--- a/people/19753.html
+++ b/people/19753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19754.html b/people/19754.html
index 711082d1..31acc6f3 100644
--- a/people/19754.html
+++ b/people/19754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19755.html b/people/19755.html
index e1ee5007..74a0cbd7 100644
--- a/people/19755.html
+++ b/people/19755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19756.html b/people/19756.html
index c2795541..2c62cb56 100644
--- a/people/19756.html
+++ b/people/19756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19757.html b/people/19757.html
index 2f0b4804..3c1d5713 100644
--- a/people/19757.html
+++ b/people/19757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19758.html b/people/19758.html
index de696dac..b61e2df8 100644
--- a/people/19758.html
+++ b/people/19758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19759.html b/people/19759.html
index 4bdffc47..510ad2a9 100644
--- a/people/19759.html
+++ b/people/19759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1976.html b/people/1976.html
index a5d0a559..958330ba 100644
--- a/people/1976.html
+++ b/people/1976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19760.html b/people/19760.html
index aa0e1226..72f63c96 100644
--- a/people/19760.html
+++ b/people/19760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19761.html b/people/19761.html
index 883ed99d..448fab4f 100644
--- a/people/19761.html
+++ b/people/19761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19762.html b/people/19762.html
index 3f95113c..3005195a 100644
--- a/people/19762.html
+++ b/people/19762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19763.html b/people/19763.html
index 50a90a53..afba4e9b 100644
--- a/people/19763.html
+++ b/people/19763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19764.html b/people/19764.html
index a0aed727..d81de69d 100644
--- a/people/19764.html
+++ b/people/19764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19765.html b/people/19765.html
index 350dcda5..b1557ec8 100644
--- a/people/19765.html
+++ b/people/19765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19766.html b/people/19766.html
index 3e840bb9..ae4271f6 100644
--- a/people/19766.html
+++ b/people/19766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19767.html b/people/19767.html
index db8d1733..b937fcc7 100644
--- a/people/19767.html
+++ b/people/19767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19768.html b/people/19768.html
index 38f746e5..cac1bd20 100644
--- a/people/19768.html
+++ b/people/19768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19769.html b/people/19769.html
index 8424464f..040527f5 100644
--- a/people/19769.html
+++ b/people/19769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1977.html b/people/1977.html
index b84e405c..400b1721 100644
--- a/people/1977.html
+++ b/people/1977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19770.html b/people/19770.html
index afbfd60d..e12e6ec5 100644
--- a/people/19770.html
+++ b/people/19770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19771.html b/people/19771.html
index 04c88049..89cb3d0f 100644
--- a/people/19771.html
+++ b/people/19771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19772.html b/people/19772.html
index 8c15ff74..05161827 100644
--- a/people/19772.html
+++ b/people/19772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19773.html b/people/19773.html
index 1b48ae59..b19b1042 100644
--- a/people/19773.html
+++ b/people/19773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19774.html b/people/19774.html
index 327343c2..64fbd79f 100644
--- a/people/19774.html
+++ b/people/19774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19775.html b/people/19775.html
index 37f1554b..90412213 100644
--- a/people/19775.html
+++ b/people/19775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19776.html b/people/19776.html
index d5370625..d51de2ad 100644
--- a/people/19776.html
+++ b/people/19776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19777.html b/people/19777.html
index 3c96210f..d147898d 100644
--- a/people/19777.html
+++ b/people/19777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19778.html b/people/19778.html
index 3fed6a04..e8438bb3 100644
--- a/people/19778.html
+++ b/people/19778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19779.html b/people/19779.html
index 0cd29201..e04eaaa9 100644
--- a/people/19779.html
+++ b/people/19779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1978.html b/people/1978.html
index f385c918..d66a6ab8 100644
--- a/people/1978.html
+++ b/people/1978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19780.html b/people/19780.html
index f82924b3..3147f9fb 100644
--- a/people/19780.html
+++ b/people/19780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19781.html b/people/19781.html
index 6603f7e8..c3a1310b 100644
--- a/people/19781.html
+++ b/people/19781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19782.html b/people/19782.html
index fbdaa84e..bd6803eb 100644
--- a/people/19782.html
+++ b/people/19782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19783.html b/people/19783.html
index b4dbe0f8..2afe008d 100644
--- a/people/19783.html
+++ b/people/19783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19784.html b/people/19784.html
index 071c293a..ea7ca13b 100644
--- a/people/19784.html
+++ b/people/19784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19785.html b/people/19785.html
index f919dedf..c066a53d 100644
--- a/people/19785.html
+++ b/people/19785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19786.html b/people/19786.html
index cd971ee6..d95ba001 100644
--- a/people/19786.html
+++ b/people/19786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19787.html b/people/19787.html
index 4099fe88..bfabf725 100644
--- a/people/19787.html
+++ b/people/19787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19788.html b/people/19788.html
index fa53c81b..25549dfe 100644
--- a/people/19788.html
+++ b/people/19788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19789.html b/people/19789.html
index 2d9a0660..2eebdf4c 100644
--- a/people/19789.html
+++ b/people/19789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1979.html b/people/1979.html
index 897b0ab9..f66d208e 100644
--- a/people/1979.html
+++ b/people/1979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19790.html b/people/19790.html
index bb372fbd..c8eedf3c 100644
--- a/people/19790.html
+++ b/people/19790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19791.html b/people/19791.html
index 9367c42f..e31ea9a9 100644
--- a/people/19791.html
+++ b/people/19791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19792.html b/people/19792.html
index 1ee6df6e..667bbe1c 100644
--- a/people/19792.html
+++ b/people/19792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19793.html b/people/19793.html
index 562cd26a..6544ce53 100644
--- a/people/19793.html
+++ b/people/19793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19794.html b/people/19794.html
index 004409e2..12c231c5 100644
--- a/people/19794.html
+++ b/people/19794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19795.html b/people/19795.html
index ca39a962..690215a5 100644
--- a/people/19795.html
+++ b/people/19795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19796.html b/people/19796.html
index 470e8133..70f351ec 100644
--- a/people/19796.html
+++ b/people/19796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19797.html b/people/19797.html
index e7ae9cb3..3781053f 100644
--- a/people/19797.html
+++ b/people/19797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19798.html b/people/19798.html
index e08332fd..9a68055b 100644
--- a/people/19798.html
+++ b/people/19798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19799.html b/people/19799.html
index a60467e7..18b17cc3 100644
--- a/people/19799.html
+++ b/people/19799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/198.html b/people/198.html
index f80e501b..2cbb95a0 100644
--- a/people/198.html
+++ b/people/198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1980.html b/people/1980.html
index 65113b23..3c7da2c5 100644
--- a/people/1980.html
+++ b/people/1980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19800.html b/people/19800.html
index 35b9ee13..9600ddf0 100644
--- a/people/19800.html
+++ b/people/19800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19801.html b/people/19801.html
index 1527687a..5fde0333 100644
--- a/people/19801.html
+++ b/people/19801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19802.html b/people/19802.html
index 72f54ea4..3fef82c6 100644
--- a/people/19802.html
+++ b/people/19802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19803.html b/people/19803.html
index d830ba0a..4e65c602 100644
--- a/people/19803.html
+++ b/people/19803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19804.html b/people/19804.html
index 716aa0d4..2e62527b 100644
--- a/people/19804.html
+++ b/people/19804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19805.html b/people/19805.html
index 86b7d426..bb169370 100644
--- a/people/19805.html
+++ b/people/19805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19806.html b/people/19806.html
index 1839bd68..e8f568df 100644
--- a/people/19806.html
+++ b/people/19806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19807.html b/people/19807.html
index 995ad6f6..e838e8e9 100644
--- a/people/19807.html
+++ b/people/19807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19808.html b/people/19808.html
index d0acc468..51c108c6 100644
--- a/people/19808.html
+++ b/people/19808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19809.html b/people/19809.html
index fccfc12a..c22cd8f8 100644
--- a/people/19809.html
+++ b/people/19809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1981.html b/people/1981.html
index 647f6556..73764a0f 100644
--- a/people/1981.html
+++ b/people/1981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19810.html b/people/19810.html
index 73180b47..87473302 100644
--- a/people/19810.html
+++ b/people/19810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19811.html b/people/19811.html
index f2394b87..ed7825bc 100644
--- a/people/19811.html
+++ b/people/19811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19812.html b/people/19812.html
index c2bb0104..393b3e59 100644
--- a/people/19812.html
+++ b/people/19812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19813.html b/people/19813.html
index d17f9218..7a3d7d9e 100644
--- a/people/19813.html
+++ b/people/19813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19814.html b/people/19814.html
index cd534e12..f2237355 100644
--- a/people/19814.html
+++ b/people/19814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19815.html b/people/19815.html
index 3d44823a..1c86a078 100644
--- a/people/19815.html
+++ b/people/19815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19816.html b/people/19816.html
index ebc627df..e27d10e3 100644
--- a/people/19816.html
+++ b/people/19816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19817.html b/people/19817.html
index fe2b2ef1..284472f8 100644
--- a/people/19817.html
+++ b/people/19817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19818.html b/people/19818.html
index 7736420c..f1878d9d 100644
--- a/people/19818.html
+++ b/people/19818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19819.html b/people/19819.html
index c1df53ae..6bfd0665 100644
--- a/people/19819.html
+++ b/people/19819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1982.html b/people/1982.html
index 6a9b1752..015f43c7 100644
--- a/people/1982.html
+++ b/people/1982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19820.html b/people/19820.html
index 2b3dcc7b..c0ec56c1 100644
--- a/people/19820.html
+++ b/people/19820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19821.html b/people/19821.html
index 6a12b600..ccab845b 100644
--- a/people/19821.html
+++ b/people/19821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19822.html b/people/19822.html
index 39a9cfee..808e5c21 100644
--- a/people/19822.html
+++ b/people/19822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19823.html b/people/19823.html
index b5ee4f18..815b4f15 100644
--- a/people/19823.html
+++ b/people/19823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19824.html b/people/19824.html
index fe20a6e8..9803fc34 100644
--- a/people/19824.html
+++ b/people/19824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19825.html b/people/19825.html
index 980fb17d..00162aff 100644
--- a/people/19825.html
+++ b/people/19825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19826.html b/people/19826.html
index 22ab501b..51d807e6 100644
--- a/people/19826.html
+++ b/people/19826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19827.html b/people/19827.html
index d237b12b..d8aaf94e 100644
--- a/people/19827.html
+++ b/people/19827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19828.html b/people/19828.html
index cd95a9b0..1ec8e242 100644
--- a/people/19828.html
+++ b/people/19828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19829.html b/people/19829.html
index 34738104..ba92b23f 100644
--- a/people/19829.html
+++ b/people/19829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1983.html b/people/1983.html
index 3d00a89c..c76679e6 100644
--- a/people/1983.html
+++ b/people/1983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19830.html b/people/19830.html
index 9779c97d..7057dbb2 100644
--- a/people/19830.html
+++ b/people/19830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19831.html b/people/19831.html
index a47d27e0..512c0373 100644
--- a/people/19831.html
+++ b/people/19831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19832.html b/people/19832.html
index 9cfbc1b2..7437fcbb 100644
--- a/people/19832.html
+++ b/people/19832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19833.html b/people/19833.html
index 43ee727e..4a0e3fac 100644
--- a/people/19833.html
+++ b/people/19833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19834.html b/people/19834.html
index 84fa47cd..8de5b00f 100644
--- a/people/19834.html
+++ b/people/19834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19835.html b/people/19835.html
index 236725ca..6bdabe4b 100644
--- a/people/19835.html
+++ b/people/19835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19836.html b/people/19836.html
index 968c0e13..2c99685e 100644
--- a/people/19836.html
+++ b/people/19836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19837.html b/people/19837.html
index 65dd637c..44149102 100644
--- a/people/19837.html
+++ b/people/19837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19838.html b/people/19838.html
index fd7b6836..d03171ee 100644
--- a/people/19838.html
+++ b/people/19838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19839.html b/people/19839.html
index 66809414..e9902aab 100644
--- a/people/19839.html
+++ b/people/19839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1984.html b/people/1984.html
index eb163d0d..49d80184 100644
--- a/people/1984.html
+++ b/people/1984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19840.html b/people/19840.html
index 1cc0978f..6a2d75c5 100644
--- a/people/19840.html
+++ b/people/19840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19841.html b/people/19841.html
index 9b767991..db7fa3eb 100644
--- a/people/19841.html
+++ b/people/19841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19842.html b/people/19842.html
index 73a67c84..ec49805a 100644
--- a/people/19842.html
+++ b/people/19842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19843.html b/people/19843.html
index ea63338f..d0af09b2 100644
--- a/people/19843.html
+++ b/people/19843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19844.html b/people/19844.html
index 1af64497..737826d1 100644
--- a/people/19844.html
+++ b/people/19844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19845.html b/people/19845.html
index 8007c58a..e752923a 100644
--- a/people/19845.html
+++ b/people/19845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19846.html b/people/19846.html
index 87b77d92..d31ad505 100644
--- a/people/19846.html
+++ b/people/19846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19847.html b/people/19847.html
index 3f52982f..ee654e18 100644
--- a/people/19847.html
+++ b/people/19847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19848.html b/people/19848.html
index 384d68c8..12cee6df 100644
--- a/people/19848.html
+++ b/people/19848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19849.html b/people/19849.html
index a6729fa2..47f7e859 100644
--- a/people/19849.html
+++ b/people/19849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1985.html b/people/1985.html
index ac1c6118..1bd62c7b 100644
--- a/people/1985.html
+++ b/people/1985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19850.html b/people/19850.html
index 682564b4..f8531b04 100644
--- a/people/19850.html
+++ b/people/19850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19851.html b/people/19851.html
index 1c164fc4..0933a765 100644
--- a/people/19851.html
+++ b/people/19851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19852.html b/people/19852.html
index 592efd56..1e3040e4 100644
--- a/people/19852.html
+++ b/people/19852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19853.html b/people/19853.html
index ff8fd47b..5619641d 100644
--- a/people/19853.html
+++ b/people/19853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19854.html b/people/19854.html
index 4de279eb..4699f61b 100644
--- a/people/19854.html
+++ b/people/19854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19855.html b/people/19855.html
index d622bef9..94097d2f 100644
--- a/people/19855.html
+++ b/people/19855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19856.html b/people/19856.html
index 95d21c1a..af8cb144 100644
--- a/people/19856.html
+++ b/people/19856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19857.html b/people/19857.html
index b5ec425a..530b1c1b 100644
--- a/people/19857.html
+++ b/people/19857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19858.html b/people/19858.html
index 4dad117a..18bd4589 100644
--- a/people/19858.html
+++ b/people/19858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19859.html b/people/19859.html
index 08322fd3..ea031f2c 100644
--- a/people/19859.html
+++ b/people/19859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1986.html b/people/1986.html
index 9b5dca52..2193f482 100644
--- a/people/1986.html
+++ b/people/1986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19860.html b/people/19860.html
index a3c9b6de..e77db65f 100644
--- a/people/19860.html
+++ b/people/19860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19861.html b/people/19861.html
index 2851efd8..32030e0a 100644
--- a/people/19861.html
+++ b/people/19861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19862.html b/people/19862.html
index 5cc16b29..26f28e19 100644
--- a/people/19862.html
+++ b/people/19862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19863.html b/people/19863.html
index a9508c27..79aa9bf9 100644
--- a/people/19863.html
+++ b/people/19863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19864.html b/people/19864.html
index cf0e4dd8..8914545a 100644
--- a/people/19864.html
+++ b/people/19864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19865.html b/people/19865.html
index 6af66634..a8dd4f7c 100644
--- a/people/19865.html
+++ b/people/19865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19866.html b/people/19866.html
index 413dd875..df849eb8 100644
--- a/people/19866.html
+++ b/people/19866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19867.html b/people/19867.html
index 76c3424e..71838497 100644
--- a/people/19867.html
+++ b/people/19867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19868.html b/people/19868.html
index f3c6a605..39094a34 100644
--- a/people/19868.html
+++ b/people/19868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19869.html b/people/19869.html
index 73b2d1c8..b1c520e5 100644
--- a/people/19869.html
+++ b/people/19869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1987.html b/people/1987.html
index 1ab479c0..2c39d8cd 100644
--- a/people/1987.html
+++ b/people/1987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19870.html b/people/19870.html
index 91ef08b2..1cb09143 100644
--- a/people/19870.html
+++ b/people/19870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19871.html b/people/19871.html
index 39a2f401..14f018c6 100644
--- a/people/19871.html
+++ b/people/19871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19872.html b/people/19872.html
index d89e8699..ab6df542 100644
--- a/people/19872.html
+++ b/people/19872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19873.html b/people/19873.html
index f4c5a4c1..8245c9cf 100644
--- a/people/19873.html
+++ b/people/19873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19874.html b/people/19874.html
index 15e99826..74fe56b2 100644
--- a/people/19874.html
+++ b/people/19874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19875.html b/people/19875.html
index 436131ba..dc33cabe 100644
--- a/people/19875.html
+++ b/people/19875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19876.html b/people/19876.html
index 636ac949..cfee4563 100644
--- a/people/19876.html
+++ b/people/19876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19877.html b/people/19877.html
index 8d102c74..edeaa541 100644
--- a/people/19877.html
+++ b/people/19877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19878.html b/people/19878.html
index f2ea6b9e..51fb1190 100644
--- a/people/19878.html
+++ b/people/19878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19879.html b/people/19879.html
index 75ff1344..bf7ef8f9 100644
--- a/people/19879.html
+++ b/people/19879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1988.html b/people/1988.html
index 5371c0e6..f8a879f6 100644
--- a/people/1988.html
+++ b/people/1988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19880.html b/people/19880.html
index dcff6c3f..c84acdc5 100644
--- a/people/19880.html
+++ b/people/19880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19881.html b/people/19881.html
index 0a4d06f7..335217da 100644
--- a/people/19881.html
+++ b/people/19881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19882.html b/people/19882.html
index 1eec4867..73886192 100644
--- a/people/19882.html
+++ b/people/19882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19883.html b/people/19883.html
index b7af28d0..90233ba8 100644
--- a/people/19883.html
+++ b/people/19883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19884.html b/people/19884.html
index 330ea98f..aadc350e 100644
--- a/people/19884.html
+++ b/people/19884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19885.html b/people/19885.html
index e8afdc09..ae5ef716 100644
--- a/people/19885.html
+++ b/people/19885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19886.html b/people/19886.html
index bf7807a4..15a39bd1 100644
--- a/people/19886.html
+++ b/people/19886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19887.html b/people/19887.html
index faa210bf..8d0942ec 100644
--- a/people/19887.html
+++ b/people/19887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19888.html b/people/19888.html
index 159040f3..f33b5d76 100644
--- a/people/19888.html
+++ b/people/19888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19889.html b/people/19889.html
index 4a15cc0a..0580faad 100644
--- a/people/19889.html
+++ b/people/19889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1989.html b/people/1989.html
index 40403344..1c098a78 100644
--- a/people/1989.html
+++ b/people/1989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19890.html b/people/19890.html
index b9194ad5..de1e54eb 100644
--- a/people/19890.html
+++ b/people/19890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19891.html b/people/19891.html
index 00952805..c8448c54 100644
--- a/people/19891.html
+++ b/people/19891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19892.html b/people/19892.html
index fc07070c..e0022e25 100644
--- a/people/19892.html
+++ b/people/19892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19893.html b/people/19893.html
index 3e4fd9d5..1b212e07 100644
--- a/people/19893.html
+++ b/people/19893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19894.html b/people/19894.html
index e7f7663d..e234aaf8 100644
--- a/people/19894.html
+++ b/people/19894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19895.html b/people/19895.html
index ebba68ca..d45acae9 100644
--- a/people/19895.html
+++ b/people/19895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19896.html b/people/19896.html
index 5297b97f..96d5cf5d 100644
--- a/people/19896.html
+++ b/people/19896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19897.html b/people/19897.html
index c9d63c81..1b4bfb56 100644
--- a/people/19897.html
+++ b/people/19897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19898.html b/people/19898.html
index c8f40911..d7c238b8 100644
--- a/people/19898.html
+++ b/people/19898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19899.html b/people/19899.html
index d16aa213..89eda31e 100644
--- a/people/19899.html
+++ b/people/19899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/199.html b/people/199.html
index adfa107f..d21bd136 100644
--- a/people/199.html
+++ b/people/199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1990.html b/people/1990.html
index 0be2f764..a07b9116 100644
--- a/people/1990.html
+++ b/people/1990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19900.html b/people/19900.html
index dd4f1589..ce49f035 100644
--- a/people/19900.html
+++ b/people/19900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19901.html b/people/19901.html
index 91372bc7..c499216a 100644
--- a/people/19901.html
+++ b/people/19901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19902.html b/people/19902.html
index 870274e6..442ea0c7 100644
--- a/people/19902.html
+++ b/people/19902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19903.html b/people/19903.html
index f23a63f1..b2be901e 100644
--- a/people/19903.html
+++ b/people/19903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19904.html b/people/19904.html
index 07341914..a9820944 100644
--- a/people/19904.html
+++ b/people/19904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19905.html b/people/19905.html
index c16dfdd8..f4639e69 100644
--- a/people/19905.html
+++ b/people/19905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19906.html b/people/19906.html
index 80e32044..73cfea95 100644
--- a/people/19906.html
+++ b/people/19906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19907.html b/people/19907.html
index 3b13fea5..430be5b9 100644
--- a/people/19907.html
+++ b/people/19907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19908.html b/people/19908.html
index c5e279ad..95851c71 100644
--- a/people/19908.html
+++ b/people/19908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19909.html b/people/19909.html
index a86c713f..f60d524f 100644
--- a/people/19909.html
+++ b/people/19909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1991.html b/people/1991.html
index 3c11c548..51b9e301 100644
--- a/people/1991.html
+++ b/people/1991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19910.html b/people/19910.html
index ac978f5c..350c6f0c 100644
--- a/people/19910.html
+++ b/people/19910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19911.html b/people/19911.html
index 024fbe53..6b0549ee 100644
--- a/people/19911.html
+++ b/people/19911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19912.html b/people/19912.html
index 060f1835..791cf37e 100644
--- a/people/19912.html
+++ b/people/19912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19913.html b/people/19913.html
index 67c91538..b3470ed8 100644
--- a/people/19913.html
+++ b/people/19913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19914.html b/people/19914.html
index 355bc09d..a8db46c9 100644
--- a/people/19914.html
+++ b/people/19914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19915.html b/people/19915.html
index c29998ab..cbad0f97 100644
--- a/people/19915.html
+++ b/people/19915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19916.html b/people/19916.html
index cc4d26fa..7ccce605 100644
--- a/people/19916.html
+++ b/people/19916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19917.html b/people/19917.html
index f1654008..0bad7cdb 100644
--- a/people/19917.html
+++ b/people/19917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19918.html b/people/19918.html
index 12bfdbd0..dd8d8baa 100644
--- a/people/19918.html
+++ b/people/19918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19919.html b/people/19919.html
index 24efa1bc..8402d576 100644
--- a/people/19919.html
+++ b/people/19919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1992.html b/people/1992.html
index d7195568..8fae6a26 100644
--- a/people/1992.html
+++ b/people/1992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19920.html b/people/19920.html
index cfce42f9..5bf932b1 100644
--- a/people/19920.html
+++ b/people/19920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19921.html b/people/19921.html
index 0657f46c..3d4f741b 100644
--- a/people/19921.html
+++ b/people/19921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19922.html b/people/19922.html
index acdad7b5..dc52f99d 100644
--- a/people/19922.html
+++ b/people/19922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19923.html b/people/19923.html
index 7e32901a..a3ebd350 100644
--- a/people/19923.html
+++ b/people/19923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19924.html b/people/19924.html
index 4a8bebb9..37248ed7 100644
--- a/people/19924.html
+++ b/people/19924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19925.html b/people/19925.html
index d1280d76..161b0b46 100644
--- a/people/19925.html
+++ b/people/19925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19926.html b/people/19926.html
index 2fac7bdc..859e9d6d 100644
--- a/people/19926.html
+++ b/people/19926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19927.html b/people/19927.html
index 52b0c209..6d34ef51 100644
--- a/people/19927.html
+++ b/people/19927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19928.html b/people/19928.html
index 0e05c735..d3d543ec 100644
--- a/people/19928.html
+++ b/people/19928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19929.html b/people/19929.html
index d1c8db2a..87fbc796 100644
--- a/people/19929.html
+++ b/people/19929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1993.html b/people/1993.html
index 8bf69cc5..b15cbd32 100644
--- a/people/1993.html
+++ b/people/1993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19930.html b/people/19930.html
index 3960e5cb..9248a8bc 100644
--- a/people/19930.html
+++ b/people/19930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19931.html b/people/19931.html
index e896e3d6..6fc6c588 100644
--- a/people/19931.html
+++ b/people/19931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19932.html b/people/19932.html
index 0092e290..38e32ff5 100644
--- a/people/19932.html
+++ b/people/19932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19933.html b/people/19933.html
index a75c3704..add20948 100644
--- a/people/19933.html
+++ b/people/19933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19934.html b/people/19934.html
index c6743b05..513c5cee 100644
--- a/people/19934.html
+++ b/people/19934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19935.html b/people/19935.html
index 1b64e054..56985a3b 100644
--- a/people/19935.html
+++ b/people/19935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19936.html b/people/19936.html
index d03a3c51..c106ba3e 100644
--- a/people/19936.html
+++ b/people/19936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19937.html b/people/19937.html
index 8534cfa2..4179a1a0 100644
--- a/people/19937.html
+++ b/people/19937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19938.html b/people/19938.html
index 13c795cb..7b8531d4 100644
--- a/people/19938.html
+++ b/people/19938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19939.html b/people/19939.html
index 9c144dea..b08af1d0 100644
--- a/people/19939.html
+++ b/people/19939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1994.html b/people/1994.html
index d621e91e..bcc6d2ce 100644
--- a/people/1994.html
+++ b/people/1994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19940.html b/people/19940.html
index f5d20223..3f16f168 100644
--- a/people/19940.html
+++ b/people/19940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19941.html b/people/19941.html
index 65d567ca..f3813d31 100644
--- a/people/19941.html
+++ b/people/19941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19942.html b/people/19942.html
index a408b218..a500bc9a 100644
--- a/people/19942.html
+++ b/people/19942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19943.html b/people/19943.html
index 70b0d445..4c1748f6 100644
--- a/people/19943.html
+++ b/people/19943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19944.html b/people/19944.html
index 10eff8ee..823c17dc 100644
--- a/people/19944.html
+++ b/people/19944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19945.html b/people/19945.html
index 5b1c01e1..aa1fe16c 100644
--- a/people/19945.html
+++ b/people/19945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19946.html b/people/19946.html
index 806144a4..d6e25d22 100644
--- a/people/19946.html
+++ b/people/19946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19947.html b/people/19947.html
index d1304540..bd877f27 100644
--- a/people/19947.html
+++ b/people/19947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19948.html b/people/19948.html
index c8ead0d5..699658d4 100644
--- a/people/19948.html
+++ b/people/19948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19949.html b/people/19949.html
index 67eeb490..1e489391 100644
--- a/people/19949.html
+++ b/people/19949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1995.html b/people/1995.html
index a2421fb6..d78e872c 100644
--- a/people/1995.html
+++ b/people/1995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19950.html b/people/19950.html
index bdb4bcc2..8794144f 100644
--- a/people/19950.html
+++ b/people/19950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19951.html b/people/19951.html
index 860e7761..26a51cf0 100644
--- a/people/19951.html
+++ b/people/19951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19952.html b/people/19952.html
index 2d245ceb..1cf0b2db 100644
--- a/people/19952.html
+++ b/people/19952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19953.html b/people/19953.html
index 0995dd37..00e9325b 100644
--- a/people/19953.html
+++ b/people/19953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19954.html b/people/19954.html
index d69d9634..234f0207 100644
--- a/people/19954.html
+++ b/people/19954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19955.html b/people/19955.html
index 990537f6..fa39dab8 100644
--- a/people/19955.html
+++ b/people/19955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19956.html b/people/19956.html
index c55b03d7..3a9c2794 100644
--- a/people/19956.html
+++ b/people/19956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19957.html b/people/19957.html
index beed0729..c2e14bbb 100644
--- a/people/19957.html
+++ b/people/19957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19958.html b/people/19958.html
index 4f846cd8..85e80f4e 100644
--- a/people/19958.html
+++ b/people/19958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19959.html b/people/19959.html
index 15f35ab5..16630c67 100644
--- a/people/19959.html
+++ b/people/19959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1996.html b/people/1996.html
index 67f293d3..ec013373 100644
--- a/people/1996.html
+++ b/people/1996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19960.html b/people/19960.html
index 6f667fb4..9782036a 100644
--- a/people/19960.html
+++ b/people/19960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19961.html b/people/19961.html
index 7069c015..ab8490ce 100644
--- a/people/19961.html
+++ b/people/19961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19962.html b/people/19962.html
index b63d4bf3..2332d8df 100644
--- a/people/19962.html
+++ b/people/19962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19963.html b/people/19963.html
index fd820dff..495f5293 100644
--- a/people/19963.html
+++ b/people/19963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19964.html b/people/19964.html
index 2491405e..a29c22cf 100644
--- a/people/19964.html
+++ b/people/19964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19965.html b/people/19965.html
index f73518d9..ccb91a40 100644
--- a/people/19965.html
+++ b/people/19965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19966.html b/people/19966.html
index 7eff8062..77625c1c 100644
--- a/people/19966.html
+++ b/people/19966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19967.html b/people/19967.html
index 126adcb3..e9af791e 100644
--- a/people/19967.html
+++ b/people/19967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19968.html b/people/19968.html
index 3c0b4605..d444688e 100644
--- a/people/19968.html
+++ b/people/19968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19969.html b/people/19969.html
index dadb5a90..88730a34 100644
--- a/people/19969.html
+++ b/people/19969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1997.html b/people/1997.html
index 41363257..0cecaa10 100644
--- a/people/1997.html
+++ b/people/1997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19970.html b/people/19970.html
index 08be00af..fa843255 100644
--- a/people/19970.html
+++ b/people/19970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19971.html b/people/19971.html
index e48ff78d..d47b9fe2 100644
--- a/people/19971.html
+++ b/people/19971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19972.html b/people/19972.html
index 2a1878e4..d52edd35 100644
--- a/people/19972.html
+++ b/people/19972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19973.html b/people/19973.html
index 87b24639..8d9537b9 100644
--- a/people/19973.html
+++ b/people/19973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19974.html b/people/19974.html
index cde89baf..8bb31c6b 100644
--- a/people/19974.html
+++ b/people/19974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19975.html b/people/19975.html
index da766a16..6c3cecea 100644
--- a/people/19975.html
+++ b/people/19975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19976.html b/people/19976.html
index 65e959d4..33671a79 100644
--- a/people/19976.html
+++ b/people/19976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19977.html b/people/19977.html
index 4403ac41..9e45ee44 100644
--- a/people/19977.html
+++ b/people/19977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19978.html b/people/19978.html
index ea79c1cb..2b798c70 100644
--- a/people/19978.html
+++ b/people/19978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19979.html b/people/19979.html
index bb988ec5..33afa446 100644
--- a/people/19979.html
+++ b/people/19979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1998.html b/people/1998.html
index c5550d1c..9e7bbdc1 100644
--- a/people/1998.html
+++ b/people/1998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19980.html b/people/19980.html
index 67b6221f..a7ca0bae 100644
--- a/people/19980.html
+++ b/people/19980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19981.html b/people/19981.html
index 5d0a6687..f39a7c66 100644
--- a/people/19981.html
+++ b/people/19981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19982.html b/people/19982.html
index d105a110..b94d13c6 100644
--- a/people/19982.html
+++ b/people/19982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19983.html b/people/19983.html
index 1b902125..5145976e 100644
--- a/people/19983.html
+++ b/people/19983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19984.html b/people/19984.html
index b37ba838..15c24aa3 100644
--- a/people/19984.html
+++ b/people/19984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19985.html b/people/19985.html
index 763ff06b..af25c4fa 100644
--- a/people/19985.html
+++ b/people/19985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19986.html b/people/19986.html
index 482d519e..c08c0d93 100644
--- a/people/19986.html
+++ b/people/19986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19987.html b/people/19987.html
index 3e54e962..6233df02 100644
--- a/people/19987.html
+++ b/people/19987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19988.html b/people/19988.html
index 305ae16b..abdc3ae5 100644
--- a/people/19988.html
+++ b/people/19988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19989.html b/people/19989.html
index a2aa6b93..131f6dde 100644
--- a/people/19989.html
+++ b/people/19989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/1999.html b/people/1999.html
index 7fd7ea19..c08038e4 100644
--- a/people/1999.html
+++ b/people/1999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19990.html b/people/19990.html
index 2e7fca39..66f66ef7 100644
--- a/people/19990.html
+++ b/people/19990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19991.html b/people/19991.html
index fcb6284c..cb70ec52 100644
--- a/people/19991.html
+++ b/people/19991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19992.html b/people/19992.html
index 3b7134ce..14482122 100644
--- a/people/19992.html
+++ b/people/19992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19993.html b/people/19993.html
index b901de51..c5301c7f 100644
--- a/people/19993.html
+++ b/people/19993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19994.html b/people/19994.html
index eae9d0f9..50345da8 100644
--- a/people/19994.html
+++ b/people/19994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19995.html b/people/19995.html
index 29da013e..751f85e0 100644
--- a/people/19995.html
+++ b/people/19995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19996.html b/people/19996.html
index 1a84f186..eccbf0c2 100644
--- a/people/19996.html
+++ b/people/19996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19997.html b/people/19997.html
index 9f014fd3..05f3da8b 100644
--- a/people/19997.html
+++ b/people/19997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19998.html b/people/19998.html
index 6db9f38e..8ff435cf 100644
--- a/people/19998.html
+++ b/people/19998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/19999.html b/people/19999.html
index 9f412860..94fc5517 100644
--- a/people/19999.html
+++ b/people/19999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2.html b/people/2.html
index 55db3eec..96e10eaf 100644
--- a/people/2.html
+++ b/people/2.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20.html b/people/20.html
index a2de57f3..289a67d5 100644
--- a/people/20.html
+++ b/people/20.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/200.html b/people/200.html
index 3260eac3..ddfe2651 100644
--- a/people/200.html
+++ b/people/200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2000.html b/people/2000.html
index 76f25fd7..d63a90c1 100644
--- a/people/2000.html
+++ b/people/2000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20000.html b/people/20000.html
index 3c9e5ec4..17b455a4 100644
--- a/people/20000.html
+++ b/people/20000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20001.html b/people/20001.html
index 6b3144d0..6d4ed12a 100644
--- a/people/20001.html
+++ b/people/20001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20002.html b/people/20002.html
index e827cb70..85fbdb72 100644
--- a/people/20002.html
+++ b/people/20002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20003.html b/people/20003.html
index 3e910d74..71c7d72b 100644
--- a/people/20003.html
+++ b/people/20003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20004.html b/people/20004.html
index 0f9db6e8..8649324b 100644
--- a/people/20004.html
+++ b/people/20004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20005.html b/people/20005.html
index 7197dd8f..f6d984bc 100644
--- a/people/20005.html
+++ b/people/20005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20006.html b/people/20006.html
index 0e4ee0f4..e199445f 100644
--- a/people/20006.html
+++ b/people/20006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20007.html b/people/20007.html
index 3fb843ea..1627a1ea 100644
--- a/people/20007.html
+++ b/people/20007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20008.html b/people/20008.html
index 327cc6b4..278aea99 100644
--- a/people/20008.html
+++ b/people/20008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20009.html b/people/20009.html
index 4880bb69..b081696e 100644
--- a/people/20009.html
+++ b/people/20009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2001.html b/people/2001.html
index 94afd937..043c22b4 100644
--- a/people/2001.html
+++ b/people/2001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20010.html b/people/20010.html
index e686d7f7..277371e2 100644
--- a/people/20010.html
+++ b/people/20010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20011.html b/people/20011.html
index 762aaa52..84405fac 100644
--- a/people/20011.html
+++ b/people/20011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20012.html b/people/20012.html
index 83030c27..def0db5f 100644
--- a/people/20012.html
+++ b/people/20012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20013.html b/people/20013.html
index 3851c96a..cde65237 100644
--- a/people/20013.html
+++ b/people/20013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20014.html b/people/20014.html
index e2dbce27..10ef5551 100644
--- a/people/20014.html
+++ b/people/20014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20015.html b/people/20015.html
index 68ac7b5d..32c53030 100644
--- a/people/20015.html
+++ b/people/20015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20016.html b/people/20016.html
index 9ab82979..cf7c4ed0 100644
--- a/people/20016.html
+++ b/people/20016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20017.html b/people/20017.html
index 8c1ce592..16ac01cd 100644
--- a/people/20017.html
+++ b/people/20017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20018.html b/people/20018.html
index 555160ce..cad1d5f4 100644
--- a/people/20018.html
+++ b/people/20018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20019.html b/people/20019.html
index 0b43794f..f7e47e1c 100644
--- a/people/20019.html
+++ b/people/20019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2002.html b/people/2002.html
index cb9f974a..748547fb 100644
--- a/people/2002.html
+++ b/people/2002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20020.html b/people/20020.html
index f7e65336..96cb2a09 100644
--- a/people/20020.html
+++ b/people/20020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20021.html b/people/20021.html
index 7a8bae6a..b5bd191c 100644
--- a/people/20021.html
+++ b/people/20021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20022.html b/people/20022.html
index 69f632f7..8b1a6580 100644
--- a/people/20022.html
+++ b/people/20022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20023.html b/people/20023.html
index e16281f1..0b4076f3 100644
--- a/people/20023.html
+++ b/people/20023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20024.html b/people/20024.html
index 25624081..0b106ee1 100644
--- a/people/20024.html
+++ b/people/20024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20025.html b/people/20025.html
index 145402b2..50ae1e4e 100644
--- a/people/20025.html
+++ b/people/20025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20026.html b/people/20026.html
index 31a2b6a0..84ce50e0 100644
--- a/people/20026.html
+++ b/people/20026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20027.html b/people/20027.html
index de24646d..2a838ccf 100644
--- a/people/20027.html
+++ b/people/20027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20028.html b/people/20028.html
index 55f0be61..6d1cb43c 100644
--- a/people/20028.html
+++ b/people/20028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20029.html b/people/20029.html
index fde7ced7..4434c351 100644
--- a/people/20029.html
+++ b/people/20029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2003.html b/people/2003.html
index 9fd91ca1..2d4ede9d 100644
--- a/people/2003.html
+++ b/people/2003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20030.html b/people/20030.html
index 1017183e..eecbdbc3 100644
--- a/people/20030.html
+++ b/people/20030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20031.html b/people/20031.html
index f28689b7..da992e9d 100644
--- a/people/20031.html
+++ b/people/20031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20032.html b/people/20032.html
index 47826c61..df35541b 100644
--- a/people/20032.html
+++ b/people/20032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20033.html b/people/20033.html
index c39da90e..91e1303a 100644
--- a/people/20033.html
+++ b/people/20033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20034.html b/people/20034.html
index 879b7b59..8199e124 100644
--- a/people/20034.html
+++ b/people/20034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20035.html b/people/20035.html
index 0b66b4a9..36434531 100644
--- a/people/20035.html
+++ b/people/20035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20036.html b/people/20036.html
index 57c2617c..1b72922e 100644
--- a/people/20036.html
+++ b/people/20036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20037.html b/people/20037.html
index 45862cb6..cf8b17ea 100644
--- a/people/20037.html
+++ b/people/20037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20038.html b/people/20038.html
index 093c5996..c5418f5a 100644
--- a/people/20038.html
+++ b/people/20038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20039.html b/people/20039.html
index 98430ce4..8273d6c3 100644
--- a/people/20039.html
+++ b/people/20039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2004.html b/people/2004.html
index a9f3c1a9..eea140f2 100644
--- a/people/2004.html
+++ b/people/2004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20040.html b/people/20040.html
index ab48eaa4..a4f27ebc 100644
--- a/people/20040.html
+++ b/people/20040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20041.html b/people/20041.html
index 6d3e729a..20c746c9 100644
--- a/people/20041.html
+++ b/people/20041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20042.html b/people/20042.html
index 30d40c49..0fb512b9 100644
--- a/people/20042.html
+++ b/people/20042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20043.html b/people/20043.html
index 7898ab73..ca09cd1e 100644
--- a/people/20043.html
+++ b/people/20043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20044.html b/people/20044.html
index e676c8ca..fc3d436b 100644
--- a/people/20044.html
+++ b/people/20044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20045.html b/people/20045.html
index c933284f..54a2796e 100644
--- a/people/20045.html
+++ b/people/20045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20046.html b/people/20046.html
index 40bbd8df..8e6204d0 100644
--- a/people/20046.html
+++ b/people/20046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20047.html b/people/20047.html
index a0333c8b..561bc59d 100644
--- a/people/20047.html
+++ b/people/20047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20048.html b/people/20048.html
index 73117cad..eb7103df 100644
--- a/people/20048.html
+++ b/people/20048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20049.html b/people/20049.html
index 7ffbd5fc..12e0d6a7 100644
--- a/people/20049.html
+++ b/people/20049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2005.html b/people/2005.html
index f670e8f5..0c4bd457 100644
--- a/people/2005.html
+++ b/people/2005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20050.html b/people/20050.html
index 7d2fde02..35928c5a 100644
--- a/people/20050.html
+++ b/people/20050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20051.html b/people/20051.html
index 118b2c97..64faacc3 100644
--- a/people/20051.html
+++ b/people/20051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20052.html b/people/20052.html
index 155db37d..beeaed91 100644
--- a/people/20052.html
+++ b/people/20052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20053.html b/people/20053.html
index 57828c0c..7d996094 100644
--- a/people/20053.html
+++ b/people/20053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20054.html b/people/20054.html
index 0c2d394c..42693afd 100644
--- a/people/20054.html
+++ b/people/20054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20055.html b/people/20055.html
index 221b8296..26f7648a 100644
--- a/people/20055.html
+++ b/people/20055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20056.html b/people/20056.html
index 1453a5dd..1ab901ac 100644
--- a/people/20056.html
+++ b/people/20056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20057.html b/people/20057.html
index 437a303b..6788914b 100644
--- a/people/20057.html
+++ b/people/20057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20058.html b/people/20058.html
index 413a7003..db7ad7f1 100644
--- a/people/20058.html
+++ b/people/20058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20059.html b/people/20059.html
index 67de93b0..b4bb37ea 100644
--- a/people/20059.html
+++ b/people/20059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2006.html b/people/2006.html
index 686a1010..a5f1562a 100644
--- a/people/2006.html
+++ b/people/2006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20060.html b/people/20060.html
index 6e88b6a8..8c86b335 100644
--- a/people/20060.html
+++ b/people/20060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20061.html b/people/20061.html
index 843cfd9a..5e949181 100644
--- a/people/20061.html
+++ b/people/20061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20062.html b/people/20062.html
index c9a95eda..14e962c0 100644
--- a/people/20062.html
+++ b/people/20062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20063.html b/people/20063.html
index 8d71240c..ea1ebd84 100644
--- a/people/20063.html
+++ b/people/20063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20064.html b/people/20064.html
index 600c696c..bbbe3f68 100644
--- a/people/20064.html
+++ b/people/20064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20065.html b/people/20065.html
index 7015e803..aebc9368 100644
--- a/people/20065.html
+++ b/people/20065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20066.html b/people/20066.html
index e805b0b4..19a44d27 100644
--- a/people/20066.html
+++ b/people/20066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20067.html b/people/20067.html
index f86a6db1..e3c9e028 100644
--- a/people/20067.html
+++ b/people/20067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20068.html b/people/20068.html
index 1c54ce28..6e79503d 100644
--- a/people/20068.html
+++ b/people/20068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20069.html b/people/20069.html
index f6c15ec6..f52c30ee 100644
--- a/people/20069.html
+++ b/people/20069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2007.html b/people/2007.html
index bfe2d33d..8dbac418 100644
--- a/people/2007.html
+++ b/people/2007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20070.html b/people/20070.html
index 27cc1de9..29ac6ab7 100644
--- a/people/20070.html
+++ b/people/20070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20071.html b/people/20071.html
index ec343b3a..fc97f86c 100644
--- a/people/20071.html
+++ b/people/20071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20072.html b/people/20072.html
index 0f4f6b35..c401cf10 100644
--- a/people/20072.html
+++ b/people/20072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20073.html b/people/20073.html
index b6152151..0f4ee49c 100644
--- a/people/20073.html
+++ b/people/20073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20074.html b/people/20074.html
index 4b9ff07a..4af38f11 100644
--- a/people/20074.html
+++ b/people/20074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20075.html b/people/20075.html
index a2982490..90db3c0b 100644
--- a/people/20075.html
+++ b/people/20075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20076.html b/people/20076.html
index 7dd8719c..748c65f2 100644
--- a/people/20076.html
+++ b/people/20076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20077.html b/people/20077.html
index 9e0b11cd..92a0d489 100644
--- a/people/20077.html
+++ b/people/20077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20078.html b/people/20078.html
index dac50614..145d4c4d 100644
--- a/people/20078.html
+++ b/people/20078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20079.html b/people/20079.html
index 5bb14b44..71549eea 100644
--- a/people/20079.html
+++ b/people/20079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2008.html b/people/2008.html
index ef2eb80f..180c0750 100644
--- a/people/2008.html
+++ b/people/2008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20080.html b/people/20080.html
index 18c1fde1..f7430a54 100644
--- a/people/20080.html
+++ b/people/20080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20081.html b/people/20081.html
index a024acb6..e8d06f52 100644
--- a/people/20081.html
+++ b/people/20081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20082.html b/people/20082.html
index 6e1ae6c5..053f7e12 100644
--- a/people/20082.html
+++ b/people/20082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20083.html b/people/20083.html
index 2c25d7ce..81e11532 100644
--- a/people/20083.html
+++ b/people/20083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20084.html b/people/20084.html
index e188bf20..420945b0 100644
--- a/people/20084.html
+++ b/people/20084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20085.html b/people/20085.html
index a4756cf4..e638f9c5 100644
--- a/people/20085.html
+++ b/people/20085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20086.html b/people/20086.html
index 2a0a97a1..92aaabde 100644
--- a/people/20086.html
+++ b/people/20086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20087.html b/people/20087.html
index 88e02e58..9684a37e 100644
--- a/people/20087.html
+++ b/people/20087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20088.html b/people/20088.html
index 8b6480bd..712e46ab 100644
--- a/people/20088.html
+++ b/people/20088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20089.html b/people/20089.html
index 4908d097..1ceb20d6 100644
--- a/people/20089.html
+++ b/people/20089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2009.html b/people/2009.html
index 1a882190..841614d5 100644
--- a/people/2009.html
+++ b/people/2009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20090.html b/people/20090.html
index f0f0a8c1..fb976503 100644
--- a/people/20090.html
+++ b/people/20090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20091.html b/people/20091.html
index 128e3911..d67d53b6 100644
--- a/people/20091.html
+++ b/people/20091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20092.html b/people/20092.html
index 28829952..d9af352d 100644
--- a/people/20092.html
+++ b/people/20092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20093.html b/people/20093.html
index 1026cb6f..e89e3e30 100644
--- a/people/20093.html
+++ b/people/20093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20094.html b/people/20094.html
index bc8c15d6..26de4251 100644
--- a/people/20094.html
+++ b/people/20094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20095.html b/people/20095.html
index 254a7afc..f7012755 100644
--- a/people/20095.html
+++ b/people/20095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20096.html b/people/20096.html
index 4a328836..7322dade 100644
--- a/people/20096.html
+++ b/people/20096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20097.html b/people/20097.html
index a7bd290e..0f0134d0 100644
--- a/people/20097.html
+++ b/people/20097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20098.html b/people/20098.html
index 33290032..04d75740 100644
--- a/people/20098.html
+++ b/people/20098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20099.html b/people/20099.html
index 9e46830d..533acba5 100644
--- a/people/20099.html
+++ b/people/20099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/201.html b/people/201.html
index 969242a4..fc7dd0ab 100644
--- a/people/201.html
+++ b/people/201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2010.html b/people/2010.html
index 2ee10cfe..23f9680a 100644
--- a/people/2010.html
+++ b/people/2010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20100.html b/people/20100.html
index 99196814..523254a8 100644
--- a/people/20100.html
+++ b/people/20100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20101.html b/people/20101.html
index 75efa786..715ac2ce 100644
--- a/people/20101.html
+++ b/people/20101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20102.html b/people/20102.html
index a066cd3a..5bc928ee 100644
--- a/people/20102.html
+++ b/people/20102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20103.html b/people/20103.html
index 25bd1018..dad28330 100644
--- a/people/20103.html
+++ b/people/20103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20104.html b/people/20104.html
index 0e91c053..11504e24 100644
--- a/people/20104.html
+++ b/people/20104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20105.html b/people/20105.html
index d13193f6..94100785 100644
--- a/people/20105.html
+++ b/people/20105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20106.html b/people/20106.html
index 098a31f3..b590e8fa 100644
--- a/people/20106.html
+++ b/people/20106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20107.html b/people/20107.html
index 55e8b3ef..5e8de81c 100644
--- a/people/20107.html
+++ b/people/20107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20108.html b/people/20108.html
index 53c1083c..1cce27f6 100644
--- a/people/20108.html
+++ b/people/20108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20109.html b/people/20109.html
index 6078674c..c3f324bd 100644
--- a/people/20109.html
+++ b/people/20109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2011.html b/people/2011.html
index bb3e3ad7..c6609d63 100644
--- a/people/2011.html
+++ b/people/2011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20110.html b/people/20110.html
index e3b4dabd..170fc5a9 100644
--- a/people/20110.html
+++ b/people/20110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20111.html b/people/20111.html
index e2eef208..6538e376 100644
--- a/people/20111.html
+++ b/people/20111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20112.html b/people/20112.html
index ada3aae3..a967a759 100644
--- a/people/20112.html
+++ b/people/20112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20113.html b/people/20113.html
index fc08cd38..cfa12b2e 100644
--- a/people/20113.html
+++ b/people/20113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20114.html b/people/20114.html
index 85d0c4ba..61cd6e76 100644
--- a/people/20114.html
+++ b/people/20114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20115.html b/people/20115.html
index f25d527d..0c6791a9 100644
--- a/people/20115.html
+++ b/people/20115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20116.html b/people/20116.html
index dec475a3..54c42081 100644
--- a/people/20116.html
+++ b/people/20116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20117.html b/people/20117.html
index 513077a5..5acab4e9 100644
--- a/people/20117.html
+++ b/people/20117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20118.html b/people/20118.html
index 041b23f2..b9e7e669 100644
--- a/people/20118.html
+++ b/people/20118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20119.html b/people/20119.html
index 17270b2e..b1406645 100644
--- a/people/20119.html
+++ b/people/20119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2012.html b/people/2012.html
index ce6210ee..85f331f3 100644
--- a/people/2012.html
+++ b/people/2012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20120.html b/people/20120.html
index 2053950c..7a3202bb 100644
--- a/people/20120.html
+++ b/people/20120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20121.html b/people/20121.html
index ecc38227..10ad560e 100644
--- a/people/20121.html
+++ b/people/20121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20122.html b/people/20122.html
index 793f680c..df22ac26 100644
--- a/people/20122.html
+++ b/people/20122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20123.html b/people/20123.html
index 85a23a92..8bb99acd 100644
--- a/people/20123.html
+++ b/people/20123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20124.html b/people/20124.html
index 3237fc05..87ac49bb 100644
--- a/people/20124.html
+++ b/people/20124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20125.html b/people/20125.html
index ca87edfc..080ec4d6 100644
--- a/people/20125.html
+++ b/people/20125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20126.html b/people/20126.html
index 91b71730..f55234e1 100644
--- a/people/20126.html
+++ b/people/20126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20127.html b/people/20127.html
index 789a0806..bfb17a30 100644
--- a/people/20127.html
+++ b/people/20127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20128.html b/people/20128.html
index d06d2d65..f2cb1700 100644
--- a/people/20128.html
+++ b/people/20128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20129.html b/people/20129.html
index 2a7f1bed..bade76db 100644
--- a/people/20129.html
+++ b/people/20129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2013.html b/people/2013.html
index eef73aa8..c2a35009 100644
--- a/people/2013.html
+++ b/people/2013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20130.html b/people/20130.html
index 6de33a77..0e235018 100644
--- a/people/20130.html
+++ b/people/20130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20131.html b/people/20131.html
index 3df77162..c8d581f1 100644
--- a/people/20131.html
+++ b/people/20131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20132.html b/people/20132.html
index d576443a..d7351003 100644
--- a/people/20132.html
+++ b/people/20132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20133.html b/people/20133.html
index 35a19de6..d3db0592 100644
--- a/people/20133.html
+++ b/people/20133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20134.html b/people/20134.html
index 85ec9373..43b127e6 100644
--- a/people/20134.html
+++ b/people/20134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20135.html b/people/20135.html
index cbc42d92..c7b74b84 100644
--- a/people/20135.html
+++ b/people/20135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20136.html b/people/20136.html
index ab5d3dde..208ed5c8 100644
--- a/people/20136.html
+++ b/people/20136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20137.html b/people/20137.html
index eb4fff3a..4677f66c 100644
--- a/people/20137.html
+++ b/people/20137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20138.html b/people/20138.html
index 960ae122..82fe7b74 100644
--- a/people/20138.html
+++ b/people/20138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20139.html b/people/20139.html
index 2f7ef81d..f9d5dbcb 100644
--- a/people/20139.html
+++ b/people/20139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2014.html b/people/2014.html
index 9818096e..2610b136 100644
--- a/people/2014.html
+++ b/people/2014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20140.html b/people/20140.html
index eab89aa7..eb2b5c21 100644
--- a/people/20140.html
+++ b/people/20140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20141.html b/people/20141.html
index 2bda8941..81c2b7ef 100644
--- a/people/20141.html
+++ b/people/20141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20142.html b/people/20142.html
index 2ea8c79d..32a49e74 100644
--- a/people/20142.html
+++ b/people/20142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20143.html b/people/20143.html
index c45a6c1e..3c64f756 100644
--- a/people/20143.html
+++ b/people/20143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20144.html b/people/20144.html
index 722853f3..86866e06 100644
--- a/people/20144.html
+++ b/people/20144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20145.html b/people/20145.html
index fe86b506..1a0a678e 100644
--- a/people/20145.html
+++ b/people/20145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20146.html b/people/20146.html
index 52272b84..eb4e40fd 100644
--- a/people/20146.html
+++ b/people/20146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20147.html b/people/20147.html
index c0213a12..fb032f3d 100644
--- a/people/20147.html
+++ b/people/20147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20148.html b/people/20148.html
index 2af3d03d..efc7bdb3 100644
--- a/people/20148.html
+++ b/people/20148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20149.html b/people/20149.html
index 718f9fc9..bac283a3 100644
--- a/people/20149.html
+++ b/people/20149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2015.html b/people/2015.html
index 6f86229c..d2f399d9 100644
--- a/people/2015.html
+++ b/people/2015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20150.html b/people/20150.html
index 1f427fa2..e1dda62e 100644
--- a/people/20150.html
+++ b/people/20150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20151.html b/people/20151.html
index 1eeb6d4c..7daa4369 100644
--- a/people/20151.html
+++ b/people/20151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20152.html b/people/20152.html
index d0b14004..3169bfe7 100644
--- a/people/20152.html
+++ b/people/20152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20153.html b/people/20153.html
index bbbf33ec..5d948901 100644
--- a/people/20153.html
+++ b/people/20153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20154.html b/people/20154.html
index 7085f8d2..82a7d539 100644
--- a/people/20154.html
+++ b/people/20154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20155.html b/people/20155.html
index f2371592..15347152 100644
--- a/people/20155.html
+++ b/people/20155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20156.html b/people/20156.html
index d23fb52f..ddbde4bf 100644
--- a/people/20156.html
+++ b/people/20156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20157.html b/people/20157.html
index 41f57b86..fe13e6a5 100644
--- a/people/20157.html
+++ b/people/20157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20158.html b/people/20158.html
index 00581d90..9e85f135 100644
--- a/people/20158.html
+++ b/people/20158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20159.html b/people/20159.html
index 152ec792..8ee9d609 100644
--- a/people/20159.html
+++ b/people/20159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2016.html b/people/2016.html
index 1f0a4aed..6115dc75 100644
--- a/people/2016.html
+++ b/people/2016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20160.html b/people/20160.html
index 02bc990f..519a37cf 100644
--- a/people/20160.html
+++ b/people/20160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20161.html b/people/20161.html
index 4df2a0e3..17ef9c78 100644
--- a/people/20161.html
+++ b/people/20161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20162.html b/people/20162.html
index 26c72009..b888f73b 100644
--- a/people/20162.html
+++ b/people/20162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20163.html b/people/20163.html
index 97ac791b..7e421ddf 100644
--- a/people/20163.html
+++ b/people/20163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20164.html b/people/20164.html
index 877ffa42..39fdf65a 100644
--- a/people/20164.html
+++ b/people/20164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20165.html b/people/20165.html
index 86042ce1..cab94cde 100644
--- a/people/20165.html
+++ b/people/20165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20166.html b/people/20166.html
index fe29b5aa..fbba05b4 100644
--- a/people/20166.html
+++ b/people/20166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20167.html b/people/20167.html
index b1b68313..6dbaf2d8 100644
--- a/people/20167.html
+++ b/people/20167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20168.html b/people/20168.html
index 4a6e4a8f..bb3fc39f 100644
--- a/people/20168.html
+++ b/people/20168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20169.html b/people/20169.html
index 30d4ddcb..2c0c2306 100644
--- a/people/20169.html
+++ b/people/20169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2017.html b/people/2017.html
index 88648498..c89e33cb 100644
--- a/people/2017.html
+++ b/people/2017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20170.html b/people/20170.html
index 061029b2..66563b4f 100644
--- a/people/20170.html
+++ b/people/20170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20171.html b/people/20171.html
index 113c622d..e9106b7c 100644
--- a/people/20171.html
+++ b/people/20171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20172.html b/people/20172.html
index 3de5d95c..e5bc1f21 100644
--- a/people/20172.html
+++ b/people/20172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20173.html b/people/20173.html
index 60e06b8d..628ebdd1 100644
--- a/people/20173.html
+++ b/people/20173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20174.html b/people/20174.html
index 876f65fa..dfaa73ae 100644
--- a/people/20174.html
+++ b/people/20174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20175.html b/people/20175.html
index 823aa964..f036f9f6 100644
--- a/people/20175.html
+++ b/people/20175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20176.html b/people/20176.html
index 618691bf..b18eff5e 100644
--- a/people/20176.html
+++ b/people/20176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20177.html b/people/20177.html
index 511a1a40..d4cabc10 100644
--- a/people/20177.html
+++ b/people/20177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20178.html b/people/20178.html
index c553dda6..b4bc992d 100644
--- a/people/20178.html
+++ b/people/20178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20179.html b/people/20179.html
index 57ca4ccf..b34d6f87 100644
--- a/people/20179.html
+++ b/people/20179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2018.html b/people/2018.html
index 749c507e..fdb695fd 100644
--- a/people/2018.html
+++ b/people/2018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20180.html b/people/20180.html
index 6c2491cb..15dd3e4d 100644
--- a/people/20180.html
+++ b/people/20180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20181.html b/people/20181.html
index d5d55241..73653249 100644
--- a/people/20181.html
+++ b/people/20181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20182.html b/people/20182.html
index 65c87ee3..a1a3209d 100644
--- a/people/20182.html
+++ b/people/20182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20183.html b/people/20183.html
index 7fc1cca8..90151012 100644
--- a/people/20183.html
+++ b/people/20183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20184.html b/people/20184.html
index e3523c24..cff22c74 100644
--- a/people/20184.html
+++ b/people/20184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20185.html b/people/20185.html
index 8ab548dc..21ae066e 100644
--- a/people/20185.html
+++ b/people/20185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20186.html b/people/20186.html
index f0960903..f0545840 100644
--- a/people/20186.html
+++ b/people/20186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20187.html b/people/20187.html
index 173c1aaa..c1bed75f 100644
--- a/people/20187.html
+++ b/people/20187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20188.html b/people/20188.html
index 7d3fefc3..150ac573 100644
--- a/people/20188.html
+++ b/people/20188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20189.html b/people/20189.html
index 2d8242c4..6795aa41 100644
--- a/people/20189.html
+++ b/people/20189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2019.html b/people/2019.html
index 252ccfd3..d1b255bf 100644
--- a/people/2019.html
+++ b/people/2019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20190.html b/people/20190.html
index ddaea891..61deee2d 100644
--- a/people/20190.html
+++ b/people/20190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20191.html b/people/20191.html
index 976ebf2c..c04c3be7 100644
--- a/people/20191.html
+++ b/people/20191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20192.html b/people/20192.html
index 15b9a512..cf76e5bb 100644
--- a/people/20192.html
+++ b/people/20192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20193.html b/people/20193.html
index f99f5014..e6380952 100644
--- a/people/20193.html
+++ b/people/20193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20194.html b/people/20194.html
index ea26db0e..9600e232 100644
--- a/people/20194.html
+++ b/people/20194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20195.html b/people/20195.html
index fc2fa74a..32ee71f4 100644
--- a/people/20195.html
+++ b/people/20195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20196.html b/people/20196.html
index c15574e8..75b4a064 100644
--- a/people/20196.html
+++ b/people/20196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20197.html b/people/20197.html
index 6687ab83..1c55f2ae 100644
--- a/people/20197.html
+++ b/people/20197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20198.html b/people/20198.html
index 82754b5d..1fefedd3 100644
--- a/people/20198.html
+++ b/people/20198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20199.html b/people/20199.html
index 12a3276a..ff081feb 100644
--- a/people/20199.html
+++ b/people/20199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/202.html b/people/202.html
index 2994af0b..67db8e81 100644
--- a/people/202.html
+++ b/people/202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2020.html b/people/2020.html
index 84532d9e..6b14d470 100644
--- a/people/2020.html
+++ b/people/2020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20200.html b/people/20200.html
index 396a82f1..eed3bd33 100644
--- a/people/20200.html
+++ b/people/20200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20201.html b/people/20201.html
index 96577c5e..72a45c6f 100644
--- a/people/20201.html
+++ b/people/20201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20202.html b/people/20202.html
index e7b25345..ecf3c5b8 100644
--- a/people/20202.html
+++ b/people/20202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20203.html b/people/20203.html
index 21e71641..e22ba00d 100644
--- a/people/20203.html
+++ b/people/20203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20204.html b/people/20204.html
index 9a60ed5f..ab830134 100644
--- a/people/20204.html
+++ b/people/20204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20205.html b/people/20205.html
index 8335a02a..4e99372f 100644
--- a/people/20205.html
+++ b/people/20205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20206.html b/people/20206.html
index 07d69116..c365202f 100644
--- a/people/20206.html
+++ b/people/20206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20207.html b/people/20207.html
index 22719676..affe173e 100644
--- a/people/20207.html
+++ b/people/20207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20208.html b/people/20208.html
index 2f2eb9bd..a06c4496 100644
--- a/people/20208.html
+++ b/people/20208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20209.html b/people/20209.html
index 656b320b..a585b981 100644
--- a/people/20209.html
+++ b/people/20209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2021.html b/people/2021.html
index 9acaab6a..af307e1e 100644
--- a/people/2021.html
+++ b/people/2021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20210.html b/people/20210.html
index 9256c336..6bcd7539 100644
--- a/people/20210.html
+++ b/people/20210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20211.html b/people/20211.html
index 9c0318d3..514e7d48 100644
--- a/people/20211.html
+++ b/people/20211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20212.html b/people/20212.html
index 57c5b2e3..9fd794cc 100644
--- a/people/20212.html
+++ b/people/20212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20213.html b/people/20213.html
index c928fdc9..ee2f81cd 100644
--- a/people/20213.html
+++ b/people/20213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20214.html b/people/20214.html
index 096ee5d1..c911c937 100644
--- a/people/20214.html
+++ b/people/20214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20215.html b/people/20215.html
index 06e4288c..dcef9232 100644
--- a/people/20215.html
+++ b/people/20215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20216.html b/people/20216.html
index b5a433e8..17c3b0c1 100644
--- a/people/20216.html
+++ b/people/20216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20217.html b/people/20217.html
index bf54a6ee..e3faef5c 100644
--- a/people/20217.html
+++ b/people/20217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20218.html b/people/20218.html
index d9e4e1c5..19831ceb 100644
--- a/people/20218.html
+++ b/people/20218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20219.html b/people/20219.html
index 51cde70c..0f7997c4 100644
--- a/people/20219.html
+++ b/people/20219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2022.html b/people/2022.html
index 3ffee819..42231e3d 100644
--- a/people/2022.html
+++ b/people/2022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20220.html b/people/20220.html
index 2b69d07e..ca12ed17 100644
--- a/people/20220.html
+++ b/people/20220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20221.html b/people/20221.html
index f1bc9fc4..5f14b83b 100644
--- a/people/20221.html
+++ b/people/20221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20222.html b/people/20222.html
index 24a0ca99..51f8dfc2 100644
--- a/people/20222.html
+++ b/people/20222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20223.html b/people/20223.html
index 77462b43..3ff1d032 100644
--- a/people/20223.html
+++ b/people/20223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20224.html b/people/20224.html
index 7999c3c1..5f41553d 100644
--- a/people/20224.html
+++ b/people/20224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20225.html b/people/20225.html
index 36b4ff61..1c668ab2 100644
--- a/people/20225.html
+++ b/people/20225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20226.html b/people/20226.html
index cf787860..9941af98 100644
--- a/people/20226.html
+++ b/people/20226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20227.html b/people/20227.html
index 4e3af3b6..6fa50513 100644
--- a/people/20227.html
+++ b/people/20227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20228.html b/people/20228.html
index 4c1ef0fb..69eb2f1c 100644
--- a/people/20228.html
+++ b/people/20228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20229.html b/people/20229.html
index 30f203eb..2b109ffe 100644
--- a/people/20229.html
+++ b/people/20229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2023.html b/people/2023.html
index 1585a7dd..1715f3ab 100644
--- a/people/2023.html
+++ b/people/2023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20230.html b/people/20230.html
index b39219f2..154f7096 100644
--- a/people/20230.html
+++ b/people/20230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20231.html b/people/20231.html
index db12923b..b9dd7194 100644
--- a/people/20231.html
+++ b/people/20231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20232.html b/people/20232.html
index c0cec892..af09f2a9 100644
--- a/people/20232.html
+++ b/people/20232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20233.html b/people/20233.html
index c2cb1402..60b067bb 100644
--- a/people/20233.html
+++ b/people/20233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20234.html b/people/20234.html
index 2d654896..9abc57e4 100644
--- a/people/20234.html
+++ b/people/20234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20235.html b/people/20235.html
index 9088bb83..1995f7fb 100644
--- a/people/20235.html
+++ b/people/20235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20236.html b/people/20236.html
index 9df8086e..7aee484a 100644
--- a/people/20236.html
+++ b/people/20236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20237.html b/people/20237.html
index e0267dd0..120df73e 100644
--- a/people/20237.html
+++ b/people/20237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20238.html b/people/20238.html
index 88f6b002..0571e5f6 100644
--- a/people/20238.html
+++ b/people/20238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20239.html b/people/20239.html
index bfff70ef..f5b0691b 100644
--- a/people/20239.html
+++ b/people/20239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2024.html b/people/2024.html
index 4d7b3da5..7a0c81e5 100644
--- a/people/2024.html
+++ b/people/2024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20240.html b/people/20240.html
index f1399eab..623172df 100644
--- a/people/20240.html
+++ b/people/20240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20241.html b/people/20241.html
index d9836542..1e8801ef 100644
--- a/people/20241.html
+++ b/people/20241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20242.html b/people/20242.html
index 52453c92..c5e5379a 100644
--- a/people/20242.html
+++ b/people/20242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20243.html b/people/20243.html
index 37ccf021..6e31b6d3 100644
--- a/people/20243.html
+++ b/people/20243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20244.html b/people/20244.html
index b65a742a..75ed94b2 100644
--- a/people/20244.html
+++ b/people/20244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20245.html b/people/20245.html
index 4500cda0..73902e73 100644
--- a/people/20245.html
+++ b/people/20245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20246.html b/people/20246.html
index d13d68e5..d5e63a99 100644
--- a/people/20246.html
+++ b/people/20246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20247.html b/people/20247.html
index 2bb61d97..ea7beb07 100644
--- a/people/20247.html
+++ b/people/20247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20248.html b/people/20248.html
index aed2fdaa..1651d368 100644
--- a/people/20248.html
+++ b/people/20248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20249.html b/people/20249.html
index fe703e11..c363024c 100644
--- a/people/20249.html
+++ b/people/20249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2025.html b/people/2025.html
index 1f90d151..5905f7af 100644
--- a/people/2025.html
+++ b/people/2025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20250.html b/people/20250.html
index cd45081c..3664d936 100644
--- a/people/20250.html
+++ b/people/20250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20251.html b/people/20251.html
index 29e8c784..f2d16c90 100644
--- a/people/20251.html
+++ b/people/20251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20252.html b/people/20252.html
index cbf52563..a8245bdb 100644
--- a/people/20252.html
+++ b/people/20252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20253.html b/people/20253.html
index 5721f5dc..e4e2f7b9 100644
--- a/people/20253.html
+++ b/people/20253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20254.html b/people/20254.html
index e5085e15..b4334393 100644
--- a/people/20254.html
+++ b/people/20254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20255.html b/people/20255.html
index 3da20baf..690e481e 100644
--- a/people/20255.html
+++ b/people/20255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20256.html b/people/20256.html
index 5ba43397..853656bc 100644
--- a/people/20256.html
+++ b/people/20256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20257.html b/people/20257.html
index 5f88c6af..f416fed5 100644
--- a/people/20257.html
+++ b/people/20257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20258.html b/people/20258.html
index 70dc2508..14808533 100644
--- a/people/20258.html
+++ b/people/20258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20259.html b/people/20259.html
index 875a80a6..86d547f5 100644
--- a/people/20259.html
+++ b/people/20259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2026.html b/people/2026.html
index 491fcfe5..63490b04 100644
--- a/people/2026.html
+++ b/people/2026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20260.html b/people/20260.html
index 49da8222..07b60282 100644
--- a/people/20260.html
+++ b/people/20260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20261.html b/people/20261.html
index 9616ba6e..24ca6a2a 100644
--- a/people/20261.html
+++ b/people/20261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20262.html b/people/20262.html
index 2858310a..7c8f2bea 100644
--- a/people/20262.html
+++ b/people/20262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20263.html b/people/20263.html
index 24fe87b4..65e3a2e6 100644
--- a/people/20263.html
+++ b/people/20263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20264.html b/people/20264.html
index a3628cfa..3d135b28 100644
--- a/people/20264.html
+++ b/people/20264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20265.html b/people/20265.html
index 15f56bad..afc39f2f 100644
--- a/people/20265.html
+++ b/people/20265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20266.html b/people/20266.html
index 8825664e..768eb99f 100644
--- a/people/20266.html
+++ b/people/20266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20267.html b/people/20267.html
index 11b1e70a..3ddd69d1 100644
--- a/people/20267.html
+++ b/people/20267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20268.html b/people/20268.html
index e4d89ef9..a7360d43 100644
--- a/people/20268.html
+++ b/people/20268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20269.html b/people/20269.html
index d56bd5b0..12b444a5 100644
--- a/people/20269.html
+++ b/people/20269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2027.html b/people/2027.html
index 5b2095e2..bd77c998 100644
--- a/people/2027.html
+++ b/people/2027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20270.html b/people/20270.html
index d8068b6f..e83d1e8b 100644
--- a/people/20270.html
+++ b/people/20270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20271.html b/people/20271.html
index 70002578..27bd1da0 100644
--- a/people/20271.html
+++ b/people/20271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20272.html b/people/20272.html
index 0d4d9f90..8b8b5f40 100644
--- a/people/20272.html
+++ b/people/20272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20273.html b/people/20273.html
index 4680f644..122178d8 100644
--- a/people/20273.html
+++ b/people/20273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20274.html b/people/20274.html
index d1a8d880..4fb112d4 100644
--- a/people/20274.html
+++ b/people/20274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20275.html b/people/20275.html
index ee340117..03d50dcc 100644
--- a/people/20275.html
+++ b/people/20275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20276.html b/people/20276.html
index c756a4c8..20c378e2 100644
--- a/people/20276.html
+++ b/people/20276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20277.html b/people/20277.html
index ecb01afb..a89d0681 100644
--- a/people/20277.html
+++ b/people/20277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20278.html b/people/20278.html
index 96cc3bd0..5198bf5b 100644
--- a/people/20278.html
+++ b/people/20278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20279.html b/people/20279.html
index 31645f6c..dcac50aa 100644
--- a/people/20279.html
+++ b/people/20279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2028.html b/people/2028.html
index 0d7b3cf7..b61fe401 100644
--- a/people/2028.html
+++ b/people/2028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20280.html b/people/20280.html
index a0cb52c1..8ef51392 100644
--- a/people/20280.html
+++ b/people/20280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20281.html b/people/20281.html
index 9dfc2691..aa675570 100644
--- a/people/20281.html
+++ b/people/20281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20282.html b/people/20282.html
index ac5e3f50..d9303018 100644
--- a/people/20282.html
+++ b/people/20282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20283.html b/people/20283.html
index a2297586..dac004e3 100644
--- a/people/20283.html
+++ b/people/20283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20284.html b/people/20284.html
index 2115354b..ae2ea76a 100644
--- a/people/20284.html
+++ b/people/20284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20285.html b/people/20285.html
index c0c52fb9..b1d45208 100644
--- a/people/20285.html
+++ b/people/20285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20286.html b/people/20286.html
index a3b45720..7a1df4fe 100644
--- a/people/20286.html
+++ b/people/20286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20287.html b/people/20287.html
index c6069e9b..d55f0b09 100644
--- a/people/20287.html
+++ b/people/20287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20288.html b/people/20288.html
index 7cc658d4..b4d82076 100644
--- a/people/20288.html
+++ b/people/20288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20289.html b/people/20289.html
index 895c8088..eb9e30d4 100644
--- a/people/20289.html
+++ b/people/20289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2029.html b/people/2029.html
index 98b0605f..4c00d21c 100644
--- a/people/2029.html
+++ b/people/2029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20290.html b/people/20290.html
index 43694848..ef92c33e 100644
--- a/people/20290.html
+++ b/people/20290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20291.html b/people/20291.html
index 50db009a..4dd4e696 100644
--- a/people/20291.html
+++ b/people/20291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20292.html b/people/20292.html
index d7f87747..b1b52299 100644
--- a/people/20292.html
+++ b/people/20292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20293.html b/people/20293.html
index 06d70da5..2c2a13fd 100644
--- a/people/20293.html
+++ b/people/20293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20294.html b/people/20294.html
index 4b611173..c2bebd79 100644
--- a/people/20294.html
+++ b/people/20294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20295.html b/people/20295.html
index 0921183d..ce739be0 100644
--- a/people/20295.html
+++ b/people/20295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20296.html b/people/20296.html
index 9b3e0c60..6aa18366 100644
--- a/people/20296.html
+++ b/people/20296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20297.html b/people/20297.html
index 5742d37c..f1ae1bf4 100644
--- a/people/20297.html
+++ b/people/20297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20298.html b/people/20298.html
index 9b66d5fc..232e5183 100644
--- a/people/20298.html
+++ b/people/20298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20299.html b/people/20299.html
index 7c6167d0..6a7f8882 100644
--- a/people/20299.html
+++ b/people/20299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/203.html b/people/203.html
index 8ca38e75..780edb3f 100644
--- a/people/203.html
+++ b/people/203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2030.html b/people/2030.html
index c8cf0d27..010c3890 100644
--- a/people/2030.html
+++ b/people/2030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20300.html b/people/20300.html
index 19e0634e..edb2c2e3 100644
--- a/people/20300.html
+++ b/people/20300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20301.html b/people/20301.html
index 545ba1be..d8a4f8e8 100644
--- a/people/20301.html
+++ b/people/20301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20302.html b/people/20302.html
index ad068040..211d9045 100644
--- a/people/20302.html
+++ b/people/20302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20303.html b/people/20303.html
index fe24c946..f4999477 100644
--- a/people/20303.html
+++ b/people/20303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20304.html b/people/20304.html
index f775c10d..3fc7b6b3 100644
--- a/people/20304.html
+++ b/people/20304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20305.html b/people/20305.html
index e3c093a8..8ed111af 100644
--- a/people/20305.html
+++ b/people/20305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20306.html b/people/20306.html
index f95756e5..7a699b1a 100644
--- a/people/20306.html
+++ b/people/20306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20307.html b/people/20307.html
index 03f589ec..09b1f9f5 100644
--- a/people/20307.html
+++ b/people/20307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20308.html b/people/20308.html
index 9551d476..7b417ca9 100644
--- a/people/20308.html
+++ b/people/20308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20309.html b/people/20309.html
index bd79483c..0bb5de9f 100644
--- a/people/20309.html
+++ b/people/20309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2031.html b/people/2031.html
index 7e2a41c5..64aa2096 100644
--- a/people/2031.html
+++ b/people/2031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20310.html b/people/20310.html
index 9be4a7cd..ad9736fd 100644
--- a/people/20310.html
+++ b/people/20310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20311.html b/people/20311.html
index 5ab52be6..eb8aa7e2 100644
--- a/people/20311.html
+++ b/people/20311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20312.html b/people/20312.html
index 63c99de7..0f8a65ed 100644
--- a/people/20312.html
+++ b/people/20312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20313.html b/people/20313.html
index 73fc6db3..7dcd92d0 100644
--- a/people/20313.html
+++ b/people/20313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20314.html b/people/20314.html
index df2c2c6d..80e8c05d 100644
--- a/people/20314.html
+++ b/people/20314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20315.html b/people/20315.html
index 775b89a4..568ee183 100644
--- a/people/20315.html
+++ b/people/20315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20316.html b/people/20316.html
index ca3b8bcd..a1f3ba1b 100644
--- a/people/20316.html
+++ b/people/20316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20317.html b/people/20317.html
index 518716e6..51aee909 100644
--- a/people/20317.html
+++ b/people/20317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20318.html b/people/20318.html
index 08d3abd6..0e0ee19d 100644
--- a/people/20318.html
+++ b/people/20318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20319.html b/people/20319.html
index 4c4e6c40..dfd773ee 100644
--- a/people/20319.html
+++ b/people/20319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2032.html b/people/2032.html
index 172544f3..fe7858a4 100644
--- a/people/2032.html
+++ b/people/2032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20320.html b/people/20320.html
index 73bdf168..8122d7a4 100644
--- a/people/20320.html
+++ b/people/20320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20321.html b/people/20321.html
index 38cfa72b..7f779c1b 100644
--- a/people/20321.html
+++ b/people/20321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20322.html b/people/20322.html
index b152a561..e724dbab 100644
--- a/people/20322.html
+++ b/people/20322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20323.html b/people/20323.html
index 8d1ac809..ca825778 100644
--- a/people/20323.html
+++ b/people/20323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20324.html b/people/20324.html
index fadb8149..846fdaff 100644
--- a/people/20324.html
+++ b/people/20324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20325.html b/people/20325.html
index 859c1eeb..35cc38a3 100644
--- a/people/20325.html
+++ b/people/20325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20326.html b/people/20326.html
index c3eab5b8..19c19771 100644
--- a/people/20326.html
+++ b/people/20326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20327.html b/people/20327.html
index 15353996..d577a5f0 100644
--- a/people/20327.html
+++ b/people/20327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20328.html b/people/20328.html
index 86689cd0..d0328c10 100644
--- a/people/20328.html
+++ b/people/20328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20329.html b/people/20329.html
index 64d1ec08..5d00dbd1 100644
--- a/people/20329.html
+++ b/people/20329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2033.html b/people/2033.html
index 78181a03..c3b4cca7 100644
--- a/people/2033.html
+++ b/people/2033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20330.html b/people/20330.html
index d9d9b48e..8dd61cef 100644
--- a/people/20330.html
+++ b/people/20330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20331.html b/people/20331.html
index 747b0f8a..f731da27 100644
--- a/people/20331.html
+++ b/people/20331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20332.html b/people/20332.html
index 1bab9bd1..e51bb651 100644
--- a/people/20332.html
+++ b/people/20332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20333.html b/people/20333.html
index 010ef049..3cb4c716 100644
--- a/people/20333.html
+++ b/people/20333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20334.html b/people/20334.html
index 2c333e70..43528510 100644
--- a/people/20334.html
+++ b/people/20334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20335.html b/people/20335.html
index 300552ac..c7fd1cb9 100644
--- a/people/20335.html
+++ b/people/20335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20336.html b/people/20336.html
index 6e6dd137..bbc34259 100644
--- a/people/20336.html
+++ b/people/20336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20337.html b/people/20337.html
index e6a324ce..7ee3923a 100644
--- a/people/20337.html
+++ b/people/20337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20338.html b/people/20338.html
index 5ad99f4b..02fa0fec 100644
--- a/people/20338.html
+++ b/people/20338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20339.html b/people/20339.html
index b4968d66..3d28cb6f 100644
--- a/people/20339.html
+++ b/people/20339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2034.html b/people/2034.html
index 2154110e..164ccc44 100644
--- a/people/2034.html
+++ b/people/2034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20340.html b/people/20340.html
index 79f97fb4..51aa5c56 100644
--- a/people/20340.html
+++ b/people/20340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20341.html b/people/20341.html
index 81281d6a..614d73be 100644
--- a/people/20341.html
+++ b/people/20341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20342.html b/people/20342.html
index ff94d68e..989969b9 100644
--- a/people/20342.html
+++ b/people/20342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20343.html b/people/20343.html
index d86ffdf4..34d4535b 100644
--- a/people/20343.html
+++ b/people/20343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20344.html b/people/20344.html
index 8afa28a8..161df7fb 100644
--- a/people/20344.html
+++ b/people/20344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20345.html b/people/20345.html
index aa38608b..28547671 100644
--- a/people/20345.html
+++ b/people/20345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20346.html b/people/20346.html
index 2ca5e29b..2180bcf7 100644
--- a/people/20346.html
+++ b/people/20346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20347.html b/people/20347.html
index a8008f79..6611e42c 100644
--- a/people/20347.html
+++ b/people/20347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20348.html b/people/20348.html
index 8ccadd26..8b8e5cd5 100644
--- a/people/20348.html
+++ b/people/20348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20349.html b/people/20349.html
index 24e69239..50fb4585 100644
--- a/people/20349.html
+++ b/people/20349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2035.html b/people/2035.html
index 3498d7ce..fd53a8e1 100644
--- a/people/2035.html
+++ b/people/2035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20350.html b/people/20350.html
index bf81d849..ed3e6586 100644
--- a/people/20350.html
+++ b/people/20350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20351.html b/people/20351.html
index 0043beb5..ee85c609 100644
--- a/people/20351.html
+++ b/people/20351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20352.html b/people/20352.html
index 630199d3..d375ea5a 100644
--- a/people/20352.html
+++ b/people/20352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20353.html b/people/20353.html
index 6e6d5518..7b9fe243 100644
--- a/people/20353.html
+++ b/people/20353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20354.html b/people/20354.html
index 1b36a276..1a7a41a8 100644
--- a/people/20354.html
+++ b/people/20354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20355.html b/people/20355.html
index a6e21e14..cdfe52fa 100644
--- a/people/20355.html
+++ b/people/20355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20356.html b/people/20356.html
index 1ec3d44c..9da4ecec 100644
--- a/people/20356.html
+++ b/people/20356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20357.html b/people/20357.html
index 08c56ad3..72de0624 100644
--- a/people/20357.html
+++ b/people/20357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20358.html b/people/20358.html
index ea76a428..3756cee2 100644
--- a/people/20358.html
+++ b/people/20358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20359.html b/people/20359.html
index 7c7d762d..d0f4247d 100644
--- a/people/20359.html
+++ b/people/20359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2036.html b/people/2036.html
index 9ffa1b3a..19d6d871 100644
--- a/people/2036.html
+++ b/people/2036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20360.html b/people/20360.html
index 2250388b..8d8eee02 100644
--- a/people/20360.html
+++ b/people/20360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20361.html b/people/20361.html
index 4bde72d5..3ebdb467 100644
--- a/people/20361.html
+++ b/people/20361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20362.html b/people/20362.html
index dfdf5334..58e8e8f3 100644
--- a/people/20362.html
+++ b/people/20362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20363.html b/people/20363.html
index 05f499ad..5b8695ab 100644
--- a/people/20363.html
+++ b/people/20363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20364.html b/people/20364.html
index 3e1f8fab..e8ef12fe 100644
--- a/people/20364.html
+++ b/people/20364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20365.html b/people/20365.html
index 4e7633b4..286660d7 100644
--- a/people/20365.html
+++ b/people/20365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20366.html b/people/20366.html
index d851bcaa..4d1b0733 100644
--- a/people/20366.html
+++ b/people/20366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20367.html b/people/20367.html
index 269002e3..745d603f 100644
--- a/people/20367.html
+++ b/people/20367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20368.html b/people/20368.html
index b5bf0d1c..4c4f241b 100644
--- a/people/20368.html
+++ b/people/20368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20369.html b/people/20369.html
index 3791f145..a7a530d6 100644
--- a/people/20369.html
+++ b/people/20369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2037.html b/people/2037.html
index 21745954..ee0ce722 100644
--- a/people/2037.html
+++ b/people/2037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20370.html b/people/20370.html
index 1040b939..d4a067ce 100644
--- a/people/20370.html
+++ b/people/20370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20371.html b/people/20371.html
index 4dc021cb..5a669c12 100644
--- a/people/20371.html
+++ b/people/20371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20372.html b/people/20372.html
index 7d040b55..3e77e560 100644
--- a/people/20372.html
+++ b/people/20372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20373.html b/people/20373.html
index 9361f2ee..99db718c 100644
--- a/people/20373.html
+++ b/people/20373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20374.html b/people/20374.html
index 3cc3a347..289254fb 100644
--- a/people/20374.html
+++ b/people/20374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20375.html b/people/20375.html
index 42c6a1c2..6eace5b1 100644
--- a/people/20375.html
+++ b/people/20375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20376.html b/people/20376.html
index e4568835..6221b620 100644
--- a/people/20376.html
+++ b/people/20376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20377.html b/people/20377.html
index 78bc9c60..3b047fed 100644
--- a/people/20377.html
+++ b/people/20377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20378.html b/people/20378.html
index af1fe825..a8e1d05b 100644
--- a/people/20378.html
+++ b/people/20378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20379.html b/people/20379.html
index 734ba04a..36a3c0b8 100644
--- a/people/20379.html
+++ b/people/20379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2038.html b/people/2038.html
index b7b6e76a..06c4fc96 100644
--- a/people/2038.html
+++ b/people/2038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20380.html b/people/20380.html
index eac90674..35197c56 100644
--- a/people/20380.html
+++ b/people/20380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20381.html b/people/20381.html
index 79f84dbd..ca54faf4 100644
--- a/people/20381.html
+++ b/people/20381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20382.html b/people/20382.html
index 951ba38d..49d2101d 100644
--- a/people/20382.html
+++ b/people/20382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20383.html b/people/20383.html
index b1e97794..74f78b44 100644
--- a/people/20383.html
+++ b/people/20383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20384.html b/people/20384.html
index f5e97d33..587297ab 100644
--- a/people/20384.html
+++ b/people/20384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20385.html b/people/20385.html
index d3d8c253..11355471 100644
--- a/people/20385.html
+++ b/people/20385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20386.html b/people/20386.html
index 970e57cd..bfb2e27a 100644
--- a/people/20386.html
+++ b/people/20386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20387.html b/people/20387.html
index 4ff03d92..f40fc9a4 100644
--- a/people/20387.html
+++ b/people/20387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20388.html b/people/20388.html
index d8640d5a..4b707db0 100644
--- a/people/20388.html
+++ b/people/20388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20389.html b/people/20389.html
index 8d847e56..10d9635f 100644
--- a/people/20389.html
+++ b/people/20389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2039.html b/people/2039.html
index 9deb05e3..67cc08a9 100644
--- a/people/2039.html
+++ b/people/2039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20390.html b/people/20390.html
index 1f34f1c8..c005c68f 100644
--- a/people/20390.html
+++ b/people/20390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20391.html b/people/20391.html
index 42b64c14..1805e1fa 100644
--- a/people/20391.html
+++ b/people/20391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20392.html b/people/20392.html
index a610ed59..28eb087e 100644
--- a/people/20392.html
+++ b/people/20392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20393.html b/people/20393.html
index f90e4fc6..8e88cdd7 100644
--- a/people/20393.html
+++ b/people/20393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20394.html b/people/20394.html
index c0f8ab47..68f3a9ed 100644
--- a/people/20394.html
+++ b/people/20394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20395.html b/people/20395.html
index 1322aa5c..affcccf5 100644
--- a/people/20395.html
+++ b/people/20395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20396.html b/people/20396.html
index c02932f4..f8136d84 100644
--- a/people/20396.html
+++ b/people/20396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20397.html b/people/20397.html
index 20c7b62d..742c168a 100644
--- a/people/20397.html
+++ b/people/20397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20398.html b/people/20398.html
index b62fef35..cea34e72 100644
--- a/people/20398.html
+++ b/people/20398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20399.html b/people/20399.html
index b7ee1a73..5d391a80 100644
--- a/people/20399.html
+++ b/people/20399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/204.html b/people/204.html
index bd5ba11b..0bf4d274 100644
--- a/people/204.html
+++ b/people/204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2040.html b/people/2040.html
index 7743dc79..570369a9 100644
--- a/people/2040.html
+++ b/people/2040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20400.html b/people/20400.html
index e7c6866a..7ba93ef9 100644
--- a/people/20400.html
+++ b/people/20400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20401.html b/people/20401.html
index 03d316a1..c96c6bad 100644
--- a/people/20401.html
+++ b/people/20401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20402.html b/people/20402.html
index 8e1dbb66..2e361056 100644
--- a/people/20402.html
+++ b/people/20402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20403.html b/people/20403.html
index aab94a21..342b4425 100644
--- a/people/20403.html
+++ b/people/20403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20404.html b/people/20404.html
index 9d33df23..370f22db 100644
--- a/people/20404.html
+++ b/people/20404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20405.html b/people/20405.html
index a8206892..dd83d77e 100644
--- a/people/20405.html
+++ b/people/20405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20406.html b/people/20406.html
index e609dd24..148980f6 100644
--- a/people/20406.html
+++ b/people/20406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20407.html b/people/20407.html
index 1f576f61..b04c5b61 100644
--- a/people/20407.html
+++ b/people/20407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20408.html b/people/20408.html
index 83c88111..38650784 100644
--- a/people/20408.html
+++ b/people/20408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20409.html b/people/20409.html
index dda6c374..eb92ffb2 100644
--- a/people/20409.html
+++ b/people/20409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2041.html b/people/2041.html
index 01b50f83..12bc6ac0 100644
--- a/people/2041.html
+++ b/people/2041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20410.html b/people/20410.html
index 1948e65c..99017266 100644
--- a/people/20410.html
+++ b/people/20410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20411.html b/people/20411.html
index 0e08c11d..4148fbf8 100644
--- a/people/20411.html
+++ b/people/20411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20412.html b/people/20412.html
index edd06965..3968fb77 100644
--- a/people/20412.html
+++ b/people/20412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20413.html b/people/20413.html
index 7185e743..99c673c2 100644
--- a/people/20413.html
+++ b/people/20413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20414.html b/people/20414.html
index ca790354..8e81eda0 100644
--- a/people/20414.html
+++ b/people/20414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20415.html b/people/20415.html
index 387d7b67..e91e347d 100644
--- a/people/20415.html
+++ b/people/20415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20416.html b/people/20416.html
index ceadafd1..4f7cfcb0 100644
--- a/people/20416.html
+++ b/people/20416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20417.html b/people/20417.html
index cc0cf79e..3758df31 100644
--- a/people/20417.html
+++ b/people/20417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20418.html b/people/20418.html
index d6e1b7a6..741a17eb 100644
--- a/people/20418.html
+++ b/people/20418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20419.html b/people/20419.html
index bcddf61e..44857910 100644
--- a/people/20419.html
+++ b/people/20419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2042.html b/people/2042.html
index 725cd543..f9245407 100644
--- a/people/2042.html
+++ b/people/2042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20420.html b/people/20420.html
index b3e14de9..d75ca462 100644
--- a/people/20420.html
+++ b/people/20420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20421.html b/people/20421.html
index 1f4556a6..4ce3b482 100644
--- a/people/20421.html
+++ b/people/20421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20422.html b/people/20422.html
index 8aeb5aad..e29b8f1f 100644
--- a/people/20422.html
+++ b/people/20422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20423.html b/people/20423.html
index 2316afd8..a75018c0 100644
--- a/people/20423.html
+++ b/people/20423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20424.html b/people/20424.html
index 678fe341..7ff66404 100644
--- a/people/20424.html
+++ b/people/20424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20425.html b/people/20425.html
index 1be83542..da8614ee 100644
--- a/people/20425.html
+++ b/people/20425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20426.html b/people/20426.html
index 811514a6..3f07c977 100644
--- a/people/20426.html
+++ b/people/20426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20427.html b/people/20427.html
index 07ea61e5..ce096bc9 100644
--- a/people/20427.html
+++ b/people/20427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20428.html b/people/20428.html
index 2b54b508..3055a0d9 100644
--- a/people/20428.html
+++ b/people/20428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20429.html b/people/20429.html
index b88a53ad..a9c0c275 100644
--- a/people/20429.html
+++ b/people/20429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2043.html b/people/2043.html
index 5c720b59..1ef52cff 100644
--- a/people/2043.html
+++ b/people/2043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20430.html b/people/20430.html
index 25df4ffa..61115770 100644
--- a/people/20430.html
+++ b/people/20430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20431.html b/people/20431.html
index 2a3d71ef..6b3623b3 100644
--- a/people/20431.html
+++ b/people/20431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20432.html b/people/20432.html
index 3d0d88ed..b1b37706 100644
--- a/people/20432.html
+++ b/people/20432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20433.html b/people/20433.html
index 0797d28f..85f7b45a 100644
--- a/people/20433.html
+++ b/people/20433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20434.html b/people/20434.html
index df348df0..bf53b950 100644
--- a/people/20434.html
+++ b/people/20434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20435.html b/people/20435.html
index 983e910e..d0d7fabd 100644
--- a/people/20435.html
+++ b/people/20435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20436.html b/people/20436.html
index d978995d..e014991c 100644
--- a/people/20436.html
+++ b/people/20436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20437.html b/people/20437.html
index 68b63319..01456991 100644
--- a/people/20437.html
+++ b/people/20437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20438.html b/people/20438.html
index 63c7a8b0..2aba4995 100644
--- a/people/20438.html
+++ b/people/20438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20439.html b/people/20439.html
index bfd8688c..a66f7eb9 100644
--- a/people/20439.html
+++ b/people/20439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2044.html b/people/2044.html
index f68e7101..67baa99d 100644
--- a/people/2044.html
+++ b/people/2044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20440.html b/people/20440.html
index 474e70e0..211c783b 100644
--- a/people/20440.html
+++ b/people/20440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20441.html b/people/20441.html
index ce1490a3..8b2572fb 100644
--- a/people/20441.html
+++ b/people/20441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20442.html b/people/20442.html
index c229dc3e..24028470 100644
--- a/people/20442.html
+++ b/people/20442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20443.html b/people/20443.html
index 48056647..78cf8449 100644
--- a/people/20443.html
+++ b/people/20443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20444.html b/people/20444.html
index 84b3f9d9..a08b1241 100644
--- a/people/20444.html
+++ b/people/20444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20445.html b/people/20445.html
index ee438a97..dc317d98 100644
--- a/people/20445.html
+++ b/people/20445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20446.html b/people/20446.html
index a72df8a8..ffd9928c 100644
--- a/people/20446.html
+++ b/people/20446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20447.html b/people/20447.html
index 467deb16..07fcf9c8 100644
--- a/people/20447.html
+++ b/people/20447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20448.html b/people/20448.html
index dc81f212..b2cea1c6 100644
--- a/people/20448.html
+++ b/people/20448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20449.html b/people/20449.html
index 48cd460c..3207357a 100644
--- a/people/20449.html
+++ b/people/20449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2045.html b/people/2045.html
index 8782ea43..411c5af1 100644
--- a/people/2045.html
+++ b/people/2045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20450.html b/people/20450.html
index 17200453..c8c01457 100644
--- a/people/20450.html
+++ b/people/20450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20451.html b/people/20451.html
index 42915cfb..316e1a72 100644
--- a/people/20451.html
+++ b/people/20451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20452.html b/people/20452.html
index 88871cdc..388ea72f 100644
--- a/people/20452.html
+++ b/people/20452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20453.html b/people/20453.html
index 79040380..4c4388f7 100644
--- a/people/20453.html
+++ b/people/20453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20454.html b/people/20454.html
index aa06c386..d8638374 100644
--- a/people/20454.html
+++ b/people/20454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20455.html b/people/20455.html
index ffd7f7e4..c152ad76 100644
--- a/people/20455.html
+++ b/people/20455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20456.html b/people/20456.html
index 6cd9d41d..c6c667e6 100644
--- a/people/20456.html
+++ b/people/20456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20457.html b/people/20457.html
index b5c02e6b..cc23ea16 100644
--- a/people/20457.html
+++ b/people/20457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20458.html b/people/20458.html
index a701d316..e5c30479 100644
--- a/people/20458.html
+++ b/people/20458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20459.html b/people/20459.html
index 233af4ab..45bd0584 100644
--- a/people/20459.html
+++ b/people/20459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2046.html b/people/2046.html
index 592f80ee..ccb3fd6c 100644
--- a/people/2046.html
+++ b/people/2046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20460.html b/people/20460.html
index 9b3135a2..1eb84216 100644
--- a/people/20460.html
+++ b/people/20460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20461.html b/people/20461.html
index d79f04cf..fc6b4fa4 100644
--- a/people/20461.html
+++ b/people/20461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20462.html b/people/20462.html
index 4ca8da28..fc82bcb2 100644
--- a/people/20462.html
+++ b/people/20462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20463.html b/people/20463.html
index 036a50f5..e2c02413 100644
--- a/people/20463.html
+++ b/people/20463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20464.html b/people/20464.html
index 611154e6..187eb024 100644
--- a/people/20464.html
+++ b/people/20464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20465.html b/people/20465.html
index 2e288c24..98326ecb 100644
--- a/people/20465.html
+++ b/people/20465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20466.html b/people/20466.html
index 893ec853..744ce8fc 100644
--- a/people/20466.html
+++ b/people/20466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20467.html b/people/20467.html
index 4eb50bc5..02ee4c34 100644
--- a/people/20467.html
+++ b/people/20467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20468.html b/people/20468.html
index 0ca17591..c20816bf 100644
--- a/people/20468.html
+++ b/people/20468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20469.html b/people/20469.html
index 4b123a9d..96148c7d 100644
--- a/people/20469.html
+++ b/people/20469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2047.html b/people/2047.html
index 708db64a..f83f3b02 100644
--- a/people/2047.html
+++ b/people/2047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20470.html b/people/20470.html
index 1c3d8a78..cb64bea2 100644
--- a/people/20470.html
+++ b/people/20470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20471.html b/people/20471.html
index 115f8a89..f46be137 100644
--- a/people/20471.html
+++ b/people/20471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20472.html b/people/20472.html
index 134bab6c..b5f5df27 100644
--- a/people/20472.html
+++ b/people/20472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20473.html b/people/20473.html
index 72f1ad0f..02acaeac 100644
--- a/people/20473.html
+++ b/people/20473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20474.html b/people/20474.html
index 6976cc11..e7a55694 100644
--- a/people/20474.html
+++ b/people/20474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20475.html b/people/20475.html
index 1a95e55e..188fb431 100644
--- a/people/20475.html
+++ b/people/20475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20476.html b/people/20476.html
index 94081649..ab900c31 100644
--- a/people/20476.html
+++ b/people/20476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20477.html b/people/20477.html
index de60494d..4377481f 100644
--- a/people/20477.html
+++ b/people/20477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20478.html b/people/20478.html
index ea172067..588e69ee 100644
--- a/people/20478.html
+++ b/people/20478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20479.html b/people/20479.html
index 773ef906..49dc6a4d 100644
--- a/people/20479.html
+++ b/people/20479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2048.html b/people/2048.html
index 87b95c2b..68dd9393 100644
--- a/people/2048.html
+++ b/people/2048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20480.html b/people/20480.html
index f72b2628..a92296df 100644
--- a/people/20480.html
+++ b/people/20480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20481.html b/people/20481.html
index 4e38bdeb..81e2294f 100644
--- a/people/20481.html
+++ b/people/20481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20482.html b/people/20482.html
index 38209334..c55bfd6f 100644
--- a/people/20482.html
+++ b/people/20482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20483.html b/people/20483.html
index cb785570..200ff689 100644
--- a/people/20483.html
+++ b/people/20483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20484.html b/people/20484.html
index 1f936db7..67a0c06d 100644
--- a/people/20484.html
+++ b/people/20484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20485.html b/people/20485.html
index 1a93e0ae..59fcf76f 100644
--- a/people/20485.html
+++ b/people/20485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20486.html b/people/20486.html
index 564458d6..d0bdd6ab 100644
--- a/people/20486.html
+++ b/people/20486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20487.html b/people/20487.html
index 84c5e515..1912b3e9 100644
--- a/people/20487.html
+++ b/people/20487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20488.html b/people/20488.html
index 57bca7c5..284b402a 100644
--- a/people/20488.html
+++ b/people/20488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20489.html b/people/20489.html
index 2e118ef9..a5e876ce 100644
--- a/people/20489.html
+++ b/people/20489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2049.html b/people/2049.html
index 4fc4eb50..229523d3 100644
--- a/people/2049.html
+++ b/people/2049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20490.html b/people/20490.html
index a695b502..f436f8fc 100644
--- a/people/20490.html
+++ b/people/20490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20491.html b/people/20491.html
index dd03f3c6..7ca46d4c 100644
--- a/people/20491.html
+++ b/people/20491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20492.html b/people/20492.html
index d93a7ac0..bfdafbe4 100644
--- a/people/20492.html
+++ b/people/20492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20493.html b/people/20493.html
index b2d23f44..eb9711ec 100644
--- a/people/20493.html
+++ b/people/20493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20494.html b/people/20494.html
index fe6a2fca..498f0dba 100644
--- a/people/20494.html
+++ b/people/20494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20495.html b/people/20495.html
index c139bba3..b331bc51 100644
--- a/people/20495.html
+++ b/people/20495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20496.html b/people/20496.html
index e4c2531a..0ff98860 100644
--- a/people/20496.html
+++ b/people/20496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20497.html b/people/20497.html
index 432af3e6..0c5390a1 100644
--- a/people/20497.html
+++ b/people/20497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20498.html b/people/20498.html
index c049a9c2..6be5d3f4 100644
--- a/people/20498.html
+++ b/people/20498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20499.html b/people/20499.html
index bdb0714b..452c9305 100644
--- a/people/20499.html
+++ b/people/20499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/205.html b/people/205.html
index 2488a719..d5f15a90 100644
--- a/people/205.html
+++ b/people/205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2050.html b/people/2050.html
index 13c83713..5243d817 100644
--- a/people/2050.html
+++ b/people/2050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20500.html b/people/20500.html
index 72daab20..25df533f 100644
--- a/people/20500.html
+++ b/people/20500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20501.html b/people/20501.html
index b59ef6e1..ba93a7a0 100644
--- a/people/20501.html
+++ b/people/20501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20502.html b/people/20502.html
index bfd019f5..b1dbd638 100644
--- a/people/20502.html
+++ b/people/20502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20503.html b/people/20503.html
index a28b2e29..e4923a51 100644
--- a/people/20503.html
+++ b/people/20503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20504.html b/people/20504.html
index 408463ac..ddaa9cde 100644
--- a/people/20504.html
+++ b/people/20504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20505.html b/people/20505.html
index 1da4fe20..a87dc7e9 100644
--- a/people/20505.html
+++ b/people/20505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20506.html b/people/20506.html
index c7b20a5d..80f92cd4 100644
--- a/people/20506.html
+++ b/people/20506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20507.html b/people/20507.html
index 56375328..33447c8a 100644
--- a/people/20507.html
+++ b/people/20507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20508.html b/people/20508.html
index 6ca30766..7fbcba87 100644
--- a/people/20508.html
+++ b/people/20508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20509.html b/people/20509.html
index 8973d223..10b19806 100644
--- a/people/20509.html
+++ b/people/20509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2051.html b/people/2051.html
index a3a030d7..07a503a3 100644
--- a/people/2051.html
+++ b/people/2051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20510.html b/people/20510.html
index c7860178..44b3d092 100644
--- a/people/20510.html
+++ b/people/20510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20511.html b/people/20511.html
index 4317d4fa..8351e0c9 100644
--- a/people/20511.html
+++ b/people/20511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20512.html b/people/20512.html
index 31150298..406868e6 100644
--- a/people/20512.html
+++ b/people/20512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20513.html b/people/20513.html
index 5d8b5d50..1e67fbd5 100644
--- a/people/20513.html
+++ b/people/20513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20514.html b/people/20514.html
index 42e90b67..53ece188 100644
--- a/people/20514.html
+++ b/people/20514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20515.html b/people/20515.html
index bd954f92..e7bf9f69 100644
--- a/people/20515.html
+++ b/people/20515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20516.html b/people/20516.html
index bca33079..7ce7b9a5 100644
--- a/people/20516.html
+++ b/people/20516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20517.html b/people/20517.html
index b31573da..78628858 100644
--- a/people/20517.html
+++ b/people/20517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20518.html b/people/20518.html
index 7eea3391..72671eee 100644
--- a/people/20518.html
+++ b/people/20518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20519.html b/people/20519.html
index 6d9e8322..53422735 100644
--- a/people/20519.html
+++ b/people/20519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2052.html b/people/2052.html
index f37c3092..73c1c35c 100644
--- a/people/2052.html
+++ b/people/2052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20520.html b/people/20520.html
index be219bc5..09d2598e 100644
--- a/people/20520.html
+++ b/people/20520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20521.html b/people/20521.html
index b1e4c802..a0d5d948 100644
--- a/people/20521.html
+++ b/people/20521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20522.html b/people/20522.html
index de141bbe..b0a29dd2 100644
--- a/people/20522.html
+++ b/people/20522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20523.html b/people/20523.html
index c81e4126..cb1bcd63 100644
--- a/people/20523.html
+++ b/people/20523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20524.html b/people/20524.html
index d55fcd8e..cd1013ce 100644
--- a/people/20524.html
+++ b/people/20524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20525.html b/people/20525.html
index 275bf596..fca0d45d 100644
--- a/people/20525.html
+++ b/people/20525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20526.html b/people/20526.html
index 2135f1f4..6cacf316 100644
--- a/people/20526.html
+++ b/people/20526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20527.html b/people/20527.html
index 7c53414c..c1630975 100644
--- a/people/20527.html
+++ b/people/20527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20528.html b/people/20528.html
index 6f681f36..21efff9b 100644
--- a/people/20528.html
+++ b/people/20528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20529.html b/people/20529.html
index 2b68596c..0898405d 100644
--- a/people/20529.html
+++ b/people/20529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2053.html b/people/2053.html
index 4efbadab..d4b4807b 100644
--- a/people/2053.html
+++ b/people/2053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20530.html b/people/20530.html
index d9e061fb..a47544fe 100644
--- a/people/20530.html
+++ b/people/20530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20531.html b/people/20531.html
index 51062ba1..025facde 100644
--- a/people/20531.html
+++ b/people/20531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20532.html b/people/20532.html
index 36b65b5d..2829e608 100644
--- a/people/20532.html
+++ b/people/20532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20533.html b/people/20533.html
index 3014a837..fb8b6145 100644
--- a/people/20533.html
+++ b/people/20533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20534.html b/people/20534.html
index 7f42e043..0324c063 100644
--- a/people/20534.html
+++ b/people/20534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20535.html b/people/20535.html
index 9f64de73..2d778a32 100644
--- a/people/20535.html
+++ b/people/20535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20536.html b/people/20536.html
index cfb09e70..56e66d3e 100644
--- a/people/20536.html
+++ b/people/20536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20537.html b/people/20537.html
index 057a24fc..f09308ae 100644
--- a/people/20537.html
+++ b/people/20537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20538.html b/people/20538.html
index 410e9760..59e85558 100644
--- a/people/20538.html
+++ b/people/20538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20539.html b/people/20539.html
index 5aea0594..222f86f1 100644
--- a/people/20539.html
+++ b/people/20539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2054.html b/people/2054.html
index c941bf8a..5a6954d0 100644
--- a/people/2054.html
+++ b/people/2054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20540.html b/people/20540.html
index fb290717..abbaa1da 100644
--- a/people/20540.html
+++ b/people/20540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20541.html b/people/20541.html
index 68a92f5d..d8191b9c 100644
--- a/people/20541.html
+++ b/people/20541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20542.html b/people/20542.html
index 0669cdfe..18375b7a 100644
--- a/people/20542.html
+++ b/people/20542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20543.html b/people/20543.html
index 82867955..eb0f8776 100644
--- a/people/20543.html
+++ b/people/20543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20544.html b/people/20544.html
index 74f3138a..629059e2 100644
--- a/people/20544.html
+++ b/people/20544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20545.html b/people/20545.html
index eff0738f..a14f68e3 100644
--- a/people/20545.html
+++ b/people/20545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20546.html b/people/20546.html
index be59650e..6406d804 100644
--- a/people/20546.html
+++ b/people/20546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20547.html b/people/20547.html
index 61861ad2..acbea9d8 100644
--- a/people/20547.html
+++ b/people/20547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20548.html b/people/20548.html
index ef6fbe2b..f7c67147 100644
--- a/people/20548.html
+++ b/people/20548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20549.html b/people/20549.html
index 7f1ffb4d..b9f1d0cd 100644
--- a/people/20549.html
+++ b/people/20549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2055.html b/people/2055.html
index 3893634b..e5eeae4e 100644
--- a/people/2055.html
+++ b/people/2055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20550.html b/people/20550.html
index 39c1b79a..2f1d1de0 100644
--- a/people/20550.html
+++ b/people/20550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20551.html b/people/20551.html
index f2bf254c..2f52cd0b 100644
--- a/people/20551.html
+++ b/people/20551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20552.html b/people/20552.html
index 19754892..80b9b400 100644
--- a/people/20552.html
+++ b/people/20552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20553.html b/people/20553.html
index b95b4da8..17a29e9b 100644
--- a/people/20553.html
+++ b/people/20553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20554.html b/people/20554.html
index 6ace4af8..c6aceb4a 100644
--- a/people/20554.html
+++ b/people/20554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20555.html b/people/20555.html
index 74b2f32d..924d2289 100644
--- a/people/20555.html
+++ b/people/20555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20556.html b/people/20556.html
index ef88a589..65c19ec2 100644
--- a/people/20556.html
+++ b/people/20556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20557.html b/people/20557.html
index 3809e80b..3bf4d25c 100644
--- a/people/20557.html
+++ b/people/20557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20558.html b/people/20558.html
index 350fc9a6..1cf1fef5 100644
--- a/people/20558.html
+++ b/people/20558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20559.html b/people/20559.html
index 1acdb99b..41ee7636 100644
--- a/people/20559.html
+++ b/people/20559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2056.html b/people/2056.html
index 09cb1891..12f88e7a 100644
--- a/people/2056.html
+++ b/people/2056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20560.html b/people/20560.html
index 34c9057b..8e5c4186 100644
--- a/people/20560.html
+++ b/people/20560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20561.html b/people/20561.html
index 78c4fff9..4b0aa4bf 100644
--- a/people/20561.html
+++ b/people/20561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20562.html b/people/20562.html
index 9da17f57..8e7179c5 100644
--- a/people/20562.html
+++ b/people/20562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20563.html b/people/20563.html
index 97e3031d..9e3f3108 100644
--- a/people/20563.html
+++ b/people/20563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20564.html b/people/20564.html
index 81aa66c0..2cab3d9a 100644
--- a/people/20564.html
+++ b/people/20564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20565.html b/people/20565.html
index 3bbebb7e..b099a594 100644
--- a/people/20565.html
+++ b/people/20565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20566.html b/people/20566.html
index 6aacf332..f0bc53c8 100644
--- a/people/20566.html
+++ b/people/20566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20567.html b/people/20567.html
index 9d8366f6..8b2ce367 100644
--- a/people/20567.html
+++ b/people/20567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20568.html b/people/20568.html
index 42fa423d..edd6d6e5 100644
--- a/people/20568.html
+++ b/people/20568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20569.html b/people/20569.html
index a47cf22c..aa7a7ecb 100644
--- a/people/20569.html
+++ b/people/20569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2057.html b/people/2057.html
index 9d35a419..3bdd407c 100644
--- a/people/2057.html
+++ b/people/2057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20570.html b/people/20570.html
index 8d08a80c..d7f7cc57 100644
--- a/people/20570.html
+++ b/people/20570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20571.html b/people/20571.html
index 3bcf4d64..c84c06d0 100644
--- a/people/20571.html
+++ b/people/20571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20572.html b/people/20572.html
index 6e8c22ec..630f2dbd 100644
--- a/people/20572.html
+++ b/people/20572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20573.html b/people/20573.html
index ca1e0b98..ae8ae864 100644
--- a/people/20573.html
+++ b/people/20573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20574.html b/people/20574.html
index c808a4ac..444335bb 100644
--- a/people/20574.html
+++ b/people/20574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20575.html b/people/20575.html
index 03917779..516424de 100644
--- a/people/20575.html
+++ b/people/20575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20576.html b/people/20576.html
index ff799c2c..3225cc92 100644
--- a/people/20576.html
+++ b/people/20576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20577.html b/people/20577.html
index 8f00f089..4f66eed6 100644
--- a/people/20577.html
+++ b/people/20577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20578.html b/people/20578.html
index eeb6790c..fce8be76 100644
--- a/people/20578.html
+++ b/people/20578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20579.html b/people/20579.html
index 44a3e848..282d76bc 100644
--- a/people/20579.html
+++ b/people/20579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2058.html b/people/2058.html
index a16ab24d..8ce0d392 100644
--- a/people/2058.html
+++ b/people/2058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20580.html b/people/20580.html
index f7499862..c9f47dbf 100644
--- a/people/20580.html
+++ b/people/20580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20581.html b/people/20581.html
index c65fc6ab..e62d89ec 100644
--- a/people/20581.html
+++ b/people/20581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20582.html b/people/20582.html
index cf8b650e..ab3d214b 100644
--- a/people/20582.html
+++ b/people/20582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20583.html b/people/20583.html
index 538c1e8a..d9fc8eec 100644
--- a/people/20583.html
+++ b/people/20583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20584.html b/people/20584.html
index 4ca5b63d..cdd7fc81 100644
--- a/people/20584.html
+++ b/people/20584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20585.html b/people/20585.html
index 7a24e087..1be1c557 100644
--- a/people/20585.html
+++ b/people/20585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20586.html b/people/20586.html
index 5db445f8..a2f19f47 100644
--- a/people/20586.html
+++ b/people/20586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20587.html b/people/20587.html
index 6e0b5535..b3b2a264 100644
--- a/people/20587.html
+++ b/people/20587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20588.html b/people/20588.html
index d5e7fd8f..ec1bdfa9 100644
--- a/people/20588.html
+++ b/people/20588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20589.html b/people/20589.html
index 0d33a9a7..b449272c 100644
--- a/people/20589.html
+++ b/people/20589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2059.html b/people/2059.html
index df6e1867..17f6bc00 100644
--- a/people/2059.html
+++ b/people/2059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20590.html b/people/20590.html
index 12f17d9d..97eead84 100644
--- a/people/20590.html
+++ b/people/20590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20591.html b/people/20591.html
index 1719331c..42f9f9e7 100644
--- a/people/20591.html
+++ b/people/20591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20592.html b/people/20592.html
index 1b2f6453..925bfd4a 100644
--- a/people/20592.html
+++ b/people/20592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20593.html b/people/20593.html
index 35b2e097..8eaffe07 100644
--- a/people/20593.html
+++ b/people/20593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20594.html b/people/20594.html
index b6143e49..28d94149 100644
--- a/people/20594.html
+++ b/people/20594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20595.html b/people/20595.html
index c462feb7..97c8f8f7 100644
--- a/people/20595.html
+++ b/people/20595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20596.html b/people/20596.html
index 9bf4eb6a..d85c03cf 100644
--- a/people/20596.html
+++ b/people/20596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20597.html b/people/20597.html
index f07871c7..fb0ab256 100644
--- a/people/20597.html
+++ b/people/20597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20598.html b/people/20598.html
index 6f1a19a4..c189e72c 100644
--- a/people/20598.html
+++ b/people/20598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20599.html b/people/20599.html
index 92671838..67113c65 100644
--- a/people/20599.html
+++ b/people/20599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/206.html b/people/206.html
index cb76e9c7..248755d6 100644
--- a/people/206.html
+++ b/people/206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2060.html b/people/2060.html
index e8456a0d..7f268451 100644
--- a/people/2060.html
+++ b/people/2060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20600.html b/people/20600.html
index 3e822cc8..927267d7 100644
--- a/people/20600.html
+++ b/people/20600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20601.html b/people/20601.html
index 7b52fa8d..4ba7b06a 100644
--- a/people/20601.html
+++ b/people/20601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20602.html b/people/20602.html
index 4945b871..fc41a34a 100644
--- a/people/20602.html
+++ b/people/20602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20603.html b/people/20603.html
index 99d1729d..2253abe7 100644
--- a/people/20603.html
+++ b/people/20603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20604.html b/people/20604.html
index e9c3d242..f5138c26 100644
--- a/people/20604.html
+++ b/people/20604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20605.html b/people/20605.html
index 59704bf1..81eda0c3 100644
--- a/people/20605.html
+++ b/people/20605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20606.html b/people/20606.html
index 120ef542..6c3e09d9 100644
--- a/people/20606.html
+++ b/people/20606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20607.html b/people/20607.html
index 7d9d61e7..694a6a5d 100644
--- a/people/20607.html
+++ b/people/20607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20608.html b/people/20608.html
index fb345fe0..df274511 100644
--- a/people/20608.html
+++ b/people/20608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20609.html b/people/20609.html
index 5dc8ea13..5cf8da84 100644
--- a/people/20609.html
+++ b/people/20609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2061.html b/people/2061.html
index f6387b36..8f9dd632 100644
--- a/people/2061.html
+++ b/people/2061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20610.html b/people/20610.html
index 2ae287b6..3d76ee77 100644
--- a/people/20610.html
+++ b/people/20610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20611.html b/people/20611.html
index 7eeea0f0..6f004a71 100644
--- a/people/20611.html
+++ b/people/20611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20612.html b/people/20612.html
index d6c91bc8..40b71bfd 100644
--- a/people/20612.html
+++ b/people/20612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20613.html b/people/20613.html
index d6c0c4d1..57e40652 100644
--- a/people/20613.html
+++ b/people/20613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20614.html b/people/20614.html
index eed96e9e..52bc3820 100644
--- a/people/20614.html
+++ b/people/20614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20615.html b/people/20615.html
index 54b700d8..fdf06c64 100644
--- a/people/20615.html
+++ b/people/20615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20616.html b/people/20616.html
index bd53aee9..84efcbed 100644
--- a/people/20616.html
+++ b/people/20616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20617.html b/people/20617.html
index 84d0daab..e7ae33aa 100644
--- a/people/20617.html
+++ b/people/20617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20618.html b/people/20618.html
index aa67f01e..d186292a 100644
--- a/people/20618.html
+++ b/people/20618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20619.html b/people/20619.html
index 9652a9e1..f01970cb 100644
--- a/people/20619.html
+++ b/people/20619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2062.html b/people/2062.html
index 62705250..c14268a1 100644
--- a/people/2062.html
+++ b/people/2062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20620.html b/people/20620.html
index 4894d127..7479752a 100644
--- a/people/20620.html
+++ b/people/20620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20621.html b/people/20621.html
index f662d6ec..5558267b 100644
--- a/people/20621.html
+++ b/people/20621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20622.html b/people/20622.html
index 1290a0d7..d3354147 100644
--- a/people/20622.html
+++ b/people/20622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20623.html b/people/20623.html
index 4845973b..a6deb019 100644
--- a/people/20623.html
+++ b/people/20623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20624.html b/people/20624.html
index 6562f8e6..fd5695d6 100644
--- a/people/20624.html
+++ b/people/20624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20625.html b/people/20625.html
index 6996e621..92e23bc6 100644
--- a/people/20625.html
+++ b/people/20625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20626.html b/people/20626.html
index 9b83269f..68014bb0 100644
--- a/people/20626.html
+++ b/people/20626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20627.html b/people/20627.html
index 38b645ca..2a7aed6b 100644
--- a/people/20627.html
+++ b/people/20627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20628.html b/people/20628.html
index 68391dff..3c7fc818 100644
--- a/people/20628.html
+++ b/people/20628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20629.html b/people/20629.html
index a5f880f8..3c9c2251 100644
--- a/people/20629.html
+++ b/people/20629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2063.html b/people/2063.html
index 8b705e65..34b6f650 100644
--- a/people/2063.html
+++ b/people/2063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20630.html b/people/20630.html
index 01718ae4..6978712d 100644
--- a/people/20630.html
+++ b/people/20630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20631.html b/people/20631.html
index 16482e00..5a78ea19 100644
--- a/people/20631.html
+++ b/people/20631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20632.html b/people/20632.html
index c61e2939..41f395dd 100644
--- a/people/20632.html
+++ b/people/20632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20633.html b/people/20633.html
index 0e48fd47..c4e63fa8 100644
--- a/people/20633.html
+++ b/people/20633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20634.html b/people/20634.html
index d4fb609f..10c14abe 100644
--- a/people/20634.html
+++ b/people/20634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20635.html b/people/20635.html
index fbb6ed8c..7661f0c2 100644
--- a/people/20635.html
+++ b/people/20635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20636.html b/people/20636.html
index 89d32656..169c65c8 100644
--- a/people/20636.html
+++ b/people/20636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20637.html b/people/20637.html
index df383321..51a6e53a 100644
--- a/people/20637.html
+++ b/people/20637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20638.html b/people/20638.html
index e618603b..9ed4a51d 100644
--- a/people/20638.html
+++ b/people/20638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20639.html b/people/20639.html
index 72416b50..08a3efe5 100644
--- a/people/20639.html
+++ b/people/20639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2064.html b/people/2064.html
index 124c5641..c5d96acd 100644
--- a/people/2064.html
+++ b/people/2064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20640.html b/people/20640.html
index 30832388..ceefdb6b 100644
--- a/people/20640.html
+++ b/people/20640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20641.html b/people/20641.html
index b38671a5..575670e8 100644
--- a/people/20641.html
+++ b/people/20641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20642.html b/people/20642.html
index db8c4f19..129580ff 100644
--- a/people/20642.html
+++ b/people/20642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20643.html b/people/20643.html
index d7422d8a..fe5e1486 100644
--- a/people/20643.html
+++ b/people/20643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20644.html b/people/20644.html
index eca3d953..8e544753 100644
--- a/people/20644.html
+++ b/people/20644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20645.html b/people/20645.html
index a2f0d785..91c303c3 100644
--- a/people/20645.html
+++ b/people/20645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20646.html b/people/20646.html
index 38103700..98cd7e33 100644
--- a/people/20646.html
+++ b/people/20646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20647.html b/people/20647.html
index 43afdd1b..cb7c4eb6 100644
--- a/people/20647.html
+++ b/people/20647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20648.html b/people/20648.html
index d1c23eea..c0eeb369 100644
--- a/people/20648.html
+++ b/people/20648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20649.html b/people/20649.html
index 3d33c855..66a1b5d1 100644
--- a/people/20649.html
+++ b/people/20649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2065.html b/people/2065.html
index 2a04d1cf..aac49d7d 100644
--- a/people/2065.html
+++ b/people/2065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20650.html b/people/20650.html
index fa439de8..6943c7b9 100644
--- a/people/20650.html
+++ b/people/20650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20651.html b/people/20651.html
index a6e483a3..f9848804 100644
--- a/people/20651.html
+++ b/people/20651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20652.html b/people/20652.html
index 3467d643..f91c0a23 100644
--- a/people/20652.html
+++ b/people/20652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20653.html b/people/20653.html
index c85401fc..286523f8 100644
--- a/people/20653.html
+++ b/people/20653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20654.html b/people/20654.html
index f45da984..75e64335 100644
--- a/people/20654.html
+++ b/people/20654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20655.html b/people/20655.html
index 59a4bf69..417a5b03 100644
--- a/people/20655.html
+++ b/people/20655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20656.html b/people/20656.html
index b9b14820..cc01063f 100644
--- a/people/20656.html
+++ b/people/20656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20657.html b/people/20657.html
index f8852a22..a34e1bb5 100644
--- a/people/20657.html
+++ b/people/20657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20658.html b/people/20658.html
index 27593b81..774cbee2 100644
--- a/people/20658.html
+++ b/people/20658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20659.html b/people/20659.html
index 47920cad..e471f948 100644
--- a/people/20659.html
+++ b/people/20659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2066.html b/people/2066.html
index a450cfd5..95fb2b61 100644
--- a/people/2066.html
+++ b/people/2066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20660.html b/people/20660.html
index d3568243..ece4df98 100644
--- a/people/20660.html
+++ b/people/20660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20661.html b/people/20661.html
index 8786616d..88f3ac8d 100644
--- a/people/20661.html
+++ b/people/20661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20662.html b/people/20662.html
index d4008fc7..c7f9d3e7 100644
--- a/people/20662.html
+++ b/people/20662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20663.html b/people/20663.html
index 6e19c6cc..8b905b0b 100644
--- a/people/20663.html
+++ b/people/20663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20664.html b/people/20664.html
index 7dd290c5..dca0c53f 100644
--- a/people/20664.html
+++ b/people/20664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20665.html b/people/20665.html
index da96e0da..93258ccf 100644
--- a/people/20665.html
+++ b/people/20665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20666.html b/people/20666.html
index 5f42987d..d90be80b 100644
--- a/people/20666.html
+++ b/people/20666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20667.html b/people/20667.html
index 8b027f83..1188b9cf 100644
--- a/people/20667.html
+++ b/people/20667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20668.html b/people/20668.html
index f9284b7e..c0a17dc3 100644
--- a/people/20668.html
+++ b/people/20668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20669.html b/people/20669.html
index ae42fc4a..0d80f82d 100644
--- a/people/20669.html
+++ b/people/20669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2067.html b/people/2067.html
index 8319e635..4667f229 100644
--- a/people/2067.html
+++ b/people/2067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20670.html b/people/20670.html
index 7eb37ec9..cfbd7305 100644
--- a/people/20670.html
+++ b/people/20670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20671.html b/people/20671.html
index d33541a3..ed3f6ceb 100644
--- a/people/20671.html
+++ b/people/20671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20672.html b/people/20672.html
index dde53356..9b338aee 100644
--- a/people/20672.html
+++ b/people/20672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20673.html b/people/20673.html
index c274d978..0c14f358 100644
--- a/people/20673.html
+++ b/people/20673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20674.html b/people/20674.html
index 3959fd25..56b35f4c 100644
--- a/people/20674.html
+++ b/people/20674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20675.html b/people/20675.html
index f8fe1956..a05d55df 100644
--- a/people/20675.html
+++ b/people/20675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20676.html b/people/20676.html
index 3336735a..b84a6ad9 100644
--- a/people/20676.html
+++ b/people/20676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20677.html b/people/20677.html
index ace706d6..9c9e715c 100644
--- a/people/20677.html
+++ b/people/20677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20678.html b/people/20678.html
index f3a83adc..d2e721a6 100644
--- a/people/20678.html
+++ b/people/20678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20679.html b/people/20679.html
index 6c09f34a..411dfe28 100644
--- a/people/20679.html
+++ b/people/20679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2068.html b/people/2068.html
index 8b8691b8..9fae5a5e 100644
--- a/people/2068.html
+++ b/people/2068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20680.html b/people/20680.html
index 009d7bf8..b9d76985 100644
--- a/people/20680.html
+++ b/people/20680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20681.html b/people/20681.html
index f58eed40..05879946 100644
--- a/people/20681.html
+++ b/people/20681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20682.html b/people/20682.html
index 14f82762..2b7be3e1 100644
--- a/people/20682.html
+++ b/people/20682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20683.html b/people/20683.html
index 1da886cf..da6d829a 100644
--- a/people/20683.html
+++ b/people/20683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20684.html b/people/20684.html
index 83ccd6c5..ff7797ca 100644
--- a/people/20684.html
+++ b/people/20684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20685.html b/people/20685.html
index 64a307c8..106ced9b 100644
--- a/people/20685.html
+++ b/people/20685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20686.html b/people/20686.html
index 6c807350..00945b21 100644
--- a/people/20686.html
+++ b/people/20686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20687.html b/people/20687.html
index 1f9e76df..bf8f429d 100644
--- a/people/20687.html
+++ b/people/20687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20688.html b/people/20688.html
index 60d920da..9a789dcc 100644
--- a/people/20688.html
+++ b/people/20688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20689.html b/people/20689.html
index 100167cc..c36b8f89 100644
--- a/people/20689.html
+++ b/people/20689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2069.html b/people/2069.html
index f948d04c..417ae4f1 100644
--- a/people/2069.html
+++ b/people/2069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20690.html b/people/20690.html
index 9238bfe4..8c9ccfb5 100644
--- a/people/20690.html
+++ b/people/20690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20691.html b/people/20691.html
index f6d6827e..e39a91ac 100644
--- a/people/20691.html
+++ b/people/20691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20692.html b/people/20692.html
index 9376c476..5e253687 100644
--- a/people/20692.html
+++ b/people/20692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20693.html b/people/20693.html
index 95c35002..741ccf6e 100644
--- a/people/20693.html
+++ b/people/20693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20694.html b/people/20694.html
index c23b27df..87e80728 100644
--- a/people/20694.html
+++ b/people/20694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20695.html b/people/20695.html
index 18f6739d..8953e460 100644
--- a/people/20695.html
+++ b/people/20695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20696.html b/people/20696.html
index 19356634..b335eec9 100644
--- a/people/20696.html
+++ b/people/20696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20697.html b/people/20697.html
index 1fec4f6f..d3fd1828 100644
--- a/people/20697.html
+++ b/people/20697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20698.html b/people/20698.html
index 5f15fdd0..36369459 100644
--- a/people/20698.html
+++ b/people/20698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20699.html b/people/20699.html
index 5c1002fc..4321f9b6 100644
--- a/people/20699.html
+++ b/people/20699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/207.html b/people/207.html
index ea6df09b..fa242623 100644
--- a/people/207.html
+++ b/people/207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2070.html b/people/2070.html
index 4278bf21..1633651c 100644
--- a/people/2070.html
+++ b/people/2070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20700.html b/people/20700.html
index 8f79cc3f..152dc251 100644
--- a/people/20700.html
+++ b/people/20700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20701.html b/people/20701.html
index 6351747d..0eae6e35 100644
--- a/people/20701.html
+++ b/people/20701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20702.html b/people/20702.html
index e5ed4da4..5c9ef83e 100644
--- a/people/20702.html
+++ b/people/20702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20703.html b/people/20703.html
index ca32dcf2..fe499e14 100644
--- a/people/20703.html
+++ b/people/20703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20704.html b/people/20704.html
index ae374360..9390ce9e 100644
--- a/people/20704.html
+++ b/people/20704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20705.html b/people/20705.html
index 8231d1c2..b07f6d04 100644
--- a/people/20705.html
+++ b/people/20705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20706.html b/people/20706.html
index 024b2ecc..dad267f3 100644
--- a/people/20706.html
+++ b/people/20706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20707.html b/people/20707.html
index 45299bf2..78924d03 100644
--- a/people/20707.html
+++ b/people/20707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20708.html b/people/20708.html
index 206895ab..924a32d5 100644
--- a/people/20708.html
+++ b/people/20708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20709.html b/people/20709.html
index 447efbb8..41da9f55 100644
--- a/people/20709.html
+++ b/people/20709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2071.html b/people/2071.html
index 6bb6a536..ff2f0f84 100644
--- a/people/2071.html
+++ b/people/2071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20710.html b/people/20710.html
index 6dc83c13..2ef2856d 100644
--- a/people/20710.html
+++ b/people/20710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20711.html b/people/20711.html
index 75f93604..e347122d 100644
--- a/people/20711.html
+++ b/people/20711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20712.html b/people/20712.html
index e9f0dcd9..df5407b1 100644
--- a/people/20712.html
+++ b/people/20712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20713.html b/people/20713.html
index 1ae3f4f0..cc4c792d 100644
--- a/people/20713.html
+++ b/people/20713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20714.html b/people/20714.html
index b843791d..346aa5e4 100644
--- a/people/20714.html
+++ b/people/20714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20715.html b/people/20715.html
index d6a5b0d2..4b41929e 100644
--- a/people/20715.html
+++ b/people/20715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20716.html b/people/20716.html
index bf3783c2..d4142452 100644
--- a/people/20716.html
+++ b/people/20716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20717.html b/people/20717.html
index 5f6ee0da..9043f4d5 100644
--- a/people/20717.html
+++ b/people/20717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20718.html b/people/20718.html
index 012505c1..6f9c1939 100644
--- a/people/20718.html
+++ b/people/20718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20719.html b/people/20719.html
index 66be65a3..bb3696cb 100644
--- a/people/20719.html
+++ b/people/20719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2072.html b/people/2072.html
index 7a024c96..a4ce705c 100644
--- a/people/2072.html
+++ b/people/2072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20720.html b/people/20720.html
index 94d67600..ecfa8e5a 100644
--- a/people/20720.html
+++ b/people/20720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20721.html b/people/20721.html
index 7b47c051..901dc4c1 100644
--- a/people/20721.html
+++ b/people/20721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20722.html b/people/20722.html
index 21e0b010..b3c77700 100644
--- a/people/20722.html
+++ b/people/20722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20723.html b/people/20723.html
index 3902310c..5ea3685b 100644
--- a/people/20723.html
+++ b/people/20723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20724.html b/people/20724.html
index 768f218e..386d074b 100644
--- a/people/20724.html
+++ b/people/20724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20725.html b/people/20725.html
index 0ec50442..4036b0e1 100644
--- a/people/20725.html
+++ b/people/20725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20726.html b/people/20726.html
index 9896f7d0..7842ad34 100644
--- a/people/20726.html
+++ b/people/20726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20727.html b/people/20727.html
index a67a99a2..8c06a66a 100644
--- a/people/20727.html
+++ b/people/20727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20728.html b/people/20728.html
index c602e9b4..adb49d58 100644
--- a/people/20728.html
+++ b/people/20728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20729.html b/people/20729.html
index ac2d5c9b..50bb7fe7 100644
--- a/people/20729.html
+++ b/people/20729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2073.html b/people/2073.html
index d7f1c424..3e42b297 100644
--- a/people/2073.html
+++ b/people/2073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20730.html b/people/20730.html
index e19139be..a2752654 100644
--- a/people/20730.html
+++ b/people/20730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20731.html b/people/20731.html
index 1b90b42b..0cd8d29c 100644
--- a/people/20731.html
+++ b/people/20731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20732.html b/people/20732.html
index c23e1e52..b01ed5f7 100644
--- a/people/20732.html
+++ b/people/20732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20733.html b/people/20733.html
index 4c2d9a20..4deceb0b 100644
--- a/people/20733.html
+++ b/people/20733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20734.html b/people/20734.html
index 7b7e5783..656ce4ad 100644
--- a/people/20734.html
+++ b/people/20734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20735.html b/people/20735.html
index 4ddad05f..1155e10f 100644
--- a/people/20735.html
+++ b/people/20735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20736.html b/people/20736.html
index aaad9241..45924408 100644
--- a/people/20736.html
+++ b/people/20736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20737.html b/people/20737.html
index 9a6b17bf..c1d325eb 100644
--- a/people/20737.html
+++ b/people/20737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20738.html b/people/20738.html
index d42e076d..00794d59 100644
--- a/people/20738.html
+++ b/people/20738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20739.html b/people/20739.html
index c4d5248e..a389ebda 100644
--- a/people/20739.html
+++ b/people/20739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2074.html b/people/2074.html
index c833bea1..26770f9d 100644
--- a/people/2074.html
+++ b/people/2074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20740.html b/people/20740.html
index 0bddd951..a582635e 100644
--- a/people/20740.html
+++ b/people/20740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20741.html b/people/20741.html
index 9eb078b1..665b8772 100644
--- a/people/20741.html
+++ b/people/20741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20742.html b/people/20742.html
index 009b9e45..2ab380cc 100644
--- a/people/20742.html
+++ b/people/20742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20743.html b/people/20743.html
index 199707df..02c2def1 100644
--- a/people/20743.html
+++ b/people/20743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20744.html b/people/20744.html
index 09ef77b8..21224b85 100644
--- a/people/20744.html
+++ b/people/20744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20745.html b/people/20745.html
index 1a2e612f..cbfa2c8d 100644
--- a/people/20745.html
+++ b/people/20745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20746.html b/people/20746.html
index e133f361..9cb07b03 100644
--- a/people/20746.html
+++ b/people/20746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20747.html b/people/20747.html
index f0fa657f..2fd2c1fa 100644
--- a/people/20747.html
+++ b/people/20747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20748.html b/people/20748.html
index f9fd4448..2707f0c9 100644
--- a/people/20748.html
+++ b/people/20748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20749.html b/people/20749.html
index 1626eef3..a629f688 100644
--- a/people/20749.html
+++ b/people/20749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2075.html b/people/2075.html
index 607a6f13..2ee518ea 100644
--- a/people/2075.html
+++ b/people/2075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20750.html b/people/20750.html
index 9f768ed1..9c4e54e5 100644
--- a/people/20750.html
+++ b/people/20750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20751.html b/people/20751.html
index c8714199..84d36069 100644
--- a/people/20751.html
+++ b/people/20751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20752.html b/people/20752.html
index 412979a3..685462e7 100644
--- a/people/20752.html
+++ b/people/20752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20753.html b/people/20753.html
index 33a6ea14..1601f152 100644
--- a/people/20753.html
+++ b/people/20753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20754.html b/people/20754.html
index 5c8b1fc2..232a8b43 100644
--- a/people/20754.html
+++ b/people/20754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20755.html b/people/20755.html
index 0a8f1b39..eb0029e7 100644
--- a/people/20755.html
+++ b/people/20755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20756.html b/people/20756.html
index c17735a0..1e474edb 100644
--- a/people/20756.html
+++ b/people/20756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20757.html b/people/20757.html
index affa1e52..e6735d9c 100644
--- a/people/20757.html
+++ b/people/20757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20758.html b/people/20758.html
index 01312268..4a88b475 100644
--- a/people/20758.html
+++ b/people/20758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20759.html b/people/20759.html
index 6d8b8482..2f913e4f 100644
--- a/people/20759.html
+++ b/people/20759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2076.html b/people/2076.html
index 3a25f0e7..3d7d15e9 100644
--- a/people/2076.html
+++ b/people/2076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20760.html b/people/20760.html
index 99d3ce0b..0f2bf0d4 100644
--- a/people/20760.html
+++ b/people/20760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20761.html b/people/20761.html
index bf8a5e48..e91c28fc 100644
--- a/people/20761.html
+++ b/people/20761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20762.html b/people/20762.html
index fdc28f28..f2089ed5 100644
--- a/people/20762.html
+++ b/people/20762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20763.html b/people/20763.html
index 11175c71..92b74bcd 100644
--- a/people/20763.html
+++ b/people/20763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20764.html b/people/20764.html
index 0939e057..98adcc77 100644
--- a/people/20764.html
+++ b/people/20764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20765.html b/people/20765.html
index a5c1d22a..4c860f5b 100644
--- a/people/20765.html
+++ b/people/20765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20766.html b/people/20766.html
index dfd8e285..7f8bf645 100644
--- a/people/20766.html
+++ b/people/20766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20767.html b/people/20767.html
index 0047b804..f777cab9 100644
--- a/people/20767.html
+++ b/people/20767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20768.html b/people/20768.html
index 55aa445b..bbda7b86 100644
--- a/people/20768.html
+++ b/people/20768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20769.html b/people/20769.html
index 0f2c36d6..efcced39 100644
--- a/people/20769.html
+++ b/people/20769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2077.html b/people/2077.html
index 051ac21f..571129a1 100644
--- a/people/2077.html
+++ b/people/2077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20770.html b/people/20770.html
index f9f033d2..38faaaeb 100644
--- a/people/20770.html
+++ b/people/20770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20771.html b/people/20771.html
index d47c00d0..8829c7b3 100644
--- a/people/20771.html
+++ b/people/20771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20772.html b/people/20772.html
index 36ccceb2..f7147e0f 100644
--- a/people/20772.html
+++ b/people/20772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20773.html b/people/20773.html
index b33b50ef..8418c7c7 100644
--- a/people/20773.html
+++ b/people/20773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20774.html b/people/20774.html
index a551d0f9..c16bfe13 100644
--- a/people/20774.html
+++ b/people/20774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20775.html b/people/20775.html
index 88998e4c..3f8c2b8e 100644
--- a/people/20775.html
+++ b/people/20775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20776.html b/people/20776.html
index 592060e6..8fd8cda4 100644
--- a/people/20776.html
+++ b/people/20776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20777.html b/people/20777.html
index 517b1504..2f1b8de0 100644
--- a/people/20777.html
+++ b/people/20777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20778.html b/people/20778.html
index 2affbfbf..04f424fc 100644
--- a/people/20778.html
+++ b/people/20778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20779.html b/people/20779.html
index 4fd0bc6f..229f080f 100644
--- a/people/20779.html
+++ b/people/20779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2078.html b/people/2078.html
index 9b3cd9e4..01261705 100644
--- a/people/2078.html
+++ b/people/2078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20780.html b/people/20780.html
index f8e1bc1f..1f71eb46 100644
--- a/people/20780.html
+++ b/people/20780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20781.html b/people/20781.html
index 8709a1a6..572ef9fe 100644
--- a/people/20781.html
+++ b/people/20781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20782.html b/people/20782.html
index 523669a6..5ffedc42 100644
--- a/people/20782.html
+++ b/people/20782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20783.html b/people/20783.html
index 4b57bc1e..daa5088e 100644
--- a/people/20783.html
+++ b/people/20783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20784.html b/people/20784.html
index 98ece7a1..a4c44f29 100644
--- a/people/20784.html
+++ b/people/20784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20785.html b/people/20785.html
index d409a572..c9ef1292 100644
--- a/people/20785.html
+++ b/people/20785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20786.html b/people/20786.html
index 84e8abb3..b4b99eb9 100644
--- a/people/20786.html
+++ b/people/20786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20787.html b/people/20787.html
index 40c7e49a..ad4691ff 100644
--- a/people/20787.html
+++ b/people/20787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20788.html b/people/20788.html
index 19b9e94b..df9d7090 100644
--- a/people/20788.html
+++ b/people/20788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20789.html b/people/20789.html
index 4c84ce69..4ce0b3c7 100644
--- a/people/20789.html
+++ b/people/20789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2079.html b/people/2079.html
index fd2087fe..be18f9c2 100644
--- a/people/2079.html
+++ b/people/2079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20790.html b/people/20790.html
index 5e1f6e16..32c7e4e7 100644
--- a/people/20790.html
+++ b/people/20790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20791.html b/people/20791.html
index fd855958..7a60ab5d 100644
--- a/people/20791.html
+++ b/people/20791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20792.html b/people/20792.html
index 01536c23..fd10c5ca 100644
--- a/people/20792.html
+++ b/people/20792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20793.html b/people/20793.html
index ec9c0065..8978ddc5 100644
--- a/people/20793.html
+++ b/people/20793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20794.html b/people/20794.html
index 7c3c3e0b..ccca6700 100644
--- a/people/20794.html
+++ b/people/20794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20795.html b/people/20795.html
index b44ddd40..d6433f03 100644
--- a/people/20795.html
+++ b/people/20795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20796.html b/people/20796.html
index 2bebba69..0ec91e80 100644
--- a/people/20796.html
+++ b/people/20796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20797.html b/people/20797.html
index 40d94b91..7cabaf9d 100644
--- a/people/20797.html
+++ b/people/20797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20798.html b/people/20798.html
index a35d5319..c7cb5c37 100644
--- a/people/20798.html
+++ b/people/20798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20799.html b/people/20799.html
index 4a522ce5..df8d1b26 100644
--- a/people/20799.html
+++ b/people/20799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/208.html b/people/208.html
index 00b06d9a..a9098b81 100644
--- a/people/208.html
+++ b/people/208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2080.html b/people/2080.html
index 168aa1a2..e2c50c61 100644
--- a/people/2080.html
+++ b/people/2080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20800.html b/people/20800.html
index 7c60aac3..7fbf094d 100644
--- a/people/20800.html
+++ b/people/20800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20801.html b/people/20801.html
index e15a0d3a..1dc12887 100644
--- a/people/20801.html
+++ b/people/20801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20802.html b/people/20802.html
index 7fd56ecb..8b36f36f 100644
--- a/people/20802.html
+++ b/people/20802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20803.html b/people/20803.html
index df5ee64c..0e1a891c 100644
--- a/people/20803.html
+++ b/people/20803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20804.html b/people/20804.html
index e4baea64..bae0c514 100644
--- a/people/20804.html
+++ b/people/20804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20805.html b/people/20805.html
index 26d43968..d18128b2 100644
--- a/people/20805.html
+++ b/people/20805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20806.html b/people/20806.html
index c5b1eade..1ec2fded 100644
--- a/people/20806.html
+++ b/people/20806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20807.html b/people/20807.html
index 9b2cf1c8..701dc112 100644
--- a/people/20807.html
+++ b/people/20807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20808.html b/people/20808.html
index cc06043e..8e603630 100644
--- a/people/20808.html
+++ b/people/20808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20809.html b/people/20809.html
index c479fa11..d56c5e8a 100644
--- a/people/20809.html
+++ b/people/20809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2081.html b/people/2081.html
index 0a47ca80..10cff8b2 100644
--- a/people/2081.html
+++ b/people/2081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20810.html b/people/20810.html
index 119421b2..a9340135 100644
--- a/people/20810.html
+++ b/people/20810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20811.html b/people/20811.html
index 77db4c17..1a216199 100644
--- a/people/20811.html
+++ b/people/20811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20812.html b/people/20812.html
index 43bdd8e6..0ffd4dc6 100644
--- a/people/20812.html
+++ b/people/20812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20813.html b/people/20813.html
index 7f6b5129..680e6e57 100644
--- a/people/20813.html
+++ b/people/20813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20814.html b/people/20814.html
index d776b74e..91568caf 100644
--- a/people/20814.html
+++ b/people/20814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20815.html b/people/20815.html
index d676f588..c94da6d7 100644
--- a/people/20815.html
+++ b/people/20815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20816.html b/people/20816.html
index 292da7be..ec5b764f 100644
--- a/people/20816.html
+++ b/people/20816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20817.html b/people/20817.html
index a99525b6..bddd7d05 100644
--- a/people/20817.html
+++ b/people/20817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20818.html b/people/20818.html
index 23353cfe..faec3242 100644
--- a/people/20818.html
+++ b/people/20818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20819.html b/people/20819.html
index 96bef635..3a98bac8 100644
--- a/people/20819.html
+++ b/people/20819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2082.html b/people/2082.html
index 6561311d..c369c4d3 100644
--- a/people/2082.html
+++ b/people/2082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20820.html b/people/20820.html
index c0341d94..ebaae543 100644
--- a/people/20820.html
+++ b/people/20820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20821.html b/people/20821.html
index 440c8c96..dbf16f15 100644
--- a/people/20821.html
+++ b/people/20821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20822.html b/people/20822.html
index d89d5418..a23e0a56 100644
--- a/people/20822.html
+++ b/people/20822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20823.html b/people/20823.html
index c6abc0ef..d39853f3 100644
--- a/people/20823.html
+++ b/people/20823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20824.html b/people/20824.html
index 120c50ad..2c3dc0d2 100644
--- a/people/20824.html
+++ b/people/20824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20825.html b/people/20825.html
index 40018b11..012e1490 100644
--- a/people/20825.html
+++ b/people/20825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20826.html b/people/20826.html
index c8aece80..f1073e20 100644
--- a/people/20826.html
+++ b/people/20826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20827.html b/people/20827.html
index df1383c1..cc84cf57 100644
--- a/people/20827.html
+++ b/people/20827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20828.html b/people/20828.html
index a89d4e25..bb67e75f 100644
--- a/people/20828.html
+++ b/people/20828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20829.html b/people/20829.html
index 195f26ad..810aa2a2 100644
--- a/people/20829.html
+++ b/people/20829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2083.html b/people/2083.html
index 332035e9..1fb60747 100644
--- a/people/2083.html
+++ b/people/2083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20830.html b/people/20830.html
index 31f51cfd..9b46f4b6 100644
--- a/people/20830.html
+++ b/people/20830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20831.html b/people/20831.html
index 98c2b7f8..b29f5c04 100644
--- a/people/20831.html
+++ b/people/20831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20832.html b/people/20832.html
index fc0bcbe5..07ffee9c 100644
--- a/people/20832.html
+++ b/people/20832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20833.html b/people/20833.html
index e9b0c95c..a829e93d 100644
--- a/people/20833.html
+++ b/people/20833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20834.html b/people/20834.html
index 834dd4b5..2e121dc3 100644
--- a/people/20834.html
+++ b/people/20834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20835.html b/people/20835.html
index 308c83d2..a26d8c76 100644
--- a/people/20835.html
+++ b/people/20835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20836.html b/people/20836.html
index 7c84f7a4..925a0b49 100644
--- a/people/20836.html
+++ b/people/20836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20837.html b/people/20837.html
index a0474738..4f4c706c 100644
--- a/people/20837.html
+++ b/people/20837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20838.html b/people/20838.html
index 441b254e..11f94610 100644
--- a/people/20838.html
+++ b/people/20838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20839.html b/people/20839.html
index 11db9c13..e5857e3b 100644
--- a/people/20839.html
+++ b/people/20839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2084.html b/people/2084.html
index d39a4ec0..7a2ebeac 100644
--- a/people/2084.html
+++ b/people/2084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20840.html b/people/20840.html
index 74ccc1e8..da4b5092 100644
--- a/people/20840.html
+++ b/people/20840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20841.html b/people/20841.html
index 80605d18..82c273a4 100644
--- a/people/20841.html
+++ b/people/20841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20842.html b/people/20842.html
index 1b247b8d..12dd3fde 100644
--- a/people/20842.html
+++ b/people/20842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20843.html b/people/20843.html
index 60b4510c..ee8f6328 100644
--- a/people/20843.html
+++ b/people/20843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20844.html b/people/20844.html
index b870dc58..1d16072b 100644
--- a/people/20844.html
+++ b/people/20844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20845.html b/people/20845.html
index c9db5b26..77360aff 100644
--- a/people/20845.html
+++ b/people/20845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20846.html b/people/20846.html
index 27bbce0c..80f1a930 100644
--- a/people/20846.html
+++ b/people/20846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20847.html b/people/20847.html
index 581d799a..18549e19 100644
--- a/people/20847.html
+++ b/people/20847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20848.html b/people/20848.html
index d184b758..73b8f259 100644
--- a/people/20848.html
+++ b/people/20848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20849.html b/people/20849.html
index bb396165..53b85b96 100644
--- a/people/20849.html
+++ b/people/20849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2085.html b/people/2085.html
index e22020a0..5bd4624b 100644
--- a/people/2085.html
+++ b/people/2085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20850.html b/people/20850.html
index a1af619e..f81945a2 100644
--- a/people/20850.html
+++ b/people/20850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20851.html b/people/20851.html
index b645f85d..dfc0f0d4 100644
--- a/people/20851.html
+++ b/people/20851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20852.html b/people/20852.html
index 3545a964..0fb99a8e 100644
--- a/people/20852.html
+++ b/people/20852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20853.html b/people/20853.html
index f2fc6006..5a809ee5 100644
--- a/people/20853.html
+++ b/people/20853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20854.html b/people/20854.html
index e56c1fd2..15080e6e 100644
--- a/people/20854.html
+++ b/people/20854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20855.html b/people/20855.html
index 9efd2402..e9c3bc95 100644
--- a/people/20855.html
+++ b/people/20855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20856.html b/people/20856.html
index 2cdbe448..f112d186 100644
--- a/people/20856.html
+++ b/people/20856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20857.html b/people/20857.html
index d2c6f54a..d350e4c9 100644
--- a/people/20857.html
+++ b/people/20857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20858.html b/people/20858.html
index 3c0c7009..97ad82d3 100644
--- a/people/20858.html
+++ b/people/20858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20859.html b/people/20859.html
index f603a018..7b9547b9 100644
--- a/people/20859.html
+++ b/people/20859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2086.html b/people/2086.html
index 655eb80d..85af4776 100644
--- a/people/2086.html
+++ b/people/2086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20860.html b/people/20860.html
index f0add003..a2bbd319 100644
--- a/people/20860.html
+++ b/people/20860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20861.html b/people/20861.html
index 46782a6f..7fc882a6 100644
--- a/people/20861.html
+++ b/people/20861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20862.html b/people/20862.html
index 18d91a1d..cfec4530 100644
--- a/people/20862.html
+++ b/people/20862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20863.html b/people/20863.html
index 1c6b5741..4f967153 100644
--- a/people/20863.html
+++ b/people/20863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20864.html b/people/20864.html
index 019951b4..d21d21a5 100644
--- a/people/20864.html
+++ b/people/20864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20865.html b/people/20865.html
index dcbf137c..4c8c4a41 100644
--- a/people/20865.html
+++ b/people/20865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20866.html b/people/20866.html
index 98a61f5e..6400f974 100644
--- a/people/20866.html
+++ b/people/20866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20867.html b/people/20867.html
index 2f3c5164..60284612 100644
--- a/people/20867.html
+++ b/people/20867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20868.html b/people/20868.html
index a0c16928..c4d2872c 100644
--- a/people/20868.html
+++ b/people/20868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20869.html b/people/20869.html
index a39bc2d2..8d3e37d4 100644
--- a/people/20869.html
+++ b/people/20869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2087.html b/people/2087.html
index 26d4969a..02c5d231 100644
--- a/people/2087.html
+++ b/people/2087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20870.html b/people/20870.html
index 2129c0a9..01bdf140 100644
--- a/people/20870.html
+++ b/people/20870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20871.html b/people/20871.html
index 1f8dfa07..a8e4ebdf 100644
--- a/people/20871.html
+++ b/people/20871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20872.html b/people/20872.html
index 03f9558a..424dfffb 100644
--- a/people/20872.html
+++ b/people/20872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20873.html b/people/20873.html
index fac87e9d..c9b94862 100644
--- a/people/20873.html
+++ b/people/20873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20874.html b/people/20874.html
index c6ef1428..46495916 100644
--- a/people/20874.html
+++ b/people/20874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20875.html b/people/20875.html
index 4342d94d..628dd375 100644
--- a/people/20875.html
+++ b/people/20875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20876.html b/people/20876.html
index d145cbc4..cd6ead2a 100644
--- a/people/20876.html
+++ b/people/20876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20877.html b/people/20877.html
index 94f4c383..df945cf2 100644
--- a/people/20877.html
+++ b/people/20877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20878.html b/people/20878.html
index b2c746a5..8ac0c90b 100644
--- a/people/20878.html
+++ b/people/20878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20879.html b/people/20879.html
index 531781f5..e8900607 100644
--- a/people/20879.html
+++ b/people/20879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2088.html b/people/2088.html
index c5c73451..0849ea46 100644
--- a/people/2088.html
+++ b/people/2088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20880.html b/people/20880.html
index 93941533..30e4ce45 100644
--- a/people/20880.html
+++ b/people/20880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20881.html b/people/20881.html
index 5dc6fd84..a41da7f5 100644
--- a/people/20881.html
+++ b/people/20881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20882.html b/people/20882.html
index b05fdd5a..15d99870 100644
--- a/people/20882.html
+++ b/people/20882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20883.html b/people/20883.html
index 3f5483b8..ed837638 100644
--- a/people/20883.html
+++ b/people/20883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20884.html b/people/20884.html
index 2acca951..17e71d03 100644
--- a/people/20884.html
+++ b/people/20884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20885.html b/people/20885.html
index 47b93f80..5fd843c7 100644
--- a/people/20885.html
+++ b/people/20885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20886.html b/people/20886.html
index dc46a642..b9d90966 100644
--- a/people/20886.html
+++ b/people/20886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20887.html b/people/20887.html
index a692f4fd..855f5952 100644
--- a/people/20887.html
+++ b/people/20887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20888.html b/people/20888.html
index 93b4071d..1a0b97ab 100644
--- a/people/20888.html
+++ b/people/20888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20889.html b/people/20889.html
index f75f7d21..6237c78d 100644
--- a/people/20889.html
+++ b/people/20889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20890.html b/people/20890.html
index cb4c6912..3a34d765 100644
--- a/people/20890.html
+++ b/people/20890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20891.html b/people/20891.html
index c9fd61c7..90efb8bb 100644
--- a/people/20891.html
+++ b/people/20891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20892.html b/people/20892.html
index 8e6fca60..c320597e 100644
--- a/people/20892.html
+++ b/people/20892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20893.html b/people/20893.html
index 4ccc9169..3069af75 100644
--- a/people/20893.html
+++ b/people/20893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20894.html b/people/20894.html
index 04a31094..c4d4e80c 100644
--- a/people/20894.html
+++ b/people/20894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20895.html b/people/20895.html
index 6102299b..ccdde806 100644
--- a/people/20895.html
+++ b/people/20895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20896.html b/people/20896.html
index 01741cf5..f86623b1 100644
--- a/people/20896.html
+++ b/people/20896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20897.html b/people/20897.html
index fb812cf9..5e12cef9 100644
--- a/people/20897.html
+++ b/people/20897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20898.html b/people/20898.html
index 5ac22607..1af581c9 100644
--- a/people/20898.html
+++ b/people/20898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20899.html b/people/20899.html
index 6db78015..29fc7b1e 100644
--- a/people/20899.html
+++ b/people/20899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/209.html b/people/209.html
index 1e7c1800..01f2e04d 100644
--- a/people/209.html
+++ b/people/209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2090.html b/people/2090.html
index 64b6d709..95d92d04 100644
--- a/people/2090.html
+++ b/people/2090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20900.html b/people/20900.html
index bc2f8f3e..1813dbd8 100644
--- a/people/20900.html
+++ b/people/20900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20901.html b/people/20901.html
index 43618823..baa77fd2 100644
--- a/people/20901.html
+++ b/people/20901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20902.html b/people/20902.html
index 9cbbec74..d97ee91a 100644
--- a/people/20902.html
+++ b/people/20902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20903.html b/people/20903.html
index 87de69ba..5c281768 100644
--- a/people/20903.html
+++ b/people/20903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20904.html b/people/20904.html
index fab461b8..886bb658 100644
--- a/people/20904.html
+++ b/people/20904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20905.html b/people/20905.html
index 64d5d1bc..534f7517 100644
--- a/people/20905.html
+++ b/people/20905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20906.html b/people/20906.html
index 2abd3ce3..11ed5931 100644
--- a/people/20906.html
+++ b/people/20906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20907.html b/people/20907.html
index bbffd524..c6726b36 100644
--- a/people/20907.html
+++ b/people/20907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20908.html b/people/20908.html
index 6cd61603..a617f898 100644
--- a/people/20908.html
+++ b/people/20908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20909.html b/people/20909.html
index 8016946d..7474136d 100644
--- a/people/20909.html
+++ b/people/20909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2091.html b/people/2091.html
index 158a83f5..4c547931 100644
--- a/people/2091.html
+++ b/people/2091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20910.html b/people/20910.html
index 13468c72..7bdc165e 100644
--- a/people/20910.html
+++ b/people/20910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20911.html b/people/20911.html
index eaeb73be..c1056242 100644
--- a/people/20911.html
+++ b/people/20911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20912.html b/people/20912.html
index a2280d1a..6e80a21f 100644
--- a/people/20912.html
+++ b/people/20912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20913.html b/people/20913.html
index 557be848..e1c1df13 100644
--- a/people/20913.html
+++ b/people/20913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20914.html b/people/20914.html
index 3bfd8176..5fec8807 100644
--- a/people/20914.html
+++ b/people/20914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20915.html b/people/20915.html
index a0bd5371..cc881562 100644
--- a/people/20915.html
+++ b/people/20915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20916.html b/people/20916.html
index c056edb9..e078c1ae 100644
--- a/people/20916.html
+++ b/people/20916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20917.html b/people/20917.html
index 7e526b8f..0e3afebd 100644
--- a/people/20917.html
+++ b/people/20917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20918.html b/people/20918.html
index abd30e6c..8ca33680 100644
--- a/people/20918.html
+++ b/people/20918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20919.html b/people/20919.html
index 8f5fceef..0449883a 100644
--- a/people/20919.html
+++ b/people/20919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2092.html b/people/2092.html
index 6c66184f..c2633d04 100644
--- a/people/2092.html
+++ b/people/2092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20920.html b/people/20920.html
index 38d43b8a..28136c4c 100644
--- a/people/20920.html
+++ b/people/20920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20921.html b/people/20921.html
index 21fbdabd..4f9b0d1b 100644
--- a/people/20921.html
+++ b/people/20921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20922.html b/people/20922.html
index be555b6b..e9a3ffb3 100644
--- a/people/20922.html
+++ b/people/20922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20923.html b/people/20923.html
index 96780030..4d6e75d6 100644
--- a/people/20923.html
+++ b/people/20923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20924.html b/people/20924.html
index dccd2e4b..68352a41 100644
--- a/people/20924.html
+++ b/people/20924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20925.html b/people/20925.html
index f93b0729..34976e2c 100644
--- a/people/20925.html
+++ b/people/20925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20926.html b/people/20926.html
index 10d69fa1..91127cf6 100644
--- a/people/20926.html
+++ b/people/20926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20927.html b/people/20927.html
index 3a241252..69f2939b 100644
--- a/people/20927.html
+++ b/people/20927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20928.html b/people/20928.html
index df5f7d38..fcac92c3 100644
--- a/people/20928.html
+++ b/people/20928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20929.html b/people/20929.html
index 0b356739..10dc8899 100644
--- a/people/20929.html
+++ b/people/20929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2093.html b/people/2093.html
index 005e53c9..c13bd5eb 100644
--- a/people/2093.html
+++ b/people/2093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20930.html b/people/20930.html
index f151ae04..53d5e9c6 100644
--- a/people/20930.html
+++ b/people/20930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20931.html b/people/20931.html
index cdc4f32b..35dc00b0 100644
--- a/people/20931.html
+++ b/people/20931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20932.html b/people/20932.html
index 58f6b60c..c6ec38c6 100644
--- a/people/20932.html
+++ b/people/20932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20933.html b/people/20933.html
index 8caaff60..7a7d3cf8 100644
--- a/people/20933.html
+++ b/people/20933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20934.html b/people/20934.html
index dde97c37..66190e01 100644
--- a/people/20934.html
+++ b/people/20934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20935.html b/people/20935.html
index 0ec4a124..4b9b99bf 100644
--- a/people/20935.html
+++ b/people/20935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20936.html b/people/20936.html
index 3b4d0d27..d9cbbae3 100644
--- a/people/20936.html
+++ b/people/20936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20937.html b/people/20937.html
index 4e0c569d..f0614ee7 100644
--- a/people/20937.html
+++ b/people/20937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20938.html b/people/20938.html
index feafccd9..127d2b45 100644
--- a/people/20938.html
+++ b/people/20938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20939.html b/people/20939.html
index 33bc2f35..ba184b92 100644
--- a/people/20939.html
+++ b/people/20939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2094.html b/people/2094.html
index c943632d..45d656b2 100644
--- a/people/2094.html
+++ b/people/2094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20940.html b/people/20940.html
index 73045263..1f29a716 100644
--- a/people/20940.html
+++ b/people/20940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20941.html b/people/20941.html
index 1ee14ee9..e9ac9b7f 100644
--- a/people/20941.html
+++ b/people/20941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20942.html b/people/20942.html
index 5f4bcdee..fa6c60d1 100644
--- a/people/20942.html
+++ b/people/20942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20943.html b/people/20943.html
index ec366bc4..fb3e619c 100644
--- a/people/20943.html
+++ b/people/20943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20944.html b/people/20944.html
index 9d9b6521..66655c74 100644
--- a/people/20944.html
+++ b/people/20944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20945.html b/people/20945.html
index 84905286..efc23491 100644
--- a/people/20945.html
+++ b/people/20945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20946.html b/people/20946.html
index fb4a31b3..7ca4202c 100644
--- a/people/20946.html
+++ b/people/20946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20947.html b/people/20947.html
index 0bff9f0c..ce526c8c 100644
--- a/people/20947.html
+++ b/people/20947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20948.html b/people/20948.html
index 1b2a27aa..5882f515 100644
--- a/people/20948.html
+++ b/people/20948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20949.html b/people/20949.html
index 5a1bac73..b1b9f473 100644
--- a/people/20949.html
+++ b/people/20949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2095.html b/people/2095.html
index bd172d37..2a68fbca 100644
--- a/people/2095.html
+++ b/people/2095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20950.html b/people/20950.html
index c6fdef2c..1e09f9d4 100644
--- a/people/20950.html
+++ b/people/20950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20951.html b/people/20951.html
index 4cdb06d8..05bb7658 100644
--- a/people/20951.html
+++ b/people/20951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20952.html b/people/20952.html
index 0ee1a5ab..b683e359 100644
--- a/people/20952.html
+++ b/people/20952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20953.html b/people/20953.html
index 7e2e425f..985f651b 100644
--- a/people/20953.html
+++ b/people/20953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20954.html b/people/20954.html
index b7755a94..0b406fb8 100644
--- a/people/20954.html
+++ b/people/20954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20955.html b/people/20955.html
index e6436f57..a079fdb1 100644
--- a/people/20955.html
+++ b/people/20955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20956.html b/people/20956.html
index aa43cc45..f7c12ffb 100644
--- a/people/20956.html
+++ b/people/20956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20957.html b/people/20957.html
index d00144a2..dedb1a65 100644
--- a/people/20957.html
+++ b/people/20957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20958.html b/people/20958.html
index 04193766..6f0e5e8a 100644
--- a/people/20958.html
+++ b/people/20958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20959.html b/people/20959.html
index fcfa8769..a66cd5c5 100644
--- a/people/20959.html
+++ b/people/20959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2096.html b/people/2096.html
index f4d6ca5b..ec2e2f70 100644
--- a/people/2096.html
+++ b/people/2096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20960.html b/people/20960.html
index 372a2fc9..f8ffe1fa 100644
--- a/people/20960.html
+++ b/people/20960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20961.html b/people/20961.html
index 354288e4..dcfd253a 100644
--- a/people/20961.html
+++ b/people/20961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20962.html b/people/20962.html
index c6f14a33..b733dfc6 100644
--- a/people/20962.html
+++ b/people/20962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20963.html b/people/20963.html
index 9bdd6b2d..a5ae43a1 100644
--- a/people/20963.html
+++ b/people/20963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20964.html b/people/20964.html
index 05184934..210c5bdf 100644
--- a/people/20964.html
+++ b/people/20964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20965.html b/people/20965.html
index 0c2554bd..060950e6 100644
--- a/people/20965.html
+++ b/people/20965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20966.html b/people/20966.html
index 85b68c9b..fc23f402 100644
--- a/people/20966.html
+++ b/people/20966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20967.html b/people/20967.html
index fb7717b1..19628e83 100644
--- a/people/20967.html
+++ b/people/20967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20968.html b/people/20968.html
index f1605ac1..c4e84c9a 100644
--- a/people/20968.html
+++ b/people/20968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20969.html b/people/20969.html
index 0241325f..4ba2e9ce 100644
--- a/people/20969.html
+++ b/people/20969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2097.html b/people/2097.html
index 854d0205..e51af438 100644
--- a/people/2097.html
+++ b/people/2097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20970.html b/people/20970.html
index b6118cfa..e301c524 100644
--- a/people/20970.html
+++ b/people/20970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20971.html b/people/20971.html
index f8db174a..7cb85aff 100644
--- a/people/20971.html
+++ b/people/20971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20972.html b/people/20972.html
index c1632a8b..e41e71d5 100644
--- a/people/20972.html
+++ b/people/20972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20973.html b/people/20973.html
index 4536804d..d8e48356 100644
--- a/people/20973.html
+++ b/people/20973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20974.html b/people/20974.html
index a6e2f6f3..5804baa6 100644
--- a/people/20974.html
+++ b/people/20974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20975.html b/people/20975.html
index 65c8d1b7..aa43d4df 100644
--- a/people/20975.html
+++ b/people/20975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20976.html b/people/20976.html
index 55a8e11c..27036869 100644
--- a/people/20976.html
+++ b/people/20976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20977.html b/people/20977.html
index a3e357bb..4f2b530b 100644
--- a/people/20977.html
+++ b/people/20977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20978.html b/people/20978.html
index 5d3abf91..dd6ee412 100644
--- a/people/20978.html
+++ b/people/20978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20979.html b/people/20979.html
index dd57e0b3..e2c7c718 100644
--- a/people/20979.html
+++ b/people/20979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2098.html b/people/2098.html
index cbae9f31..ccec0d99 100644
--- a/people/2098.html
+++ b/people/2098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20980.html b/people/20980.html
index 9c6bf60e..32c695f8 100644
--- a/people/20980.html
+++ b/people/20980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20981.html b/people/20981.html
index 161825e0..504f2056 100644
--- a/people/20981.html
+++ b/people/20981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20982.html b/people/20982.html
index 60e3eb7c..85450de7 100644
--- a/people/20982.html
+++ b/people/20982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20983.html b/people/20983.html
index 9138833c..3b4002c8 100644
--- a/people/20983.html
+++ b/people/20983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20984.html b/people/20984.html
index 70bdfb7d..f46048a7 100644
--- a/people/20984.html
+++ b/people/20984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20985.html b/people/20985.html
index 1919a44e..dc750b61 100644
--- a/people/20985.html
+++ b/people/20985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20986.html b/people/20986.html
index 33142fd8..cdc8b7ae 100644
--- a/people/20986.html
+++ b/people/20986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20987.html b/people/20987.html
index b0702129..34b817ec 100644
--- a/people/20987.html
+++ b/people/20987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20988.html b/people/20988.html
index a0dda11b..cf042f69 100644
--- a/people/20988.html
+++ b/people/20988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20989.html b/people/20989.html
index 359fb0a8..189a4c7a 100644
--- a/people/20989.html
+++ b/people/20989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2099.html b/people/2099.html
index eb5ab487..a73f3c04 100644
--- a/people/2099.html
+++ b/people/2099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20990.html b/people/20990.html
index d416d9ca..9e796403 100644
--- a/people/20990.html
+++ b/people/20990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20991.html b/people/20991.html
index a3079c03..6dce6696 100644
--- a/people/20991.html
+++ b/people/20991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20992.html b/people/20992.html
index 83d7885c..8efdf9e1 100644
--- a/people/20992.html
+++ b/people/20992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20993.html b/people/20993.html
index f0c5c40c..6402bd1e 100644
--- a/people/20993.html
+++ b/people/20993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20994.html b/people/20994.html
index bf120f6d..6f238f94 100644
--- a/people/20994.html
+++ b/people/20994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20995.html b/people/20995.html
index 5db29377..d6bb096d 100644
--- a/people/20995.html
+++ b/people/20995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20996.html b/people/20996.html
index 3175379b..fde01e41 100644
--- a/people/20996.html
+++ b/people/20996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20997.html b/people/20997.html
index c9c8bb4d..374e6ba7 100644
--- a/people/20997.html
+++ b/people/20997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20998.html b/people/20998.html
index 2c3e4dc6..962be3fa 100644
--- a/people/20998.html
+++ b/people/20998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/20999.html b/people/20999.html
index d3225119..46c0d2ab 100644
--- a/people/20999.html
+++ b/people/20999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21.html b/people/21.html
index 2dd9f93d..79e2d41a 100644
--- a/people/21.html
+++ b/people/21.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/210.html b/people/210.html
index 372b99eb..4fb97f59 100644
--- a/people/210.html
+++ b/people/210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2100.html b/people/2100.html
index 86e404f0..423fd779 100644
--- a/people/2100.html
+++ b/people/2100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21000.html b/people/21000.html
index 52312e3d..84b8e217 100644
--- a/people/21000.html
+++ b/people/21000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21001.html b/people/21001.html
index 75199610..9424e47c 100644
--- a/people/21001.html
+++ b/people/21001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21002.html b/people/21002.html
index e7e92a4a..c99d9555 100644
--- a/people/21002.html
+++ b/people/21002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21003.html b/people/21003.html
index 4cd8de26..9482c7ca 100644
--- a/people/21003.html
+++ b/people/21003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21004.html b/people/21004.html
index ff5f4f8c..8ff62491 100644
--- a/people/21004.html
+++ b/people/21004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21005.html b/people/21005.html
index c03b0fe9..080697fd 100644
--- a/people/21005.html
+++ b/people/21005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21006.html b/people/21006.html
index f76cfd80..4839922b 100644
--- a/people/21006.html
+++ b/people/21006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21007.html b/people/21007.html
index 66816f56..fbba6d01 100644
--- a/people/21007.html
+++ b/people/21007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21008.html b/people/21008.html
index e1c5ff2a..6e002d0f 100644
--- a/people/21008.html
+++ b/people/21008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21009.html b/people/21009.html
index 31260d4c..8af40e1a 100644
--- a/people/21009.html
+++ b/people/21009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2101.html b/people/2101.html
index 81b70747..035ee324 100644
--- a/people/2101.html
+++ b/people/2101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21010.html b/people/21010.html
index aba817f2..801eef0b 100644
--- a/people/21010.html
+++ b/people/21010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21011.html b/people/21011.html
index 1b075b95..0ccec520 100644
--- a/people/21011.html
+++ b/people/21011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21012.html b/people/21012.html
index 889e4827..96d72cbf 100644
--- a/people/21012.html
+++ b/people/21012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21013.html b/people/21013.html
index 1bb1ed45..e5d6c532 100644
--- a/people/21013.html
+++ b/people/21013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21014.html b/people/21014.html
index 1d205431..e6205ea2 100644
--- a/people/21014.html
+++ b/people/21014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21015.html b/people/21015.html
index cab4652b..38be5d68 100644
--- a/people/21015.html
+++ b/people/21015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21016.html b/people/21016.html
index 73449c4f..21ab2886 100644
--- a/people/21016.html
+++ b/people/21016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21017.html b/people/21017.html
index b86f5514..00995571 100644
--- a/people/21017.html
+++ b/people/21017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21018.html b/people/21018.html
index ceb8c0bd..f157425e 100644
--- a/people/21018.html
+++ b/people/21018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21019.html b/people/21019.html
index 19c86b8b..3d1d30d7 100644
--- a/people/21019.html
+++ b/people/21019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2102.html b/people/2102.html
index 466443f1..9c594dc8 100644
--- a/people/2102.html
+++ b/people/2102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21020.html b/people/21020.html
index 6d861eb7..9919032a 100644
--- a/people/21020.html
+++ b/people/21020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21021.html b/people/21021.html
index 9ba9d06e..037aaa76 100644
--- a/people/21021.html
+++ b/people/21021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21022.html b/people/21022.html
index da0917ba..1802cf9c 100644
--- a/people/21022.html
+++ b/people/21022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21023.html b/people/21023.html
index 0b99341e..4011e18a 100644
--- a/people/21023.html
+++ b/people/21023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21024.html b/people/21024.html
index b00777ab..79913f45 100644
--- a/people/21024.html
+++ b/people/21024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21025.html b/people/21025.html
index bb729b57..866f2203 100644
--- a/people/21025.html
+++ b/people/21025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21026.html b/people/21026.html
index 363022fd..8c90eb32 100644
--- a/people/21026.html
+++ b/people/21026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21027.html b/people/21027.html
index 0cc42a14..1f4264d1 100644
--- a/people/21027.html
+++ b/people/21027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21028.html b/people/21028.html
index f34e6dc4..540e7540 100644
--- a/people/21028.html
+++ b/people/21028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21029.html b/people/21029.html
index 5f00f174..aec4d4bd 100644
--- a/people/21029.html
+++ b/people/21029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2103.html b/people/2103.html
index 00cd89e6..4301f735 100644
--- a/people/2103.html
+++ b/people/2103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21030.html b/people/21030.html
index bb3f31f0..cf35c801 100644
--- a/people/21030.html
+++ b/people/21030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21031.html b/people/21031.html
index 7f145260..54905e80 100644
--- a/people/21031.html
+++ b/people/21031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21032.html b/people/21032.html
index 9c415b7b..c66525bb 100644
--- a/people/21032.html
+++ b/people/21032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21033.html b/people/21033.html
index b2208c66..93de0d08 100644
--- a/people/21033.html
+++ b/people/21033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21034.html b/people/21034.html
index 41a5d0a5..1e6a64ee 100644
--- a/people/21034.html
+++ b/people/21034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21035.html b/people/21035.html
index d6f9a246..c651b86d 100644
--- a/people/21035.html
+++ b/people/21035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21036.html b/people/21036.html
index 8c20f5cf..692cb44e 100644
--- a/people/21036.html
+++ b/people/21036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21037.html b/people/21037.html
index f6ac83b9..cf9bc674 100644
--- a/people/21037.html
+++ b/people/21037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21038.html b/people/21038.html
index 758ce56e..aae67a19 100644
--- a/people/21038.html
+++ b/people/21038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21039.html b/people/21039.html
index 344101a7..8fedf6dd 100644
--- a/people/21039.html
+++ b/people/21039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2104.html b/people/2104.html
index 1c02e18a..1a3ae0c5 100644
--- a/people/2104.html
+++ b/people/2104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21040.html b/people/21040.html
index 2f57013e..c077278a 100644
--- a/people/21040.html
+++ b/people/21040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21041.html b/people/21041.html
index 76c14910..f2d9e922 100644
--- a/people/21041.html
+++ b/people/21041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21042.html b/people/21042.html
index 220b5aff..e762b6a2 100644
--- a/people/21042.html
+++ b/people/21042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21043.html b/people/21043.html
index 11d1dd3f..cb9033be 100644
--- a/people/21043.html
+++ b/people/21043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21044.html b/people/21044.html
index 1dc629ae..f9ba4042 100644
--- a/people/21044.html
+++ b/people/21044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21045.html b/people/21045.html
index c4c5ecb1..88e8dea4 100644
--- a/people/21045.html
+++ b/people/21045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21046.html b/people/21046.html
index 8e81e36c..e60f2a80 100644
--- a/people/21046.html
+++ b/people/21046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21047.html b/people/21047.html
index bb2e522f..c328ddd7 100644
--- a/people/21047.html
+++ b/people/21047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21048.html b/people/21048.html
index d2aeff07..5e9a3791 100644
--- a/people/21048.html
+++ b/people/21048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21049.html b/people/21049.html
index 16048a05..8bfa1fde 100644
--- a/people/21049.html
+++ b/people/21049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2105.html b/people/2105.html
index de774bcd..95f32f98 100644
--- a/people/2105.html
+++ b/people/2105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21050.html b/people/21050.html
index 229545d7..7316b9e3 100644
--- a/people/21050.html
+++ b/people/21050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21051.html b/people/21051.html
index 49b45b3b..ae9c5284 100644
--- a/people/21051.html
+++ b/people/21051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21052.html b/people/21052.html
index 2943f784..9a08fad3 100644
--- a/people/21052.html
+++ b/people/21052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21053.html b/people/21053.html
index fc8a2f93..014fdf74 100644
--- a/people/21053.html
+++ b/people/21053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21054.html b/people/21054.html
index 9aeb6631..628acd35 100644
--- a/people/21054.html
+++ b/people/21054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21055.html b/people/21055.html
index 30578f22..f6df2444 100644
--- a/people/21055.html
+++ b/people/21055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21056.html b/people/21056.html
index 06fc29c9..75282646 100644
--- a/people/21056.html
+++ b/people/21056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21057.html b/people/21057.html
index 6f0905ab..c5fea56b 100644
--- a/people/21057.html
+++ b/people/21057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21058.html b/people/21058.html
index f55222e9..ff518d06 100644
--- a/people/21058.html
+++ b/people/21058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21059.html b/people/21059.html
index 5212ac37..136ccde6 100644
--- a/people/21059.html
+++ b/people/21059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2106.html b/people/2106.html
index 40ce58be..d106fe11 100644
--- a/people/2106.html
+++ b/people/2106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21060.html b/people/21060.html
index 3badfecd..aabd4b86 100644
--- a/people/21060.html
+++ b/people/21060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21061.html b/people/21061.html
index 4134e654..5d73198a 100644
--- a/people/21061.html
+++ b/people/21061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21062.html b/people/21062.html
index 589e67bd..ea914915 100644
--- a/people/21062.html
+++ b/people/21062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21063.html b/people/21063.html
index b48a541a..a0bcd093 100644
--- a/people/21063.html
+++ b/people/21063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21064.html b/people/21064.html
index aca99a8d..6c4570b6 100644
--- a/people/21064.html
+++ b/people/21064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21065.html b/people/21065.html
index 32374d51..90a5fb12 100644
--- a/people/21065.html
+++ b/people/21065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21066.html b/people/21066.html
index 83fc45ec..9ec88e1d 100644
--- a/people/21066.html
+++ b/people/21066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21067.html b/people/21067.html
index b2caf166..8be02d6a 100644
--- a/people/21067.html
+++ b/people/21067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21068.html b/people/21068.html
index 79e5cc1f..f8c59cf4 100644
--- a/people/21068.html
+++ b/people/21068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21069.html b/people/21069.html
index aab3ac27..d8e56d9e 100644
--- a/people/21069.html
+++ b/people/21069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2107.html b/people/2107.html
index 25178c1e..7ffd76e8 100644
--- a/people/2107.html
+++ b/people/2107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21070.html b/people/21070.html
index b90bb89a..17c93948 100644
--- a/people/21070.html
+++ b/people/21070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21071.html b/people/21071.html
index a4877a9d..e9fcc905 100644
--- a/people/21071.html
+++ b/people/21071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21072.html b/people/21072.html
index d0e68fc8..016be674 100644
--- a/people/21072.html
+++ b/people/21072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21073.html b/people/21073.html
index a7ed9e9a..bb3e68c2 100644
--- a/people/21073.html
+++ b/people/21073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21074.html b/people/21074.html
index c56099be..d36a32cc 100644
--- a/people/21074.html
+++ b/people/21074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21075.html b/people/21075.html
index 99d70c5d..4b2113c7 100644
--- a/people/21075.html
+++ b/people/21075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21076.html b/people/21076.html
index 77ad1386..ce2cdb97 100644
--- a/people/21076.html
+++ b/people/21076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21077.html b/people/21077.html
index ffa4b111..9967f52e 100644
--- a/people/21077.html
+++ b/people/21077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21078.html b/people/21078.html
index de16d47c..a01074a4 100644
--- a/people/21078.html
+++ b/people/21078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21079.html b/people/21079.html
index 061a8023..c67f2bb4 100644
--- a/people/21079.html
+++ b/people/21079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2108.html b/people/2108.html
index 5893f764..8e532494 100644
--- a/people/2108.html
+++ b/people/2108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21080.html b/people/21080.html
index 2e0f2339..3f3ad1b5 100644
--- a/people/21080.html
+++ b/people/21080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21081.html b/people/21081.html
index d310af12..df82bd66 100644
--- a/people/21081.html
+++ b/people/21081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21082.html b/people/21082.html
index befb9c05..17decf35 100644
--- a/people/21082.html
+++ b/people/21082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21083.html b/people/21083.html
index 7e895eb5..02eb529c 100644
--- a/people/21083.html
+++ b/people/21083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21084.html b/people/21084.html
index 1f803434..598a1c20 100644
--- a/people/21084.html
+++ b/people/21084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21085.html b/people/21085.html
index 9ede000e..027392b4 100644
--- a/people/21085.html
+++ b/people/21085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21086.html b/people/21086.html
index 4345cce8..9b43a02f 100644
--- a/people/21086.html
+++ b/people/21086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21087.html b/people/21087.html
index 72bc4398..b4c57a69 100644
--- a/people/21087.html
+++ b/people/21087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21088.html b/people/21088.html
index 38eabd11..d7b3ac35 100644
--- a/people/21088.html
+++ b/people/21088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21089.html b/people/21089.html
index 81d01e3f..1299d324 100644
--- a/people/21089.html
+++ b/people/21089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2109.html b/people/2109.html
index da743988..4808f0fc 100644
--- a/people/2109.html
+++ b/people/2109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21090.html b/people/21090.html
index 991be898..905edeb9 100644
--- a/people/21090.html
+++ b/people/21090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21091.html b/people/21091.html
index cb84a323..4c87f95a 100644
--- a/people/21091.html
+++ b/people/21091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21092.html b/people/21092.html
index 335d3eec..29bef830 100644
--- a/people/21092.html
+++ b/people/21092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21093.html b/people/21093.html
index 745477f1..6f1c0e41 100644
--- a/people/21093.html
+++ b/people/21093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21094.html b/people/21094.html
index 1fdc4b63..ca70f447 100644
--- a/people/21094.html
+++ b/people/21094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21095.html b/people/21095.html
index 8b9f6dc8..635b9a9a 100644
--- a/people/21095.html
+++ b/people/21095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21096.html b/people/21096.html
index 71fb5911..4edb3ae1 100644
--- a/people/21096.html
+++ b/people/21096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21097.html b/people/21097.html
index a3ec948c..cb36b8eb 100644
--- a/people/21097.html
+++ b/people/21097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21098.html b/people/21098.html
index 917be8a8..90aaca00 100644
--- a/people/21098.html
+++ b/people/21098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21099.html b/people/21099.html
index 0192ccd5..a9a4c71d 100644
--- a/people/21099.html
+++ b/people/21099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/211.html b/people/211.html
index 64b64066..c3d46335 100644
--- a/people/211.html
+++ b/people/211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2110.html b/people/2110.html
index e64a26a0..1bdf6a43 100644
--- a/people/2110.html
+++ b/people/2110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21100.html b/people/21100.html
index 7082d139..43127942 100644
--- a/people/21100.html
+++ b/people/21100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21101.html b/people/21101.html
index 3c034591..fd0bf028 100644
--- a/people/21101.html
+++ b/people/21101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21102.html b/people/21102.html
index a9a1e557..09ab4552 100644
--- a/people/21102.html
+++ b/people/21102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21103.html b/people/21103.html
index 26f9013a..738201f7 100644
--- a/people/21103.html
+++ b/people/21103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21104.html b/people/21104.html
index 340c4d07..5f4554b4 100644
--- a/people/21104.html
+++ b/people/21104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21105.html b/people/21105.html
index a3642a87..9d419c0f 100644
--- a/people/21105.html
+++ b/people/21105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21106.html b/people/21106.html
index 000f2ab4..bb5d072c 100644
--- a/people/21106.html
+++ b/people/21106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21107.html b/people/21107.html
index bec7d311..5d0f6db7 100644
--- a/people/21107.html
+++ b/people/21107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21108.html b/people/21108.html
index cc3659f8..88626c38 100644
--- a/people/21108.html
+++ b/people/21108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21109.html b/people/21109.html
index 0fa7429d..944ea945 100644
--- a/people/21109.html
+++ b/people/21109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2111.html b/people/2111.html
index 2b803e15..93b4d4f6 100644
--- a/people/2111.html
+++ b/people/2111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21110.html b/people/21110.html
index 53c1ecc4..51ee0c31 100644
--- a/people/21110.html
+++ b/people/21110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21111.html b/people/21111.html
index 0ce7e482..2433e4a0 100644
--- a/people/21111.html
+++ b/people/21111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21112.html b/people/21112.html
index fdeeda83..01aaccce 100644
--- a/people/21112.html
+++ b/people/21112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21113.html b/people/21113.html
index c25e2f46..08b9cb39 100644
--- a/people/21113.html
+++ b/people/21113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21114.html b/people/21114.html
index 0eed2af2..a6b4d1fd 100644
--- a/people/21114.html
+++ b/people/21114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21115.html b/people/21115.html
index 4f37416c..49a962b5 100644
--- a/people/21115.html
+++ b/people/21115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21116.html b/people/21116.html
index a890ea05..273c379f 100644
--- a/people/21116.html
+++ b/people/21116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21117.html b/people/21117.html
index d037c973..5ad2825e 100644
--- a/people/21117.html
+++ b/people/21117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21118.html b/people/21118.html
index b980ca3e..aafca73f 100644
--- a/people/21118.html
+++ b/people/21118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21119.html b/people/21119.html
index b5974826..ea4448c8 100644
--- a/people/21119.html
+++ b/people/21119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2112.html b/people/2112.html
index c3381ac3..292d667b 100644
--- a/people/2112.html
+++ b/people/2112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21120.html b/people/21120.html
index 2969f124..dcf8af89 100644
--- a/people/21120.html
+++ b/people/21120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21121.html b/people/21121.html
index 1afafb13..4a9c047e 100644
--- a/people/21121.html
+++ b/people/21121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21122.html b/people/21122.html
index 6fe17d3f..16a1d391 100644
--- a/people/21122.html
+++ b/people/21122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21123.html b/people/21123.html
index 415dda82..9c2d8bb7 100644
--- a/people/21123.html
+++ b/people/21123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21124.html b/people/21124.html
index 5ca3075a..ec88b10c 100644
--- a/people/21124.html
+++ b/people/21124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21125.html b/people/21125.html
index d1703b7c..9758fef1 100644
--- a/people/21125.html
+++ b/people/21125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21126.html b/people/21126.html
index 35a01bcd..52e73c32 100644
--- a/people/21126.html
+++ b/people/21126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21127.html b/people/21127.html
index 71a830dd..c4519e5d 100644
--- a/people/21127.html
+++ b/people/21127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21128.html b/people/21128.html
index 572c019d..ec5049bd 100644
--- a/people/21128.html
+++ b/people/21128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21129.html b/people/21129.html
index bbbfd6df..1b72f921 100644
--- a/people/21129.html
+++ b/people/21129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2113.html b/people/2113.html
index 2f61d241..71515ec3 100644
--- a/people/2113.html
+++ b/people/2113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21130.html b/people/21130.html
index 71191936..57c86887 100644
--- a/people/21130.html
+++ b/people/21130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21131.html b/people/21131.html
index df91cddc..feb7d1ff 100644
--- a/people/21131.html
+++ b/people/21131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21132.html b/people/21132.html
index 803c0f6f..c1a94d93 100644
--- a/people/21132.html
+++ b/people/21132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21133.html b/people/21133.html
index 00cd7023..46b44486 100644
--- a/people/21133.html
+++ b/people/21133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21134.html b/people/21134.html
index 1c8a5e49..0631acc8 100644
--- a/people/21134.html
+++ b/people/21134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21135.html b/people/21135.html
index d9084e11..4de97dfe 100644
--- a/people/21135.html
+++ b/people/21135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21136.html b/people/21136.html
index 76ad6ab2..806277f9 100644
--- a/people/21136.html
+++ b/people/21136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21137.html b/people/21137.html
index 352125b7..b1b3aa90 100644
--- a/people/21137.html
+++ b/people/21137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21138.html b/people/21138.html
index 7d1f3ebd..9da893ad 100644
--- a/people/21138.html
+++ b/people/21138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21139.html b/people/21139.html
index a76f9d28..b296c3cc 100644
--- a/people/21139.html
+++ b/people/21139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2114.html b/people/2114.html
index 274cfe92..35f2cf55 100644
--- a/people/2114.html
+++ b/people/2114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21140.html b/people/21140.html
index 6a9a6f2b..56d6e2a5 100644
--- a/people/21140.html
+++ b/people/21140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21141.html b/people/21141.html
index 1062f700..7168726e 100644
--- a/people/21141.html
+++ b/people/21141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21142.html b/people/21142.html
index 614a50cd..923f20dc 100644
--- a/people/21142.html
+++ b/people/21142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21143.html b/people/21143.html
index 8f87e631..1ec8fb61 100644
--- a/people/21143.html
+++ b/people/21143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21144.html b/people/21144.html
index 9625d56f..77436db0 100644
--- a/people/21144.html
+++ b/people/21144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21145.html b/people/21145.html
index e02389d6..a0ed4ca0 100644
--- a/people/21145.html
+++ b/people/21145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21146.html b/people/21146.html
index 5e42ee4a..d0f54acd 100644
--- a/people/21146.html
+++ b/people/21146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21147.html b/people/21147.html
index e087c6e4..5f835070 100644
--- a/people/21147.html
+++ b/people/21147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21148.html b/people/21148.html
index 383ff847..1cad10fa 100644
--- a/people/21148.html
+++ b/people/21148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21149.html b/people/21149.html
index ca1f95f7..cd933674 100644
--- a/people/21149.html
+++ b/people/21149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2115.html b/people/2115.html
index 75817959..d954cb61 100644
--- a/people/2115.html
+++ b/people/2115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21150.html b/people/21150.html
index 3e9a1c92..27b9de76 100644
--- a/people/21150.html
+++ b/people/21150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21151.html b/people/21151.html
index b28b9bec..0d084034 100644
--- a/people/21151.html
+++ b/people/21151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21152.html b/people/21152.html
index 3e96e9b9..470f9bd2 100644
--- a/people/21152.html
+++ b/people/21152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21153.html b/people/21153.html
index 534eb223..07d8183f 100644
--- a/people/21153.html
+++ b/people/21153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21154.html b/people/21154.html
index d3f2f268..f18c69bc 100644
--- a/people/21154.html
+++ b/people/21154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21155.html b/people/21155.html
index f2f2def3..20bb066e 100644
--- a/people/21155.html
+++ b/people/21155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21156.html b/people/21156.html
index 7b068d15..75c55965 100644
--- a/people/21156.html
+++ b/people/21156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21157.html b/people/21157.html
index 592f458e..a2e724a5 100644
--- a/people/21157.html
+++ b/people/21157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21158.html b/people/21158.html
index e3ba353e..52b6767e 100644
--- a/people/21158.html
+++ b/people/21158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21159.html b/people/21159.html
index ddac7d3a..6c2666fc 100644
--- a/people/21159.html
+++ b/people/21159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2116.html b/people/2116.html
index 74e0b32d..b822fa3c 100644
--- a/people/2116.html
+++ b/people/2116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21160.html b/people/21160.html
index 223b6ca9..72ec2d19 100644
--- a/people/21160.html
+++ b/people/21160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21161.html b/people/21161.html
index 60d2da95..1d9b55cb 100644
--- a/people/21161.html
+++ b/people/21161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21162.html b/people/21162.html
index 285dc9af..12b13ebc 100644
--- a/people/21162.html
+++ b/people/21162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21163.html b/people/21163.html
index 952664c3..19e63d7e 100644
--- a/people/21163.html
+++ b/people/21163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21164.html b/people/21164.html
index 77eff29a..9ccde805 100644
--- a/people/21164.html
+++ b/people/21164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21165.html b/people/21165.html
index bfc9bc80..9f0c52dd 100644
--- a/people/21165.html
+++ b/people/21165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21166.html b/people/21166.html
index 3b179adf..08d13f24 100644
--- a/people/21166.html
+++ b/people/21166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21167.html b/people/21167.html
index d054326d..b260f6b1 100644
--- a/people/21167.html
+++ b/people/21167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21168.html b/people/21168.html
index 9efb0905..016c3a10 100644
--- a/people/21168.html
+++ b/people/21168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21169.html b/people/21169.html
index cf3fb27c..a433b67a 100644
--- a/people/21169.html
+++ b/people/21169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2117.html b/people/2117.html
index 40f9862a..77244ac4 100644
--- a/people/2117.html
+++ b/people/2117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21170.html b/people/21170.html
index ac91316e..9a9b2681 100644
--- a/people/21170.html
+++ b/people/21170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21171.html b/people/21171.html
index 03224609..51e7c74f 100644
--- a/people/21171.html
+++ b/people/21171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21172.html b/people/21172.html
index a6802636..34435b98 100644
--- a/people/21172.html
+++ b/people/21172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21173.html b/people/21173.html
index 4795b96d..ad1f8a66 100644
--- a/people/21173.html
+++ b/people/21173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21174.html b/people/21174.html
index ed136382..defcd065 100644
--- a/people/21174.html
+++ b/people/21174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21175.html b/people/21175.html
index a8105e6c..6b8abb13 100644
--- a/people/21175.html
+++ b/people/21175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21176.html b/people/21176.html
index 10a20963..6ec33019 100644
--- a/people/21176.html
+++ b/people/21176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21177.html b/people/21177.html
index e3ce8f20..e61879a9 100644
--- a/people/21177.html
+++ b/people/21177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21178.html b/people/21178.html
index 452c1c57..942b5f92 100644
--- a/people/21178.html
+++ b/people/21178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21179.html b/people/21179.html
index 0f141512..3e2d664a 100644
--- a/people/21179.html
+++ b/people/21179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2118.html b/people/2118.html
index bdd2ec2b..020b45ad 100644
--- a/people/2118.html
+++ b/people/2118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21180.html b/people/21180.html
index 690b658b..b585f72a 100644
--- a/people/21180.html
+++ b/people/21180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21181.html b/people/21181.html
index ac421725..bb1da31f 100644
--- a/people/21181.html
+++ b/people/21181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21182.html b/people/21182.html
index 649b672f..8a8429b6 100644
--- a/people/21182.html
+++ b/people/21182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21183.html b/people/21183.html
index 86e79652..3519028a 100644
--- a/people/21183.html
+++ b/people/21183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21184.html b/people/21184.html
index 228ad72c..a41776f0 100644
--- a/people/21184.html
+++ b/people/21184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21185.html b/people/21185.html
index d346f1d5..92852d02 100644
--- a/people/21185.html
+++ b/people/21185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21186.html b/people/21186.html
index ddd4ded7..d0c5e03f 100644
--- a/people/21186.html
+++ b/people/21186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21187.html b/people/21187.html
index 768c0f02..7de478b6 100644
--- a/people/21187.html
+++ b/people/21187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21188.html b/people/21188.html
index 9736fe0f..a917acb8 100644
--- a/people/21188.html
+++ b/people/21188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21189.html b/people/21189.html
index e7567c2f..6f818b46 100644
--- a/people/21189.html
+++ b/people/21189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2119.html b/people/2119.html
index 504dac87..3d78b5d1 100644
--- a/people/2119.html
+++ b/people/2119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21190.html b/people/21190.html
index 1a1c06a8..507dd4e3 100644
--- a/people/21190.html
+++ b/people/21190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21191.html b/people/21191.html
index 13f16269..1c5ee1fa 100644
--- a/people/21191.html
+++ b/people/21191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21192.html b/people/21192.html
index dca6c29f..501ed68c 100644
--- a/people/21192.html
+++ b/people/21192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21193.html b/people/21193.html
index bf9fabd0..311d9c56 100644
--- a/people/21193.html
+++ b/people/21193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21194.html b/people/21194.html
index ca621024..f05d3365 100644
--- a/people/21194.html
+++ b/people/21194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21195.html b/people/21195.html
index b6ead17a..23ddd29b 100644
--- a/people/21195.html
+++ b/people/21195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21196.html b/people/21196.html
index 8e578aca..dfba10f9 100644
--- a/people/21196.html
+++ b/people/21196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21197.html b/people/21197.html
index 779dcb51..473bc273 100644
--- a/people/21197.html
+++ b/people/21197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21198.html b/people/21198.html
index 6f4f758c..a16519bc 100644
--- a/people/21198.html
+++ b/people/21198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21199.html b/people/21199.html
index 919aca76..31c58bb6 100644
--- a/people/21199.html
+++ b/people/21199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/212.html b/people/212.html
index 13ce0391..5a4138ba 100644
--- a/people/212.html
+++ b/people/212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2120.html b/people/2120.html
index abe4b80f..15dda41a 100644
--- a/people/2120.html
+++ b/people/2120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21200.html b/people/21200.html
index 6241a6e8..7efbe87f 100644
--- a/people/21200.html
+++ b/people/21200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21201.html b/people/21201.html
index 57d3b5bb..f3634d09 100644
--- a/people/21201.html
+++ b/people/21201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21202.html b/people/21202.html
index 4bb45f3b..46dfef07 100644
--- a/people/21202.html
+++ b/people/21202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21203.html b/people/21203.html
index 638ae701..8ab2967a 100644
--- a/people/21203.html
+++ b/people/21203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21204.html b/people/21204.html
index 0771c721..5c49b023 100644
--- a/people/21204.html
+++ b/people/21204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21205.html b/people/21205.html
index 397a08a9..21c10aed 100644
--- a/people/21205.html
+++ b/people/21205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21206.html b/people/21206.html
index 1b2d4763..880df3f2 100644
--- a/people/21206.html
+++ b/people/21206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21207.html b/people/21207.html
index b564dbee..9448e19a 100644
--- a/people/21207.html
+++ b/people/21207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21208.html b/people/21208.html
index 9e773b44..493288c1 100644
--- a/people/21208.html
+++ b/people/21208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21209.html b/people/21209.html
index ab666fbc..e7d23ee9 100644
--- a/people/21209.html
+++ b/people/21209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2121.html b/people/2121.html
index 521258af..9d801828 100644
--- a/people/2121.html
+++ b/people/2121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21210.html b/people/21210.html
index c0d07af6..619db91c 100644
--- a/people/21210.html
+++ b/people/21210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21211.html b/people/21211.html
index 5fe0725c..a1bc1f37 100644
--- a/people/21211.html
+++ b/people/21211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21212.html b/people/21212.html
index c4f5c394..e68bdffe 100644
--- a/people/21212.html
+++ b/people/21212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21213.html b/people/21213.html
index df83b102..3a22acc0 100644
--- a/people/21213.html
+++ b/people/21213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21214.html b/people/21214.html
index 4f62934b..a72f8159 100644
--- a/people/21214.html
+++ b/people/21214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21215.html b/people/21215.html
index d72cbfe0..477a1d0d 100644
--- a/people/21215.html
+++ b/people/21215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21216.html b/people/21216.html
index 622bee50..133805c1 100644
--- a/people/21216.html
+++ b/people/21216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21217.html b/people/21217.html
index c0a2696b..ba33d496 100644
--- a/people/21217.html
+++ b/people/21217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21218.html b/people/21218.html
index 7817b208..f402d71d 100644
--- a/people/21218.html
+++ b/people/21218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21219.html b/people/21219.html
index 7110cd72..de425f40 100644
--- a/people/21219.html
+++ b/people/21219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2122.html b/people/2122.html
index 62009161..79d55035 100644
--- a/people/2122.html
+++ b/people/2122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21220.html b/people/21220.html
index baf2615f..fb97ad49 100644
--- a/people/21220.html
+++ b/people/21220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21221.html b/people/21221.html
index 13fa3787..24fa7fc9 100644
--- a/people/21221.html
+++ b/people/21221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21222.html b/people/21222.html
index 4faf22b7..5ec79ca7 100644
--- a/people/21222.html
+++ b/people/21222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21223.html b/people/21223.html
index 9560ede7..88ebfb3c 100644
--- a/people/21223.html
+++ b/people/21223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21224.html b/people/21224.html
index 8fabd755..52d6bba1 100644
--- a/people/21224.html
+++ b/people/21224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21225.html b/people/21225.html
index a110c3ce..4ec6a55f 100644
--- a/people/21225.html
+++ b/people/21225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21226.html b/people/21226.html
index 80129c51..ee1833da 100644
--- a/people/21226.html
+++ b/people/21226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21227.html b/people/21227.html
index 3980e129..b9edfe63 100644
--- a/people/21227.html
+++ b/people/21227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21228.html b/people/21228.html
index 6666afd2..464847ae 100644
--- a/people/21228.html
+++ b/people/21228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21229.html b/people/21229.html
index d11e10f3..9e68c250 100644
--- a/people/21229.html
+++ b/people/21229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2123.html b/people/2123.html
index 50726200..2748ccda 100644
--- a/people/2123.html
+++ b/people/2123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21230.html b/people/21230.html
index 9cb980e2..8d442147 100644
--- a/people/21230.html
+++ b/people/21230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21231.html b/people/21231.html
index 1365a620..25021562 100644
--- a/people/21231.html
+++ b/people/21231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21232.html b/people/21232.html
index ed01cf39..0a44ef2c 100644
--- a/people/21232.html
+++ b/people/21232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21233.html b/people/21233.html
index 7dc5b5e4..d96adbb0 100644
--- a/people/21233.html
+++ b/people/21233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21234.html b/people/21234.html
index 7a4e1587..c7b83a3c 100644
--- a/people/21234.html
+++ b/people/21234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21235.html b/people/21235.html
index 1ecb3c2e..f098e8a1 100644
--- a/people/21235.html
+++ b/people/21235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21236.html b/people/21236.html
index 7bd614dc..06027b0a 100644
--- a/people/21236.html
+++ b/people/21236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21237.html b/people/21237.html
index b25d2c46..057d6b22 100644
--- a/people/21237.html
+++ b/people/21237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21238.html b/people/21238.html
index 0b300c55..16fc5c8e 100644
--- a/people/21238.html
+++ b/people/21238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21239.html b/people/21239.html
index 1fba6391..7326e822 100644
--- a/people/21239.html
+++ b/people/21239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2124.html b/people/2124.html
index ed492367..366fc83b 100644
--- a/people/2124.html
+++ b/people/2124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21240.html b/people/21240.html
index 27856181..95cc68f6 100644
--- a/people/21240.html
+++ b/people/21240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21241.html b/people/21241.html
index 38d54f3a..df7844d7 100644
--- a/people/21241.html
+++ b/people/21241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21242.html b/people/21242.html
index eadc2923..b3526d07 100644
--- a/people/21242.html
+++ b/people/21242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21243.html b/people/21243.html
index 67ae6b07..3330dbb3 100644
--- a/people/21243.html
+++ b/people/21243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21244.html b/people/21244.html
index 3ae32620..29e372c1 100644
--- a/people/21244.html
+++ b/people/21244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21245.html b/people/21245.html
index b4a0a99a..c6aafbbe 100644
--- a/people/21245.html
+++ b/people/21245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21246.html b/people/21246.html
index 34a16fc1..6946ff2d 100644
--- a/people/21246.html
+++ b/people/21246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21247.html b/people/21247.html
index 7559f2c4..7f86b7d9 100644
--- a/people/21247.html
+++ b/people/21247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21248.html b/people/21248.html
index 6e2f3c44..1287decf 100644
--- a/people/21248.html
+++ b/people/21248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21249.html b/people/21249.html
index 409cd84b..0ef018bd 100644
--- a/people/21249.html
+++ b/people/21249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2125.html b/people/2125.html
index 4d621746..87ac5bc4 100644
--- a/people/2125.html
+++ b/people/2125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21250.html b/people/21250.html
index ff5c9bf7..39f3064d 100644
--- a/people/21250.html
+++ b/people/21250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21251.html b/people/21251.html
index c2b31141..25393372 100644
--- a/people/21251.html
+++ b/people/21251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21252.html b/people/21252.html
index c9da3e9f..5940c695 100644
--- a/people/21252.html
+++ b/people/21252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21253.html b/people/21253.html
index 8ec7f642..2973e704 100644
--- a/people/21253.html
+++ b/people/21253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21254.html b/people/21254.html
index c180e48b..c65bbd0e 100644
--- a/people/21254.html
+++ b/people/21254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21255.html b/people/21255.html
index be5bc331..90938a1c 100644
--- a/people/21255.html
+++ b/people/21255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21256.html b/people/21256.html
index 784fc461..77497d71 100644
--- a/people/21256.html
+++ b/people/21256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21257.html b/people/21257.html
index 4e044515..b553a23f 100644
--- a/people/21257.html
+++ b/people/21257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21258.html b/people/21258.html
index 42aabcdf..a7325cf2 100644
--- a/people/21258.html
+++ b/people/21258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21259.html b/people/21259.html
index 18904059..27061221 100644
--- a/people/21259.html
+++ b/people/21259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2126.html b/people/2126.html
index aca216d9..2ddcd289 100644
--- a/people/2126.html
+++ b/people/2126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21260.html b/people/21260.html
index df0906ed..8c673dd6 100644
--- a/people/21260.html
+++ b/people/21260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21261.html b/people/21261.html
index 9e262d00..7faf79b0 100644
--- a/people/21261.html
+++ b/people/21261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21262.html b/people/21262.html
index bf48d465..2ee21718 100644
--- a/people/21262.html
+++ b/people/21262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21263.html b/people/21263.html
index e90887c2..a045c053 100644
--- a/people/21263.html
+++ b/people/21263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21264.html b/people/21264.html
index 27846823..4885362f 100644
--- a/people/21264.html
+++ b/people/21264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21265.html b/people/21265.html
index ade947b8..6a4284da 100644
--- a/people/21265.html
+++ b/people/21265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21266.html b/people/21266.html
index 0cda398d..de1d775f 100644
--- a/people/21266.html
+++ b/people/21266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21267.html b/people/21267.html
index 0420ee1f..1e8e3215 100644
--- a/people/21267.html
+++ b/people/21267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21268.html b/people/21268.html
index 32d5a65e..a167e7d0 100644
--- a/people/21268.html
+++ b/people/21268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21269.html b/people/21269.html
index ee74534d..c5715f9b 100644
--- a/people/21269.html
+++ b/people/21269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2127.html b/people/2127.html
index d0ead77f..ab2c5041 100644
--- a/people/2127.html
+++ b/people/2127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21270.html b/people/21270.html
index f3811c75..0494db3c 100644
--- a/people/21270.html
+++ b/people/21270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21271.html b/people/21271.html
index 50cbb899..1240b4d2 100644
--- a/people/21271.html
+++ b/people/21271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21272.html b/people/21272.html
index 48e0c4b8..75f8b93b 100644
--- a/people/21272.html
+++ b/people/21272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21273.html b/people/21273.html
index 11f3ddb6..33c8b6ca 100644
--- a/people/21273.html
+++ b/people/21273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21274.html b/people/21274.html
index 03e8785d..2a8d321e 100644
--- a/people/21274.html
+++ b/people/21274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21275.html b/people/21275.html
index 7dc31bfc..fcdca78a 100644
--- a/people/21275.html
+++ b/people/21275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21276.html b/people/21276.html
index 156027e1..0000fbba 100644
--- a/people/21276.html
+++ b/people/21276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21277.html b/people/21277.html
index 75b73b34..e618ff57 100644
--- a/people/21277.html
+++ b/people/21277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21278.html b/people/21278.html
index aef1999c..830ec3a8 100644
--- a/people/21278.html
+++ b/people/21278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21279.html b/people/21279.html
index d1fae125..2cabe97c 100644
--- a/people/21279.html
+++ b/people/21279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2128.html b/people/2128.html
index 0bc1c40e..add05e20 100644
--- a/people/2128.html
+++ b/people/2128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21280.html b/people/21280.html
index 5abb68e5..21c340fa 100644
--- a/people/21280.html
+++ b/people/21280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21281.html b/people/21281.html
index 719bee3f..7aeeafda 100644
--- a/people/21281.html
+++ b/people/21281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21282.html b/people/21282.html
index 0a548914..18ed25c7 100644
--- a/people/21282.html
+++ b/people/21282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21283.html b/people/21283.html
index 37d40deb..1a834e33 100644
--- a/people/21283.html
+++ b/people/21283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21284.html b/people/21284.html
index 4ae79675..3d0f9b04 100644
--- a/people/21284.html
+++ b/people/21284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21285.html b/people/21285.html
index 2ee6a392..6d05979c 100644
--- a/people/21285.html
+++ b/people/21285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21286.html b/people/21286.html
index e34a2030..2ee51861 100644
--- a/people/21286.html
+++ b/people/21286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21287.html b/people/21287.html
index 5fae2abc..f6abf488 100644
--- a/people/21287.html
+++ b/people/21287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21288.html b/people/21288.html
index 0740ab12..6b8b88fb 100644
--- a/people/21288.html
+++ b/people/21288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21289.html b/people/21289.html
index 63820ed1..74c23a90 100644
--- a/people/21289.html
+++ b/people/21289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2129.html b/people/2129.html
index f8d43b1b..3e1c2c33 100644
--- a/people/2129.html
+++ b/people/2129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21290.html b/people/21290.html
index 11ff567b..2ec1918a 100644
--- a/people/21290.html
+++ b/people/21290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21291.html b/people/21291.html
index 7ea9a3bc..0b355e2a 100644
--- a/people/21291.html
+++ b/people/21291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21292.html b/people/21292.html
index 72474c94..303954d4 100644
--- a/people/21292.html
+++ b/people/21292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21293.html b/people/21293.html
index 92725f04..6d70a75d 100644
--- a/people/21293.html
+++ b/people/21293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21294.html b/people/21294.html
index f067818f..2e0a5557 100644
--- a/people/21294.html
+++ b/people/21294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21295.html b/people/21295.html
index 95573b94..91704608 100644
--- a/people/21295.html
+++ b/people/21295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21296.html b/people/21296.html
index 0e053192..9ae70801 100644
--- a/people/21296.html
+++ b/people/21296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21297.html b/people/21297.html
index c230ac7d..e7ad83a6 100644
--- a/people/21297.html
+++ b/people/21297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21298.html b/people/21298.html
index 9d6963c7..c2685a26 100644
--- a/people/21298.html
+++ b/people/21298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21299.html b/people/21299.html
index cf79716d..bbf1602b 100644
--- a/people/21299.html
+++ b/people/21299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/213.html b/people/213.html
index 439dc19e..7a84b484 100644
--- a/people/213.html
+++ b/people/213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2130.html b/people/2130.html
index 86e066a9..fe3a27c2 100644
--- a/people/2130.html
+++ b/people/2130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21300.html b/people/21300.html
index 0fe63dc8..e54da617 100644
--- a/people/21300.html
+++ b/people/21300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21301.html b/people/21301.html
index d0da4a87..e756b673 100644
--- a/people/21301.html
+++ b/people/21301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21302.html b/people/21302.html
index c9e9e93f..3c17deed 100644
--- a/people/21302.html
+++ b/people/21302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21303.html b/people/21303.html
index 3a555a75..84e4dac7 100644
--- a/people/21303.html
+++ b/people/21303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21304.html b/people/21304.html
index d7b825c7..831e60e1 100644
--- a/people/21304.html
+++ b/people/21304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21305.html b/people/21305.html
index be488ead..a5a14641 100644
--- a/people/21305.html
+++ b/people/21305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21306.html b/people/21306.html
index a8fb04d2..ff3e497a 100644
--- a/people/21306.html
+++ b/people/21306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21307.html b/people/21307.html
index fbf8e97f..76399a9f 100644
--- a/people/21307.html
+++ b/people/21307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21308.html b/people/21308.html
index 746c8dc6..8707fdbc 100644
--- a/people/21308.html
+++ b/people/21308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21309.html b/people/21309.html
index 611d9ce5..ae6447d6 100644
--- a/people/21309.html
+++ b/people/21309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2131.html b/people/2131.html
index bb18ee68..6c892850 100644
--- a/people/2131.html
+++ b/people/2131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21310.html b/people/21310.html
index d9f8ca5c..e709d65e 100644
--- a/people/21310.html
+++ b/people/21310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21311.html b/people/21311.html
index 7ea9fd71..2d42d1e6 100644
--- a/people/21311.html
+++ b/people/21311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21312.html b/people/21312.html
index e70c4e6b..a0ca910b 100644
--- a/people/21312.html
+++ b/people/21312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21313.html b/people/21313.html
index c2556e2d..22f139ab 100644
--- a/people/21313.html
+++ b/people/21313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21314.html b/people/21314.html
index d5f6c093..5fdb0842 100644
--- a/people/21314.html
+++ b/people/21314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21315.html b/people/21315.html
index a318737e..31e2a6dd 100644
--- a/people/21315.html
+++ b/people/21315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21316.html b/people/21316.html
index 5bf71813..1752f42f 100644
--- a/people/21316.html
+++ b/people/21316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21317.html b/people/21317.html
index 75056750..7e8f8fff 100644
--- a/people/21317.html
+++ b/people/21317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21318.html b/people/21318.html
index 3ef96f8c..c68dec8f 100644
--- a/people/21318.html
+++ b/people/21318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21319.html b/people/21319.html
index ad5a0e5d..56e1cdd8 100644
--- a/people/21319.html
+++ b/people/21319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2132.html b/people/2132.html
index 281ae4f0..a6520846 100644
--- a/people/2132.html
+++ b/people/2132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21320.html b/people/21320.html
index 5e872038..a1821770 100644
--- a/people/21320.html
+++ b/people/21320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21321.html b/people/21321.html
index 1b0f8af6..a6ce361b 100644
--- a/people/21321.html
+++ b/people/21321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21322.html b/people/21322.html
index 8bd12d2b..e54a25d8 100644
--- a/people/21322.html
+++ b/people/21322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21323.html b/people/21323.html
index e1b023c4..b6543e1b 100644
--- a/people/21323.html
+++ b/people/21323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21324.html b/people/21324.html
index ff67786b..5c4b430d 100644
--- a/people/21324.html
+++ b/people/21324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21325.html b/people/21325.html
index c86167f3..adb7ebbf 100644
--- a/people/21325.html
+++ b/people/21325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21326.html b/people/21326.html
index 1c74b30b..20b9d576 100644
--- a/people/21326.html
+++ b/people/21326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21327.html b/people/21327.html
index e3453f3d..437aae7f 100644
--- a/people/21327.html
+++ b/people/21327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21328.html b/people/21328.html
index ab4a02aa..2ffa508c 100644
--- a/people/21328.html
+++ b/people/21328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21329.html b/people/21329.html
index ba9de759..f8cc96b6 100644
--- a/people/21329.html
+++ b/people/21329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2133.html b/people/2133.html
index 63b1ce9b..49dfb6e9 100644
--- a/people/2133.html
+++ b/people/2133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21330.html b/people/21330.html
index 784cb123..87b18c45 100644
--- a/people/21330.html
+++ b/people/21330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21331.html b/people/21331.html
index fa7940ac..cd623fe3 100644
--- a/people/21331.html
+++ b/people/21331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21332.html b/people/21332.html
index dda0ae04..104c90ee 100644
--- a/people/21332.html
+++ b/people/21332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21333.html b/people/21333.html
index b1fe396b..6bc7ab2a 100644
--- a/people/21333.html
+++ b/people/21333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21334.html b/people/21334.html
index 93e7de1d..01440d89 100644
--- a/people/21334.html
+++ b/people/21334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21335.html b/people/21335.html
index 2b831d50..20a58879 100644
--- a/people/21335.html
+++ b/people/21335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21336.html b/people/21336.html
index 0464d798..52371b87 100644
--- a/people/21336.html
+++ b/people/21336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21337.html b/people/21337.html
index b78d78a0..82900582 100644
--- a/people/21337.html
+++ b/people/21337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21338.html b/people/21338.html
index f3e00040..0e2a6a6c 100644
--- a/people/21338.html
+++ b/people/21338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21339.html b/people/21339.html
index 6b96f456..17c4fcb9 100644
--- a/people/21339.html
+++ b/people/21339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2134.html b/people/2134.html
index f2fc41c5..b14c2e97 100644
--- a/people/2134.html
+++ b/people/2134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21340.html b/people/21340.html
index c0a647ea..61682875 100644
--- a/people/21340.html
+++ b/people/21340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21341.html b/people/21341.html
index 6059a1bb..b2104d8e 100644
--- a/people/21341.html
+++ b/people/21341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21342.html b/people/21342.html
index 85041a1c..274aa919 100644
--- a/people/21342.html
+++ b/people/21342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21343.html b/people/21343.html
index faa858ef..73692358 100644
--- a/people/21343.html
+++ b/people/21343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21344.html b/people/21344.html
index 0cdb3185..1a038209 100644
--- a/people/21344.html
+++ b/people/21344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21345.html b/people/21345.html
index 23f9587d..b7813d23 100644
--- a/people/21345.html
+++ b/people/21345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21346.html b/people/21346.html
index 07442b5d..b8e5b60c 100644
--- a/people/21346.html
+++ b/people/21346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21347.html b/people/21347.html
index 4b05c7b7..b0747933 100644
--- a/people/21347.html
+++ b/people/21347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21348.html b/people/21348.html
index b8140421..590b996a 100644
--- a/people/21348.html
+++ b/people/21348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21349.html b/people/21349.html
index 30c49f52..0bc00cfc 100644
--- a/people/21349.html
+++ b/people/21349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2135.html b/people/2135.html
index 15001aa2..5b941798 100644
--- a/people/2135.html
+++ b/people/2135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21350.html b/people/21350.html
index 2a1ed369..e2ce70d5 100644
--- a/people/21350.html
+++ b/people/21350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21351.html b/people/21351.html
index 05bb378b..9a272309 100644
--- a/people/21351.html
+++ b/people/21351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21352.html b/people/21352.html
index ebbcf407..82ea9b89 100644
--- a/people/21352.html
+++ b/people/21352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21353.html b/people/21353.html
index 5510cc78..f61ecbf4 100644
--- a/people/21353.html
+++ b/people/21353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21354.html b/people/21354.html
index c44285bf..8f05c00d 100644
--- a/people/21354.html
+++ b/people/21354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21355.html b/people/21355.html
index ddd0f853..895a9371 100644
--- a/people/21355.html
+++ b/people/21355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21356.html b/people/21356.html
index 9f6eee4b..6a1c4609 100644
--- a/people/21356.html
+++ b/people/21356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21357.html b/people/21357.html
index 2a2a598d..d643d607 100644
--- a/people/21357.html
+++ b/people/21357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21358.html b/people/21358.html
index 0da1d3fb..85563fac 100644
--- a/people/21358.html
+++ b/people/21358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21359.html b/people/21359.html
index 909691f4..96862631 100644
--- a/people/21359.html
+++ b/people/21359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2136.html b/people/2136.html
index d6770885..6536ff19 100644
--- a/people/2136.html
+++ b/people/2136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21360.html b/people/21360.html
index 84a25aea..3d346730 100644
--- a/people/21360.html
+++ b/people/21360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21361.html b/people/21361.html
index 7d071a0a..820f5000 100644
--- a/people/21361.html
+++ b/people/21361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21362.html b/people/21362.html
index d7a5595b..c9c2af51 100644
--- a/people/21362.html
+++ b/people/21362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21363.html b/people/21363.html
index e8954caf..056f9185 100644
--- a/people/21363.html
+++ b/people/21363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21364.html b/people/21364.html
index 944d6f4f..1c91651d 100644
--- a/people/21364.html
+++ b/people/21364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21365.html b/people/21365.html
index 537b5243..d7d2da11 100644
--- a/people/21365.html
+++ b/people/21365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21366.html b/people/21366.html
index 138b41d2..e07c6fb4 100644
--- a/people/21366.html
+++ b/people/21366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21367.html b/people/21367.html
index 88e69a75..a82f725d 100644
--- a/people/21367.html
+++ b/people/21367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21368.html b/people/21368.html
index e5c8fea8..8463c958 100644
--- a/people/21368.html
+++ b/people/21368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21369.html b/people/21369.html
index e07313e8..72ec5e06 100644
--- a/people/21369.html
+++ b/people/21369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2137.html b/people/2137.html
index 1f7310da..8b900ffe 100644
--- a/people/2137.html
+++ b/people/2137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21370.html b/people/21370.html
index ab681ac4..bf0353a9 100644
--- a/people/21370.html
+++ b/people/21370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21371.html b/people/21371.html
index 4be30bc4..ae06fd40 100644
--- a/people/21371.html
+++ b/people/21371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21372.html b/people/21372.html
index 54b6871b..e4c45a55 100644
--- a/people/21372.html
+++ b/people/21372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21373.html b/people/21373.html
index b2ec2f27..0e8f257f 100644
--- a/people/21373.html
+++ b/people/21373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21374.html b/people/21374.html
index 109ed759..e20d7815 100644
--- a/people/21374.html
+++ b/people/21374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21375.html b/people/21375.html
index d71db73b..22fd0278 100644
--- a/people/21375.html
+++ b/people/21375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21376.html b/people/21376.html
index 3057aa30..c9bc35f5 100644
--- a/people/21376.html
+++ b/people/21376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21377.html b/people/21377.html
index 4043f725..dff6c0f9 100644
--- a/people/21377.html
+++ b/people/21377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21378.html b/people/21378.html
index 31676ed9..4bd089b2 100644
--- a/people/21378.html
+++ b/people/21378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21379.html b/people/21379.html
index d1d89984..97c35e27 100644
--- a/people/21379.html
+++ b/people/21379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2138.html b/people/2138.html
index 88a35a5f..955d3d8d 100644
--- a/people/2138.html
+++ b/people/2138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21380.html b/people/21380.html
index e898607c..1ec0da0e 100644
--- a/people/21380.html
+++ b/people/21380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21381.html b/people/21381.html
index 719547f7..b113ca40 100644
--- a/people/21381.html
+++ b/people/21381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21382.html b/people/21382.html
index f4499ad4..00d98463 100644
--- a/people/21382.html
+++ b/people/21382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21383.html b/people/21383.html
index 836e69a1..c2189069 100644
--- a/people/21383.html
+++ b/people/21383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21384.html b/people/21384.html
index a11f990d..d88cc4be 100644
--- a/people/21384.html
+++ b/people/21384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21385.html b/people/21385.html
index 963e7364..5f998ad7 100644
--- a/people/21385.html
+++ b/people/21385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21386.html b/people/21386.html
index b5c6e4f3..9d300a32 100644
--- a/people/21386.html
+++ b/people/21386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21387.html b/people/21387.html
index 42572ce4..27fec9e9 100644
--- a/people/21387.html
+++ b/people/21387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21388.html b/people/21388.html
index 429a1343..5d9f5976 100644
--- a/people/21388.html
+++ b/people/21388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21389.html b/people/21389.html
index 28ee43f7..8e96ca0b 100644
--- a/people/21389.html
+++ b/people/21389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2139.html b/people/2139.html
index 82f04cbb..b6b14fda 100644
--- a/people/2139.html
+++ b/people/2139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21390.html b/people/21390.html
index 34abe691..c5363d0d 100644
--- a/people/21390.html
+++ b/people/21390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21391.html b/people/21391.html
index c5ffa92a..96282f8b 100644
--- a/people/21391.html
+++ b/people/21391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21392.html b/people/21392.html
index 3cea1338..a67f3ccc 100644
--- a/people/21392.html
+++ b/people/21392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21393.html b/people/21393.html
index 7aaeca72..18eaf189 100644
--- a/people/21393.html
+++ b/people/21393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21394.html b/people/21394.html
index 196b9131..31411434 100644
--- a/people/21394.html
+++ b/people/21394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21395.html b/people/21395.html
index 3542d98b..881c134c 100644
--- a/people/21395.html
+++ b/people/21395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21396.html b/people/21396.html
index 1ef849f8..5014fe53 100644
--- a/people/21396.html
+++ b/people/21396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21397.html b/people/21397.html
index 75bba810..b3e3e859 100644
--- a/people/21397.html
+++ b/people/21397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21398.html b/people/21398.html
index a6666a9c..2c74379a 100644
--- a/people/21398.html
+++ b/people/21398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21399.html b/people/21399.html
index 7332d867..9f363c89 100644
--- a/people/21399.html
+++ b/people/21399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/214.html b/people/214.html
index 8448fa66..57a77205 100644
--- a/people/214.html
+++ b/people/214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2140.html b/people/2140.html
index bfa0379f..b86373c4 100644
--- a/people/2140.html
+++ b/people/2140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21400.html b/people/21400.html
index 803b0df4..1fc3ca93 100644
--- a/people/21400.html
+++ b/people/21400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21401.html b/people/21401.html
index a5743868..faf429bb 100644
--- a/people/21401.html
+++ b/people/21401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21402.html b/people/21402.html
index 3552dac5..e290ba88 100644
--- a/people/21402.html
+++ b/people/21402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21403.html b/people/21403.html
index ac7041bc..032794bf 100644
--- a/people/21403.html
+++ b/people/21403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21404.html b/people/21404.html
index c11afbec..343c014a 100644
--- a/people/21404.html
+++ b/people/21404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21405.html b/people/21405.html
index 969b6eeb..8d777b4e 100644
--- a/people/21405.html
+++ b/people/21405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21406.html b/people/21406.html
index 781e898a..16118f3e 100644
--- a/people/21406.html
+++ b/people/21406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21407.html b/people/21407.html
index 1f84f3cd..4ad5bbdb 100644
--- a/people/21407.html
+++ b/people/21407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21408.html b/people/21408.html
index eb3f3208..463b7bc0 100644
--- a/people/21408.html
+++ b/people/21408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21409.html b/people/21409.html
index dc20544b..10f1af3a 100644
--- a/people/21409.html
+++ b/people/21409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2141.html b/people/2141.html
index 91a4cce2..2912b379 100644
--- a/people/2141.html
+++ b/people/2141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21410.html b/people/21410.html
index 7dea32a1..c2692c58 100644
--- a/people/21410.html
+++ b/people/21410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21411.html b/people/21411.html
index 5f5fcb62..13281bc4 100644
--- a/people/21411.html
+++ b/people/21411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21412.html b/people/21412.html
index 7eb625c6..c098370d 100644
--- a/people/21412.html
+++ b/people/21412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21413.html b/people/21413.html
index 76816bc6..a3a64e16 100644
--- a/people/21413.html
+++ b/people/21413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21414.html b/people/21414.html
index 9b95e006..108f9e25 100644
--- a/people/21414.html
+++ b/people/21414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21415.html b/people/21415.html
index 6266cc7e..d28d1b47 100644
--- a/people/21415.html
+++ b/people/21415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21416.html b/people/21416.html
index 2ce43c72..cb82748f 100644
--- a/people/21416.html
+++ b/people/21416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21417.html b/people/21417.html
index a1e90cf3..8fd85618 100644
--- a/people/21417.html
+++ b/people/21417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21418.html b/people/21418.html
index fda0cf2a..2de5c665 100644
--- a/people/21418.html
+++ b/people/21418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21419.html b/people/21419.html
index cd09f870..747b994a 100644
--- a/people/21419.html
+++ b/people/21419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2142.html b/people/2142.html
index 79f3ebc3..72deba06 100644
--- a/people/2142.html
+++ b/people/2142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21420.html b/people/21420.html
index b07b5b2e..6557780d 100644
--- a/people/21420.html
+++ b/people/21420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21421.html b/people/21421.html
index 3fdc0400..239e5434 100644
--- a/people/21421.html
+++ b/people/21421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21422.html b/people/21422.html
index 83dd1afa..4a2c9c7b 100644
--- a/people/21422.html
+++ b/people/21422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21423.html b/people/21423.html
index 28b65cad..1c6fe2ea 100644
--- a/people/21423.html
+++ b/people/21423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21424.html b/people/21424.html
index ad3c75ab..fe8d39d2 100644
--- a/people/21424.html
+++ b/people/21424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21425.html b/people/21425.html
index 633c335b..44a711d6 100644
--- a/people/21425.html
+++ b/people/21425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21426.html b/people/21426.html
index f81b04af..72314c70 100644
--- a/people/21426.html
+++ b/people/21426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21427.html b/people/21427.html
index f5fdf2da..d360b53e 100644
--- a/people/21427.html
+++ b/people/21427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21428.html b/people/21428.html
index 636b6a84..f53cb2f8 100644
--- a/people/21428.html
+++ b/people/21428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21429.html b/people/21429.html
index 95741bf2..c04f944e 100644
--- a/people/21429.html
+++ b/people/21429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2143.html b/people/2143.html
index 66305ab8..32f8eb6a 100644
--- a/people/2143.html
+++ b/people/2143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21430.html b/people/21430.html
index 5ff6fe90..bdae54c2 100644
--- a/people/21430.html
+++ b/people/21430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21431.html b/people/21431.html
index 3569e6a5..e843a8b4 100644
--- a/people/21431.html
+++ b/people/21431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21432.html b/people/21432.html
index 01a82996..a96e2aad 100644
--- a/people/21432.html
+++ b/people/21432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21433.html b/people/21433.html
index 479e5261..c8381211 100644
--- a/people/21433.html
+++ b/people/21433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21434.html b/people/21434.html
index 23cf7d68..29e580ac 100644
--- a/people/21434.html
+++ b/people/21434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21435.html b/people/21435.html
index d6adc9bd..e7277b2f 100644
--- a/people/21435.html
+++ b/people/21435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21436.html b/people/21436.html
index 9c540614..f0f2f524 100644
--- a/people/21436.html
+++ b/people/21436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21437.html b/people/21437.html
index d08f62e4..d8b71794 100644
--- a/people/21437.html
+++ b/people/21437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21438.html b/people/21438.html
index e5d48391..a4a0e80c 100644
--- a/people/21438.html
+++ b/people/21438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21439.html b/people/21439.html
index bd4d8f21..65fbb631 100644
--- a/people/21439.html
+++ b/people/21439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2144.html b/people/2144.html
index aa38f700..fcfa5e36 100644
--- a/people/2144.html
+++ b/people/2144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21440.html b/people/21440.html
index 4daab735..7ebe6600 100644
--- a/people/21440.html
+++ b/people/21440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21441.html b/people/21441.html
index 83c575ef..bff26cb6 100644
--- a/people/21441.html
+++ b/people/21441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21442.html b/people/21442.html
index 9993eb2b..2d9db120 100644
--- a/people/21442.html
+++ b/people/21442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21443.html b/people/21443.html
index 20d65096..6a642987 100644
--- a/people/21443.html
+++ b/people/21443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21444.html b/people/21444.html
index fe0c9478..7aa23ac3 100644
--- a/people/21444.html
+++ b/people/21444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21445.html b/people/21445.html
index 31008479..a9e4ddb5 100644
--- a/people/21445.html
+++ b/people/21445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21446.html b/people/21446.html
index 6baa6ce9..5ecee201 100644
--- a/people/21446.html
+++ b/people/21446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21447.html b/people/21447.html
index 520a128b..994a770c 100644
--- a/people/21447.html
+++ b/people/21447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21448.html b/people/21448.html
index 93dfb170..689970e7 100644
--- a/people/21448.html
+++ b/people/21448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21449.html b/people/21449.html
index 0a0eaaf1..ebf1adf5 100644
--- a/people/21449.html
+++ b/people/21449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2145.html b/people/2145.html
index f5c16603..410277d5 100644
--- a/people/2145.html
+++ b/people/2145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21450.html b/people/21450.html
index 1cdbe62a..27cf46ff 100644
--- a/people/21450.html
+++ b/people/21450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21451.html b/people/21451.html
index eb9d9946..5e74b3a2 100644
--- a/people/21451.html
+++ b/people/21451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21452.html b/people/21452.html
index 37714708..55efa231 100644
--- a/people/21452.html
+++ b/people/21452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21453.html b/people/21453.html
index 449f0e30..d1bb0198 100644
--- a/people/21453.html
+++ b/people/21453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21454.html b/people/21454.html
index e16490f9..171f4bb7 100644
--- a/people/21454.html
+++ b/people/21454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21455.html b/people/21455.html
index d186b7e6..e705928e 100644
--- a/people/21455.html
+++ b/people/21455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21456.html b/people/21456.html
index 4df4a87a..69c7de18 100644
--- a/people/21456.html
+++ b/people/21456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21457.html b/people/21457.html
index 5b6839a4..0ff9cc1b 100644
--- a/people/21457.html
+++ b/people/21457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21458.html b/people/21458.html
index a1a6970d..b706084d 100644
--- a/people/21458.html
+++ b/people/21458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21459.html b/people/21459.html
index d0b2e151..6b6676f6 100644
--- a/people/21459.html
+++ b/people/21459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2146.html b/people/2146.html
index ade8a9f7..128ff387 100644
--- a/people/2146.html
+++ b/people/2146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21460.html b/people/21460.html
index fd02d37b..ddbe6256 100644
--- a/people/21460.html
+++ b/people/21460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21461.html b/people/21461.html
index fd4e2b65..50672cfb 100644
--- a/people/21461.html
+++ b/people/21461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21462.html b/people/21462.html
index c7b5ac74..b8caa2a6 100644
--- a/people/21462.html
+++ b/people/21462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21463.html b/people/21463.html
index d6253215..453412d5 100644
--- a/people/21463.html
+++ b/people/21463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21464.html b/people/21464.html
index b226d826..df054309 100644
--- a/people/21464.html
+++ b/people/21464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21465.html b/people/21465.html
index 79e3fbaa..cc3239e6 100644
--- a/people/21465.html
+++ b/people/21465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21466.html b/people/21466.html
index 7b7d25e4..32c99b89 100644
--- a/people/21466.html
+++ b/people/21466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21467.html b/people/21467.html
index b8ef5980..143b999c 100644
--- a/people/21467.html
+++ b/people/21467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21468.html b/people/21468.html
index c19562e8..f211a901 100644
--- a/people/21468.html
+++ b/people/21468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21469.html b/people/21469.html
index abd0925b..4df24780 100644
--- a/people/21469.html
+++ b/people/21469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2147.html b/people/2147.html
index 05ae1072..af805965 100644
--- a/people/2147.html
+++ b/people/2147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21470.html b/people/21470.html
index b82d373b..504dc281 100644
--- a/people/21470.html
+++ b/people/21470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21471.html b/people/21471.html
index 69c46f55..6a47d710 100644
--- a/people/21471.html
+++ b/people/21471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21472.html b/people/21472.html
index ca7bfa8b..a363a9fa 100644
--- a/people/21472.html
+++ b/people/21472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21473.html b/people/21473.html
index 068ab316..8145d8dc 100644
--- a/people/21473.html
+++ b/people/21473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21474.html b/people/21474.html
index a3aa240f..325d39bd 100644
--- a/people/21474.html
+++ b/people/21474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21475.html b/people/21475.html
index c730daa1..9539ede2 100644
--- a/people/21475.html
+++ b/people/21475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21476.html b/people/21476.html
index 5eea888c..a2392c24 100644
--- a/people/21476.html
+++ b/people/21476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21477.html b/people/21477.html
index 9347d049..28156675 100644
--- a/people/21477.html
+++ b/people/21477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21478.html b/people/21478.html
index 42ff2c39..2b3b6cd9 100644
--- a/people/21478.html
+++ b/people/21478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21479.html b/people/21479.html
index 78fa93b8..4679b40b 100644
--- a/people/21479.html
+++ b/people/21479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2148.html b/people/2148.html
index 50154d25..81291679 100644
--- a/people/2148.html
+++ b/people/2148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21480.html b/people/21480.html
index 446ceefc..3aa7ee36 100644
--- a/people/21480.html
+++ b/people/21480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21481.html b/people/21481.html
index ece92907..db5a308f 100644
--- a/people/21481.html
+++ b/people/21481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21482.html b/people/21482.html
index e15f149c..f8d7f7f6 100644
--- a/people/21482.html
+++ b/people/21482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21483.html b/people/21483.html
index 59015dbf..66827b20 100644
--- a/people/21483.html
+++ b/people/21483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21484.html b/people/21484.html
index cff359f9..87c04e72 100644
--- a/people/21484.html
+++ b/people/21484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21485.html b/people/21485.html
index dca709a4..f9b6a5f5 100644
--- a/people/21485.html
+++ b/people/21485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21486.html b/people/21486.html
index 48cd267f..162e386d 100644
--- a/people/21486.html
+++ b/people/21486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21487.html b/people/21487.html
index 6bdcfab7..26b392b9 100644
--- a/people/21487.html
+++ b/people/21487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21488.html b/people/21488.html
index 0cf9bd9a..53016eda 100644
--- a/people/21488.html
+++ b/people/21488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21489.html b/people/21489.html
index a3940c21..ecc8ef87 100644
--- a/people/21489.html
+++ b/people/21489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2149.html b/people/2149.html
index 8277f82a..b17d88ba 100644
--- a/people/2149.html
+++ b/people/2149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21490.html b/people/21490.html
index 146b2f0c..c8668753 100644
--- a/people/21490.html
+++ b/people/21490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21491.html b/people/21491.html
index a65b2c42..dc26c8c3 100644
--- a/people/21491.html
+++ b/people/21491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21492.html b/people/21492.html
index fccb52dc..bc0a1f58 100644
--- a/people/21492.html
+++ b/people/21492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21493.html b/people/21493.html
index 949f6626..b6e086bd 100644
--- a/people/21493.html
+++ b/people/21493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21494.html b/people/21494.html
index a256b193..42e4f86d 100644
--- a/people/21494.html
+++ b/people/21494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21495.html b/people/21495.html
index 36c2331c..cf33fa1d 100644
--- a/people/21495.html
+++ b/people/21495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21496.html b/people/21496.html
index 3733de78..750bf6ce 100644
--- a/people/21496.html
+++ b/people/21496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21497.html b/people/21497.html
index 2a79583a..750e7144 100644
--- a/people/21497.html
+++ b/people/21497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21498.html b/people/21498.html
index baa781ad..835860be 100644
--- a/people/21498.html
+++ b/people/21498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21499.html b/people/21499.html
index ed20d9a4..543c7da6 100644
--- a/people/21499.html
+++ b/people/21499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/215.html b/people/215.html
index b3a2f47d..380afce8 100644
--- a/people/215.html
+++ b/people/215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2150.html b/people/2150.html
index 9324aa6c..4fce802f 100644
--- a/people/2150.html
+++ b/people/2150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21500.html b/people/21500.html
index e0169240..de1f096d 100644
--- a/people/21500.html
+++ b/people/21500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21501.html b/people/21501.html
index d07efb9a..607e8d19 100644
--- a/people/21501.html
+++ b/people/21501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21502.html b/people/21502.html
index cedcf8db..4313fa26 100644
--- a/people/21502.html
+++ b/people/21502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21503.html b/people/21503.html
index 39d6c14f..add6b0aa 100644
--- a/people/21503.html
+++ b/people/21503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21504.html b/people/21504.html
index 1cf0ba51..f18f4249 100644
--- a/people/21504.html
+++ b/people/21504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21505.html b/people/21505.html
index ba025fa2..be3e9d2f 100644
--- a/people/21505.html
+++ b/people/21505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21506.html b/people/21506.html
index e022896a..5e7654cc 100644
--- a/people/21506.html
+++ b/people/21506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21507.html b/people/21507.html
index 19882a17..b0ef2fe0 100644
--- a/people/21507.html
+++ b/people/21507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21508.html b/people/21508.html
index 141f95a9..1ec8f38c 100644
--- a/people/21508.html
+++ b/people/21508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21509.html b/people/21509.html
index 1ecdbab6..fb4dc9c7 100644
--- a/people/21509.html
+++ b/people/21509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2151.html b/people/2151.html
index c57a3953..6cbd2b9e 100644
--- a/people/2151.html
+++ b/people/2151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21510.html b/people/21510.html
index 28a077ae..1cd33ff1 100644
--- a/people/21510.html
+++ b/people/21510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21511.html b/people/21511.html
index af3c1cf4..fcb7574b 100644
--- a/people/21511.html
+++ b/people/21511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21512.html b/people/21512.html
index 03c83a0b..28d9c282 100644
--- a/people/21512.html
+++ b/people/21512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21513.html b/people/21513.html
index e69084ef..28e6978f 100644
--- a/people/21513.html
+++ b/people/21513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21514.html b/people/21514.html
index 94f375b7..48f1373b 100644
--- a/people/21514.html
+++ b/people/21514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21515.html b/people/21515.html
index e2be8e6e..c2d28ecc 100644
--- a/people/21515.html
+++ b/people/21515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21516.html b/people/21516.html
index a00e8af8..075c0de1 100644
--- a/people/21516.html
+++ b/people/21516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21517.html b/people/21517.html
index 3c7f4c84..620ad858 100644
--- a/people/21517.html
+++ b/people/21517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21518.html b/people/21518.html
index 8806e834..c6564867 100644
--- a/people/21518.html
+++ b/people/21518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21519.html b/people/21519.html
index 3211bffd..2431dc53 100644
--- a/people/21519.html
+++ b/people/21519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2152.html b/people/2152.html
index b7284afe..c981f877 100644
--- a/people/2152.html
+++ b/people/2152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21520.html b/people/21520.html
index 84bd054a..8d120e8a 100644
--- a/people/21520.html
+++ b/people/21520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21521.html b/people/21521.html
index bd700e20..073f4b4d 100644
--- a/people/21521.html
+++ b/people/21521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21522.html b/people/21522.html
index 28a57e80..07414437 100644
--- a/people/21522.html
+++ b/people/21522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21523.html b/people/21523.html
index 7670bc12..25cdaea9 100644
--- a/people/21523.html
+++ b/people/21523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21524.html b/people/21524.html
index 8ef3a8c5..e0dc8c7b 100644
--- a/people/21524.html
+++ b/people/21524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21525.html b/people/21525.html
index 619d9829..ff13827b 100644
--- a/people/21525.html
+++ b/people/21525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21526.html b/people/21526.html
index fb00b838..35140512 100644
--- a/people/21526.html
+++ b/people/21526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21527.html b/people/21527.html
index 9be34a2e..df5f5619 100644
--- a/people/21527.html
+++ b/people/21527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21528.html b/people/21528.html
index 546f5c41..97aeb114 100644
--- a/people/21528.html
+++ b/people/21528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21529.html b/people/21529.html
index ce08e957..7990fd89 100644
--- a/people/21529.html
+++ b/people/21529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2153.html b/people/2153.html
index a0b40cc0..8b53b4f5 100644
--- a/people/2153.html
+++ b/people/2153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21530.html b/people/21530.html
index 8aaeec19..aa08fe89 100644
--- a/people/21530.html
+++ b/people/21530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21531.html b/people/21531.html
index 95af1cc0..4e0f930f 100644
--- a/people/21531.html
+++ b/people/21531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21532.html b/people/21532.html
index 92b1950c..22b40c7c 100644
--- a/people/21532.html
+++ b/people/21532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21533.html b/people/21533.html
index 93fa6a67..68a4b904 100644
--- a/people/21533.html
+++ b/people/21533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21534.html b/people/21534.html
index e3481c69..85da47ee 100644
--- a/people/21534.html
+++ b/people/21534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21535.html b/people/21535.html
index a499c4ec..763b89d6 100644
--- a/people/21535.html
+++ b/people/21535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21536.html b/people/21536.html
index 4199950f..71d5d420 100644
--- a/people/21536.html
+++ b/people/21536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21537.html b/people/21537.html
index 575141fa..94527abd 100644
--- a/people/21537.html
+++ b/people/21537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21538.html b/people/21538.html
index 46d0b1e6..673dfed1 100644
--- a/people/21538.html
+++ b/people/21538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21539.html b/people/21539.html
index cb5741f8..6236a585 100644
--- a/people/21539.html
+++ b/people/21539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2154.html b/people/2154.html
index 47c11924..d2efbc6e 100644
--- a/people/2154.html
+++ b/people/2154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21540.html b/people/21540.html
index 208a8152..49fc73b7 100644
--- a/people/21540.html
+++ b/people/21540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21541.html b/people/21541.html
index f10cfc94..66f9920e 100644
--- a/people/21541.html
+++ b/people/21541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21542.html b/people/21542.html
index 8cc1db4e..379b819b 100644
--- a/people/21542.html
+++ b/people/21542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21543.html b/people/21543.html
index 23e98fd3..5d07ac2e 100644
--- a/people/21543.html
+++ b/people/21543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21544.html b/people/21544.html
index c05294bf..5e59cc04 100644
--- a/people/21544.html
+++ b/people/21544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21545.html b/people/21545.html
index 617fe41e..467759fd 100644
--- a/people/21545.html
+++ b/people/21545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21546.html b/people/21546.html
index 7c729e6d..c84e36a3 100644
--- a/people/21546.html
+++ b/people/21546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21547.html b/people/21547.html
index 6d583b27..9a2ba101 100644
--- a/people/21547.html
+++ b/people/21547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21548.html b/people/21548.html
index 97e7aa26..ce44fa90 100644
--- a/people/21548.html
+++ b/people/21548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21549.html b/people/21549.html
index e75793c1..c85afee5 100644
--- a/people/21549.html
+++ b/people/21549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2155.html b/people/2155.html
index a06d51f7..b84b28eb 100644
--- a/people/2155.html
+++ b/people/2155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21550.html b/people/21550.html
index 842a4991..29717cd8 100644
--- a/people/21550.html
+++ b/people/21550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21551.html b/people/21551.html
index cf57162a..fb90aeed 100644
--- a/people/21551.html
+++ b/people/21551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21552.html b/people/21552.html
index b889ca21..093bd275 100644
--- a/people/21552.html
+++ b/people/21552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21553.html b/people/21553.html
index b4dd3130..ae74afe2 100644
--- a/people/21553.html
+++ b/people/21553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21554.html b/people/21554.html
index 2a45b378..6733589e 100644
--- a/people/21554.html
+++ b/people/21554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21555.html b/people/21555.html
index 8af6f6a1..4d5f6f60 100644
--- a/people/21555.html
+++ b/people/21555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21556.html b/people/21556.html
index ffa0f176..1a9ecaf0 100644
--- a/people/21556.html
+++ b/people/21556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21557.html b/people/21557.html
index 6bcc7799..22a2622a 100644
--- a/people/21557.html
+++ b/people/21557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21558.html b/people/21558.html
index e84d866c..18487148 100644
--- a/people/21558.html
+++ b/people/21558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/21559.html b/people/21559.html
index c321c889..27d7d380 100644
--- a/people/21559.html
+++ b/people/21559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2156.html b/people/2156.html
index 01ca286b..1737a973 100644
--- a/people/2156.html
+++ b/people/2156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2157.html b/people/2157.html
index 722a7b8e..164acea4 100644
--- a/people/2157.html
+++ b/people/2157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2158.html b/people/2158.html
index 226b1d22..ec96f79c 100644
--- a/people/2158.html
+++ b/people/2158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2159.html b/people/2159.html
index 8355e260..f30d7545 100644
--- a/people/2159.html
+++ b/people/2159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/216.html b/people/216.html
index 2c95a4c1..37ca13cb 100644
--- a/people/216.html
+++ b/people/216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2160.html b/people/2160.html
index de336727..c99f234a 100644
--- a/people/2160.html
+++ b/people/2160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2161.html b/people/2161.html
index 655cdbf8..634f90cb 100644
--- a/people/2161.html
+++ b/people/2161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2162.html b/people/2162.html
index 5348a627..6b4cae61 100644
--- a/people/2162.html
+++ b/people/2162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2163.html b/people/2163.html
index 26f1437d..e72fc532 100644
--- a/people/2163.html
+++ b/people/2163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2164.html b/people/2164.html
index deff51f0..0d5758a9 100644
--- a/people/2164.html
+++ b/people/2164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2165.html b/people/2165.html
index c8495910..c2e33561 100644
--- a/people/2165.html
+++ b/people/2165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2166.html b/people/2166.html
index bcb9e3c3..8aa355ee 100644
--- a/people/2166.html
+++ b/people/2166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2167.html b/people/2167.html
index aa6e9a8e..70ae2a6a 100644
--- a/people/2167.html
+++ b/people/2167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2168.html b/people/2168.html
index 4aefacda..2226eccb 100644
--- a/people/2168.html
+++ b/people/2168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2169.html b/people/2169.html
index d778251f..14b5e26b 100644
--- a/people/2169.html
+++ b/people/2169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/217.html b/people/217.html
index 988dccd6..e7965059 100644
--- a/people/217.html
+++ b/people/217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2170.html b/people/2170.html
index b0992937..dee6c8f2 100644
--- a/people/2170.html
+++ b/people/2170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2171.html b/people/2171.html
index ce1b8a9c..560d8b4b 100644
--- a/people/2171.html
+++ b/people/2171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2172.html b/people/2172.html
index 80539cd7..f7278d1a 100644
--- a/people/2172.html
+++ b/people/2172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2173.html b/people/2173.html
index 8231d1f8..6a94b394 100644
--- a/people/2173.html
+++ b/people/2173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2174.html b/people/2174.html
index 9991e4e8..e675125a 100644
--- a/people/2174.html
+++ b/people/2174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2175.html b/people/2175.html
index 3a894aa4..8918f21f 100644
--- a/people/2175.html
+++ b/people/2175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2176.html b/people/2176.html
index 86c51b8b..789ab668 100644
--- a/people/2176.html
+++ b/people/2176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2177.html b/people/2177.html
index ec9552b6..4e29728d 100644
--- a/people/2177.html
+++ b/people/2177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2178.html b/people/2178.html
index 21e5a520..19b3e193 100644
--- a/people/2178.html
+++ b/people/2178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2179.html b/people/2179.html
index 0286e104..81934da3 100644
--- a/people/2179.html
+++ b/people/2179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/218.html b/people/218.html
index 2c08ea80..95a029ad 100644
--- a/people/218.html
+++ b/people/218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2180.html b/people/2180.html
index fd90858a..e069e89b 100644
--- a/people/2180.html
+++ b/people/2180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2181.html b/people/2181.html
index c31a5f4b..aa3f0c7c 100644
--- a/people/2181.html
+++ b/people/2181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2182.html b/people/2182.html
index 9c7fcbb5..ac9d199c 100644
--- a/people/2182.html
+++ b/people/2182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2183.html b/people/2183.html
index bc785c6a..b7422438 100644
--- a/people/2183.html
+++ b/people/2183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2184.html b/people/2184.html
index 2a294908..854cae82 100644
--- a/people/2184.html
+++ b/people/2184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2185.html b/people/2185.html
index b58af2ba..227cc7e2 100644
--- a/people/2185.html
+++ b/people/2185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2186.html b/people/2186.html
index c7474b18..24b5208b 100644
--- a/people/2186.html
+++ b/people/2186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2187.html b/people/2187.html
index fcbe0786..a1796a3e 100644
--- a/people/2187.html
+++ b/people/2187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2188.html b/people/2188.html
index 626748f4..354c7fcd 100644
--- a/people/2188.html
+++ b/people/2188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2189.html b/people/2189.html
index 6fd3e338..91e48324 100644
--- a/people/2189.html
+++ b/people/2189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/219.html b/people/219.html
index 8671da11..51eee96e 100644
--- a/people/219.html
+++ b/people/219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2190.html b/people/2190.html
index 6b8737dc..0ac1679c 100644
--- a/people/2190.html
+++ b/people/2190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2191.html b/people/2191.html
index 91a06ea6..2ab0a707 100644
--- a/people/2191.html
+++ b/people/2191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2192.html b/people/2192.html
index 25fc77ad..7d84065e 100644
--- a/people/2192.html
+++ b/people/2192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2193.html b/people/2193.html
index d8fc10fb..9cae9f43 100644
--- a/people/2193.html
+++ b/people/2193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2194.html b/people/2194.html
index 42e8cb21..bfd4b305 100644
--- a/people/2194.html
+++ b/people/2194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2195.html b/people/2195.html
index 0afc9592..6c9df048 100644
--- a/people/2195.html
+++ b/people/2195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2196.html b/people/2196.html
index b0ef311e..0bfa0cec 100644
--- a/people/2196.html
+++ b/people/2196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2197.html b/people/2197.html
index f2e6bb78..f036948a 100644
--- a/people/2197.html
+++ b/people/2197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2198.html b/people/2198.html
index c72b424b..60aef6da 100644
--- a/people/2198.html
+++ b/people/2198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2199.html b/people/2199.html
index f544723d..de0b5740 100644
--- a/people/2199.html
+++ b/people/2199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/22.html b/people/22.html
index 680b0c5d..307df353 100644
--- a/people/22.html
+++ b/people/22.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/220.html b/people/220.html
index d7f9cedd..7464f278 100644
--- a/people/220.html
+++ b/people/220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2200.html b/people/2200.html
index 1a8a1a31..412c21e0 100644
--- a/people/2200.html
+++ b/people/2200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2201.html b/people/2201.html
index ca1869a5..c1788454 100644
--- a/people/2201.html
+++ b/people/2201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2202.html b/people/2202.html
index a2f8ca11..04b626b5 100644
--- a/people/2202.html
+++ b/people/2202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2203.html b/people/2203.html
index 0899ef99..c8abfb1d 100644
--- a/people/2203.html
+++ b/people/2203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2204.html b/people/2204.html
index 256ef4f2..be98b162 100644
--- a/people/2204.html
+++ b/people/2204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2205.html b/people/2205.html
index 0434a2c0..2af3deb8 100644
--- a/people/2205.html
+++ b/people/2205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2206.html b/people/2206.html
index 135992f0..bdcca1d6 100644
--- a/people/2206.html
+++ b/people/2206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2207.html b/people/2207.html
index 079967a6..f5994e2c 100644
--- a/people/2207.html
+++ b/people/2207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2208.html b/people/2208.html
index d5b50b2a..2236f293 100644
--- a/people/2208.html
+++ b/people/2208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2209.html b/people/2209.html
index bee38968..87fb2df0 100644
--- a/people/2209.html
+++ b/people/2209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/221.html b/people/221.html
index 7104e2a9..1b9847d4 100644
--- a/people/221.html
+++ b/people/221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2210.html b/people/2210.html
index 37803fee..c3a7db75 100644
--- a/people/2210.html
+++ b/people/2210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2211.html b/people/2211.html
index 569fafe9..e3e54b40 100644
--- a/people/2211.html
+++ b/people/2211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2212.html b/people/2212.html
index bf8ea99e..54fa82eb 100644
--- a/people/2212.html
+++ b/people/2212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2213.html b/people/2213.html
index 06dd6f87..bd91d739 100644
--- a/people/2213.html
+++ b/people/2213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2214.html b/people/2214.html
index 05bd268b..5e080689 100644
--- a/people/2214.html
+++ b/people/2214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2215.html b/people/2215.html
index 7e1fdfb5..3b2d9f2e 100644
--- a/people/2215.html
+++ b/people/2215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2216.html b/people/2216.html
index 00beaf42..5425538e 100644
--- a/people/2216.html
+++ b/people/2216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2217.html b/people/2217.html
index 6aa090cf..0afd299c 100644
--- a/people/2217.html
+++ b/people/2217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2218.html b/people/2218.html
index c7b27f02..93af72dc 100644
--- a/people/2218.html
+++ b/people/2218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2219.html b/people/2219.html
index aa843d13..a3f4c190 100644
--- a/people/2219.html
+++ b/people/2219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/222.html b/people/222.html
index 8b09cdef..054cb6ff 100644
--- a/people/222.html
+++ b/people/222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2220.html b/people/2220.html
index 25fc3f7d..89cb0cc2 100644
--- a/people/2220.html
+++ b/people/2220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2221.html b/people/2221.html
index 81feb5e0..79bdd625 100644
--- a/people/2221.html
+++ b/people/2221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2222.html b/people/2222.html
index f56d749e..995d2509 100644
--- a/people/2222.html
+++ b/people/2222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2223.html b/people/2223.html
index 80e8ba82..dd591422 100644
--- a/people/2223.html
+++ b/people/2223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2224.html b/people/2224.html
index 70068ca3..29d1c674 100644
--- a/people/2224.html
+++ b/people/2224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2225.html b/people/2225.html
index 3d96fa7d..bb3a9b2c 100644
--- a/people/2225.html
+++ b/people/2225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2226.html b/people/2226.html
index 7c60f529..48a92055 100644
--- a/people/2226.html
+++ b/people/2226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2227.html b/people/2227.html
index 80209e98..bcbf66a0 100644
--- a/people/2227.html
+++ b/people/2227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2228.html b/people/2228.html
index c100e550..563a979b 100644
--- a/people/2228.html
+++ b/people/2228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2229.html b/people/2229.html
index a6702e5f..eba38ba7 100644
--- a/people/2229.html
+++ b/people/2229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/223.html b/people/223.html
index 4d889ae5..ec2c202d 100644
--- a/people/223.html
+++ b/people/223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2230.html b/people/2230.html
index 104b0a58..f65235ef 100644
--- a/people/2230.html
+++ b/people/2230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2231.html b/people/2231.html
index 11fc6646..36f67591 100644
--- a/people/2231.html
+++ b/people/2231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2232.html b/people/2232.html
index 7b3380fd..51246d50 100644
--- a/people/2232.html
+++ b/people/2232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2233.html b/people/2233.html
index 54d7f192..0a3a9712 100644
--- a/people/2233.html
+++ b/people/2233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2234.html b/people/2234.html
index 58255586..f80fb0f9 100644
--- a/people/2234.html
+++ b/people/2234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2235.html b/people/2235.html
index 67ac3c1c..5ba83298 100644
--- a/people/2235.html
+++ b/people/2235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2236.html b/people/2236.html
index e761c25a..c16bf424 100644
--- a/people/2236.html
+++ b/people/2236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2237.html b/people/2237.html
index 2e480b84..744e3800 100644
--- a/people/2237.html
+++ b/people/2237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2238.html b/people/2238.html
index 6b493971..3e877425 100644
--- a/people/2238.html
+++ b/people/2238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2239.html b/people/2239.html
index ab0b2544..65662fd9 100644
--- a/people/2239.html
+++ b/people/2239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/224.html b/people/224.html
index ddcc43e5..6adbe68d 100644
--- a/people/224.html
+++ b/people/224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2240.html b/people/2240.html
index 951cc7f7..df88bae1 100644
--- a/people/2240.html
+++ b/people/2240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2241.html b/people/2241.html
index 95867a4f..a6da5c57 100644
--- a/people/2241.html
+++ b/people/2241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2242.html b/people/2242.html
index 26acaa1d..229b62e3 100644
--- a/people/2242.html
+++ b/people/2242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2243.html b/people/2243.html
index a1275a52..aa838de4 100644
--- a/people/2243.html
+++ b/people/2243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2244.html b/people/2244.html
index ccb3d94d..2ab582c8 100644
--- a/people/2244.html
+++ b/people/2244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2245.html b/people/2245.html
index c0ff594b..2c67e77f 100644
--- a/people/2245.html
+++ b/people/2245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2246.html b/people/2246.html
index 7c09f5b4..73e173fd 100644
--- a/people/2246.html
+++ b/people/2246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2247.html b/people/2247.html
index 14dac95f..d649bd96 100644
--- a/people/2247.html
+++ b/people/2247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2248.html b/people/2248.html
index 92df5bc6..520176de 100644
--- a/people/2248.html
+++ b/people/2248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2249.html b/people/2249.html
index af35629b..1a2c7d5a 100644
--- a/people/2249.html
+++ b/people/2249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/225.html b/people/225.html
index f7ca3f0c..c1cb0547 100644
--- a/people/225.html
+++ b/people/225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2250.html b/people/2250.html
index 76c74275..b0fb63a8 100644
--- a/people/2250.html
+++ b/people/2250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2251.html b/people/2251.html
index 5b97e2e5..8f7a8588 100644
--- a/people/2251.html
+++ b/people/2251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2252.html b/people/2252.html
index 9296b1ba..77813fff 100644
--- a/people/2252.html
+++ b/people/2252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2253.html b/people/2253.html
index ec2b8aa2..8ed2f27b 100644
--- a/people/2253.html
+++ b/people/2253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2254.html b/people/2254.html
index a16327f9..8f625358 100644
--- a/people/2254.html
+++ b/people/2254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2255.html b/people/2255.html
index 4da6889f..e6126f5e 100644
--- a/people/2255.html
+++ b/people/2255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2256.html b/people/2256.html
index ff4ada3f..645ea4e5 100644
--- a/people/2256.html
+++ b/people/2256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2257.html b/people/2257.html
index 026e8a38..11c538ef 100644
--- a/people/2257.html
+++ b/people/2257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2258.html b/people/2258.html
index a24c185c..35e22451 100644
--- a/people/2258.html
+++ b/people/2258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2259.html b/people/2259.html
index 9f5672b6..1cdb7b65 100644
--- a/people/2259.html
+++ b/people/2259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/226.html b/people/226.html
index 3509cb3a..e93395e1 100644
--- a/people/226.html
+++ b/people/226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2260.html b/people/2260.html
index 07348b3f..a1df44d4 100644
--- a/people/2260.html
+++ b/people/2260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2261.html b/people/2261.html
index 9ac57318..8548976e 100644
--- a/people/2261.html
+++ b/people/2261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2262.html b/people/2262.html
index 318ee098..b27733f2 100644
--- a/people/2262.html
+++ b/people/2262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2263.html b/people/2263.html
index 0fd6d802..d9b9a48e 100644
--- a/people/2263.html
+++ b/people/2263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2264.html b/people/2264.html
index 720866ed..0138382c 100644
--- a/people/2264.html
+++ b/people/2264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2265.html b/people/2265.html
index 1453b3d5..998fbfaa 100644
--- a/people/2265.html
+++ b/people/2265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2266.html b/people/2266.html
index b751a282..0048ef4c 100644
--- a/people/2266.html
+++ b/people/2266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2267.html b/people/2267.html
index a3765784..106bef6c 100644
--- a/people/2267.html
+++ b/people/2267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2268.html b/people/2268.html
index 131374ff..d38057ba 100644
--- a/people/2268.html
+++ b/people/2268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2269.html b/people/2269.html
index 1438437f..c84e99b9 100644
--- a/people/2269.html
+++ b/people/2269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/227.html b/people/227.html
index f4e607ab..4ee8273b 100644
--- a/people/227.html
+++ b/people/227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2270.html b/people/2270.html
index fd212c99..ba8cc219 100644
--- a/people/2270.html
+++ b/people/2270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2271.html b/people/2271.html
index c964ecc7..05e6b120 100644
--- a/people/2271.html
+++ b/people/2271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2272.html b/people/2272.html
index 7833b065..3d48968a 100644
--- a/people/2272.html
+++ b/people/2272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2273.html b/people/2273.html
index 0bbf6a77..664b3fb9 100644
--- a/people/2273.html
+++ b/people/2273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2274.html b/people/2274.html
index 9c5ba508..bc6dbd98 100644
--- a/people/2274.html
+++ b/people/2274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2275.html b/people/2275.html
index 2b8f8217..05c0ca4b 100644
--- a/people/2275.html
+++ b/people/2275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2276.html b/people/2276.html
index c9b9647f..4517a280 100644
--- a/people/2276.html
+++ b/people/2276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2277.html b/people/2277.html
index e62209ca..63ad55bf 100644
--- a/people/2277.html
+++ b/people/2277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2278.html b/people/2278.html
index 83580c8a..a2ccfbaa 100644
--- a/people/2278.html
+++ b/people/2278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2279.html b/people/2279.html
index d857958c..459fa84e 100644
--- a/people/2279.html
+++ b/people/2279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/228.html b/people/228.html
index 8d1b3989..eeb9e781 100644
--- a/people/228.html
+++ b/people/228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2280.html b/people/2280.html
index 089a20e9..fd277101 100644
--- a/people/2280.html
+++ b/people/2280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2281.html b/people/2281.html
index 7c3e3973..2a874743 100644
--- a/people/2281.html
+++ b/people/2281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2282.html b/people/2282.html
index 56f36b23..4929d4cc 100644
--- a/people/2282.html
+++ b/people/2282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2283.html b/people/2283.html
index 1f83ae2d..a42f0cc7 100644
--- a/people/2283.html
+++ b/people/2283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2284.html b/people/2284.html
index 4bc95ffd..4dffa1e9 100644
--- a/people/2284.html
+++ b/people/2284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2285.html b/people/2285.html
index 80a03a35..c65b92c0 100644
--- a/people/2285.html
+++ b/people/2285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2286.html b/people/2286.html
index e7c03d59..a7a8b175 100644
--- a/people/2286.html
+++ b/people/2286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2287.html b/people/2287.html
index 2a89d6cc..2abe2648 100644
--- a/people/2287.html
+++ b/people/2287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2288.html b/people/2288.html
index 2419d9fa..b9c7eb46 100644
--- a/people/2288.html
+++ b/people/2288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2289.html b/people/2289.html
index 9a711e5f..6521100f 100644
--- a/people/2289.html
+++ b/people/2289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/229.html b/people/229.html
index ccea0833..0e813ead 100644
--- a/people/229.html
+++ b/people/229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2290.html b/people/2290.html
index 1d0a7a80..b1250c4e 100644
--- a/people/2290.html
+++ b/people/2290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2291.html b/people/2291.html
index d9d95abc..fbdda301 100644
--- a/people/2291.html
+++ b/people/2291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2292.html b/people/2292.html
index 4475ef35..8d6e5bbf 100644
--- a/people/2292.html
+++ b/people/2292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2293.html b/people/2293.html
index d897f685..cac409e5 100644
--- a/people/2293.html
+++ b/people/2293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2294.html b/people/2294.html
index a8791473..8d8064a8 100644
--- a/people/2294.html
+++ b/people/2294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2295.html b/people/2295.html
index b024a2ba..5d096c95 100644
--- a/people/2295.html
+++ b/people/2295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2296.html b/people/2296.html
index bbd625e5..45cbe9a8 100644
--- a/people/2296.html
+++ b/people/2296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2297.html b/people/2297.html
index b03b37ce..85c901bd 100644
--- a/people/2297.html
+++ b/people/2297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2298.html b/people/2298.html
index 7c3a70e2..a9f55ad6 100644
--- a/people/2298.html
+++ b/people/2298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2299.html b/people/2299.html
index ff67d3cf..b244842c 100644
--- a/people/2299.html
+++ b/people/2299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/23.html b/people/23.html
index 9568b274..75da56bb 100644
--- a/people/23.html
+++ b/people/23.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/230.html b/people/230.html
index f74be622..2d22818c 100644
--- a/people/230.html
+++ b/people/230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2300.html b/people/2300.html
index ba6685c6..937e64ca 100644
--- a/people/2300.html
+++ b/people/2300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2301.html b/people/2301.html
index a87a451a..7e3a2848 100644
--- a/people/2301.html
+++ b/people/2301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2302.html b/people/2302.html
index b7a283b9..9da83a6f 100644
--- a/people/2302.html
+++ b/people/2302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2303.html b/people/2303.html
index 3e8b7dd2..666c8675 100644
--- a/people/2303.html
+++ b/people/2303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2304.html b/people/2304.html
index 044ead0e..9713277c 100644
--- a/people/2304.html
+++ b/people/2304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2305.html b/people/2305.html
index 380ecf54..8e1cbe14 100644
--- a/people/2305.html
+++ b/people/2305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2306.html b/people/2306.html
index 05c153b5..db156409 100644
--- a/people/2306.html
+++ b/people/2306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2307.html b/people/2307.html
index e4af02ae..e77feb3a 100644
--- a/people/2307.html
+++ b/people/2307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2308.html b/people/2308.html
index 2421fb52..515c7dd5 100644
--- a/people/2308.html
+++ b/people/2308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2309.html b/people/2309.html
index d778bc06..b70c2a5b 100644
--- a/people/2309.html
+++ b/people/2309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/231.html b/people/231.html
index ffbc890d..b7e39df8 100644
--- a/people/231.html
+++ b/people/231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2310.html b/people/2310.html
index 9406f858..c94564c0 100644
--- a/people/2310.html
+++ b/people/2310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2311.html b/people/2311.html
index ac5668bb..54832c19 100644
--- a/people/2311.html
+++ b/people/2311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2312.html b/people/2312.html
index b00a0b20..a6128bca 100644
--- a/people/2312.html
+++ b/people/2312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2313.html b/people/2313.html
index 1d5ab1c2..58fe3544 100644
--- a/people/2313.html
+++ b/people/2313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2314.html b/people/2314.html
index bae091ce..a932f8dd 100644
--- a/people/2314.html
+++ b/people/2314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2315.html b/people/2315.html
index 9ef5cde1..bf1cd434 100644
--- a/people/2315.html
+++ b/people/2315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2316.html b/people/2316.html
index 3294efef..2887ac20 100644
--- a/people/2316.html
+++ b/people/2316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2317.html b/people/2317.html
index ff58087c..88c1a9a6 100644
--- a/people/2317.html
+++ b/people/2317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2318.html b/people/2318.html
index a8d4d352..960af095 100644
--- a/people/2318.html
+++ b/people/2318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2319.html b/people/2319.html
index c3959a7e..23cc569e 100644
--- a/people/2319.html
+++ b/people/2319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/232.html b/people/232.html
index 7690b9f7..97a32530 100644
--- a/people/232.html
+++ b/people/232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2320.html b/people/2320.html
index d54a42aa..e0bff762 100644
--- a/people/2320.html
+++ b/people/2320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2321.html b/people/2321.html
index 2e6112b0..9277727e 100644
--- a/people/2321.html
+++ b/people/2321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2322.html b/people/2322.html
index bc6722d4..f1b59453 100644
--- a/people/2322.html
+++ b/people/2322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2323.html b/people/2323.html
index 4b8172c4..21669fee 100644
--- a/people/2323.html
+++ b/people/2323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2324.html b/people/2324.html
index 194ee1ff..b3d410bb 100644
--- a/people/2324.html
+++ b/people/2324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2325.html b/people/2325.html
index 2b2bb8e8..dcaca7ea 100644
--- a/people/2325.html
+++ b/people/2325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2326.html b/people/2326.html
index 0e5e51c8..a28263f6 100644
--- a/people/2326.html
+++ b/people/2326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2327.html b/people/2327.html
index 98c07b89..d70bdd09 100644
--- a/people/2327.html
+++ b/people/2327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2328.html b/people/2328.html
index c3dfc586..84d0f4c0 100644
--- a/people/2328.html
+++ b/people/2328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2329.html b/people/2329.html
index 85cc4310..2241d6e4 100644
--- a/people/2329.html
+++ b/people/2329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/233.html b/people/233.html
index 8b119c63..0a91d769 100644
--- a/people/233.html
+++ b/people/233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2330.html b/people/2330.html
index 3a033bea..ccf481be 100644
--- a/people/2330.html
+++ b/people/2330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2331.html b/people/2331.html
index bedf44fd..61264264 100644
--- a/people/2331.html
+++ b/people/2331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2332.html b/people/2332.html
index 597575f9..81a9d0c0 100644
--- a/people/2332.html
+++ b/people/2332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2333.html b/people/2333.html
index c01c4465..efb836c7 100644
--- a/people/2333.html
+++ b/people/2333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2334.html b/people/2334.html
index d8a5eb2d..021c6396 100644
--- a/people/2334.html
+++ b/people/2334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2335.html b/people/2335.html
index d56cdd40..49b9261e 100644
--- a/people/2335.html
+++ b/people/2335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2336.html b/people/2336.html
index 976ac286..6f3d9e32 100644
--- a/people/2336.html
+++ b/people/2336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2337.html b/people/2337.html
index 316d55ef..ce660dfd 100644
--- a/people/2337.html
+++ b/people/2337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2338.html b/people/2338.html
index aa898dec..7d3480db 100644
--- a/people/2338.html
+++ b/people/2338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2339.html b/people/2339.html
index 8a72736b..1cd48517 100644
--- a/people/2339.html
+++ b/people/2339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/234.html b/people/234.html
index 5fe91e3c..b87145e1 100644
--- a/people/234.html
+++ b/people/234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2340.html b/people/2340.html
index c48deb51..0ea9d871 100644
--- a/people/2340.html
+++ b/people/2340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2341.html b/people/2341.html
index bd71904c..8fc82134 100644
--- a/people/2341.html
+++ b/people/2341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2342.html b/people/2342.html
index 3697bb7f..2b312c2e 100644
--- a/people/2342.html
+++ b/people/2342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2343.html b/people/2343.html
index a3a7fe34..08cddea7 100644
--- a/people/2343.html
+++ b/people/2343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2344.html b/people/2344.html
index 869085a3..48c545c3 100644
--- a/people/2344.html
+++ b/people/2344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2345.html b/people/2345.html
index 30a5adac..89ee9e66 100644
--- a/people/2345.html
+++ b/people/2345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2346.html b/people/2346.html
index b4551a4f..9d5c1a79 100644
--- a/people/2346.html
+++ b/people/2346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2347.html b/people/2347.html
index edfae181..cf0ba1c7 100644
--- a/people/2347.html
+++ b/people/2347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2348.html b/people/2348.html
index 2912890a..c02490db 100644
--- a/people/2348.html
+++ b/people/2348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2349.html b/people/2349.html
index fb7d598d..f0fe9b5a 100644
--- a/people/2349.html
+++ b/people/2349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/235.html b/people/235.html
index caa20b4d..25018130 100644
--- a/people/235.html
+++ b/people/235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2350.html b/people/2350.html
index 9b724733..4d72f3b6 100644
--- a/people/2350.html
+++ b/people/2350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2351.html b/people/2351.html
index 5d4bc709..bd1e925f 100644
--- a/people/2351.html
+++ b/people/2351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2352.html b/people/2352.html
index 9d93bc94..e2263531 100644
--- a/people/2352.html
+++ b/people/2352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2353.html b/people/2353.html
index 65c9826d..dbdb4e05 100644
--- a/people/2353.html
+++ b/people/2353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2354.html b/people/2354.html
index 8b5095c1..7cbfca6b 100644
--- a/people/2354.html
+++ b/people/2354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2355.html b/people/2355.html
index da789d0e..590b1707 100644
--- a/people/2355.html
+++ b/people/2355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2356.html b/people/2356.html
index e9eaea0b..f403641f 100644
--- a/people/2356.html
+++ b/people/2356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2357.html b/people/2357.html
index 1d981e87..8a5d40b6 100644
--- a/people/2357.html
+++ b/people/2357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2358.html b/people/2358.html
index f903f344..99f06b99 100644
--- a/people/2358.html
+++ b/people/2358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2359.html b/people/2359.html
index 6dbd19b2..cd638c8b 100644
--- a/people/2359.html
+++ b/people/2359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/236.html b/people/236.html
index a3dc66f3..7f658391 100644
--- a/people/236.html
+++ b/people/236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2360.html b/people/2360.html
index 1d846c47..c34bb15c 100644
--- a/people/2360.html
+++ b/people/2360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2361.html b/people/2361.html
index 80b7ead2..573bce42 100644
--- a/people/2361.html
+++ b/people/2361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2362.html b/people/2362.html
index 440a5d77..6d3085c2 100644
--- a/people/2362.html
+++ b/people/2362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2363.html b/people/2363.html
index 931074f1..ab606458 100644
--- a/people/2363.html
+++ b/people/2363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2364.html b/people/2364.html
index 2f3d8399..5a8b24a4 100644
--- a/people/2364.html
+++ b/people/2364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2365.html b/people/2365.html
index 31011cab..48675e3d 100644
--- a/people/2365.html
+++ b/people/2365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2366.html b/people/2366.html
index 4a5bdfba..97dd35c2 100644
--- a/people/2366.html
+++ b/people/2366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2367.html b/people/2367.html
index f34254bb..e826b862 100644
--- a/people/2367.html
+++ b/people/2367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2368.html b/people/2368.html
index 7725d87b..763160c9 100644
--- a/people/2368.html
+++ b/people/2368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2369.html b/people/2369.html
index dd3ef9c2..709f7ea6 100644
--- a/people/2369.html
+++ b/people/2369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/237.html b/people/237.html
index ec264302..0c9f30d0 100644
--- a/people/237.html
+++ b/people/237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2370.html b/people/2370.html
index f12d5d9e..8c0f6aa8 100644
--- a/people/2370.html
+++ b/people/2370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2371.html b/people/2371.html
index d9e9da23..2bdf23ea 100644
--- a/people/2371.html
+++ b/people/2371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2372.html b/people/2372.html
index 906ae6d9..526e7a5d 100644
--- a/people/2372.html
+++ b/people/2372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2373.html b/people/2373.html
index 79633176..4345c4ba 100644
--- a/people/2373.html
+++ b/people/2373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2374.html b/people/2374.html
index 0f7757c5..f00269c6 100644
--- a/people/2374.html
+++ b/people/2374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2375.html b/people/2375.html
index ff1d628e..ba8381f8 100644
--- a/people/2375.html
+++ b/people/2375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2376.html b/people/2376.html
index 10c68ae7..6c8b31c6 100644
--- a/people/2376.html
+++ b/people/2376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2377.html b/people/2377.html
index e61450b7..674f2667 100644
--- a/people/2377.html
+++ b/people/2377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2378.html b/people/2378.html
index b0ac9992..cb48591c 100644
--- a/people/2378.html
+++ b/people/2378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2379.html b/people/2379.html
index 79ebf268..c68b811e 100644
--- a/people/2379.html
+++ b/people/2379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/238.html b/people/238.html
index 5b974cff..2c63e1ae 100644
--- a/people/238.html
+++ b/people/238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2380.html b/people/2380.html
index cfb59785..2145204c 100644
--- a/people/2380.html
+++ b/people/2380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2381.html b/people/2381.html
index f0448a29..4f4ce302 100644
--- a/people/2381.html
+++ b/people/2381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2382.html b/people/2382.html
index e9112284..db063a40 100644
--- a/people/2382.html
+++ b/people/2382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2383.html b/people/2383.html
index f36c75a2..4db2062a 100644
--- a/people/2383.html
+++ b/people/2383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2384.html b/people/2384.html
index 56c58c66..f87f9213 100644
--- a/people/2384.html
+++ b/people/2384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2385.html b/people/2385.html
index 96e0a24b..76430587 100644
--- a/people/2385.html
+++ b/people/2385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2386.html b/people/2386.html
index a5e8ba03..43d81a26 100644
--- a/people/2386.html
+++ b/people/2386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2387.html b/people/2387.html
index 0d5a7737..5676e3da 100644
--- a/people/2387.html
+++ b/people/2387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2388.html b/people/2388.html
index b71a1902..ba37720e 100644
--- a/people/2388.html
+++ b/people/2388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2389.html b/people/2389.html
index 177507c4..3db4971f 100644
--- a/people/2389.html
+++ b/people/2389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/239.html b/people/239.html
index 785cdb85..104d24d0 100644
--- a/people/239.html
+++ b/people/239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2390.html b/people/2390.html
index addcccfc..8645e950 100644
--- a/people/2390.html
+++ b/people/2390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2391.html b/people/2391.html
index 7b03b9d9..4a4022ce 100644
--- a/people/2391.html
+++ b/people/2391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2392.html b/people/2392.html
index 17e1d2b9..7384e81a 100644
--- a/people/2392.html
+++ b/people/2392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2393.html b/people/2393.html
index bc545694..a08ac775 100644
--- a/people/2393.html
+++ b/people/2393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2394.html b/people/2394.html
index 323aa867..487e0921 100644
--- a/people/2394.html
+++ b/people/2394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2395.html b/people/2395.html
index 79ce7a06..1681ac03 100644
--- a/people/2395.html
+++ b/people/2395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2396.html b/people/2396.html
index 3537be87..7a23bfb4 100644
--- a/people/2396.html
+++ b/people/2396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2397.html b/people/2397.html
index fbb7c5e5..b66bd8f4 100644
--- a/people/2397.html
+++ b/people/2397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2398.html b/people/2398.html
index 1c81fb6f..fb8b2ced 100644
--- a/people/2398.html
+++ b/people/2398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2399.html b/people/2399.html
index 42177951..2ee18743 100644
--- a/people/2399.html
+++ b/people/2399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/24.html b/people/24.html
index 15043c8c..9578283c 100644
--- a/people/24.html
+++ b/people/24.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/240.html b/people/240.html
index b285b046..f683dd34 100644
--- a/people/240.html
+++ b/people/240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2400.html b/people/2400.html
index 20eca61f..864b5764 100644
--- a/people/2400.html
+++ b/people/2400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2401.html b/people/2401.html
index 60b88ed7..d375a50b 100644
--- a/people/2401.html
+++ b/people/2401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2402.html b/people/2402.html
index 7c5f0628..6d464aac 100644
--- a/people/2402.html
+++ b/people/2402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2403.html b/people/2403.html
index d5f2b12e..4af1ba2e 100644
--- a/people/2403.html
+++ b/people/2403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2404.html b/people/2404.html
index bba135dd..18f267d9 100644
--- a/people/2404.html
+++ b/people/2404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2405.html b/people/2405.html
index 55562e3b..a60f8ff5 100644
--- a/people/2405.html
+++ b/people/2405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2406.html b/people/2406.html
index 1f2bdbdc..2c420067 100644
--- a/people/2406.html
+++ b/people/2406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2407.html b/people/2407.html
index 3cd6c1fd..6c5bdb89 100644
--- a/people/2407.html
+++ b/people/2407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2408.html b/people/2408.html
index 4ea4766d..a0379527 100644
--- a/people/2408.html
+++ b/people/2408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2409.html b/people/2409.html
index 947ce24d..996d6054 100644
--- a/people/2409.html
+++ b/people/2409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/241.html b/people/241.html
index 94efed2b..88ba2087 100644
--- a/people/241.html
+++ b/people/241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2410.html b/people/2410.html
index afddd1e8..48e804c6 100644
--- a/people/2410.html
+++ b/people/2410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2411.html b/people/2411.html
index 301f2da4..90975400 100644
--- a/people/2411.html
+++ b/people/2411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2412.html b/people/2412.html
index bfd3ea5c..3f4bc518 100644
--- a/people/2412.html
+++ b/people/2412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2413.html b/people/2413.html
index 050bb3e6..ce4dcac8 100644
--- a/people/2413.html
+++ b/people/2413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2414.html b/people/2414.html
index 181913c3..43060544 100644
--- a/people/2414.html
+++ b/people/2414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2415.html b/people/2415.html
index 727e201c..2b6bb8f6 100644
--- a/people/2415.html
+++ b/people/2415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2416.html b/people/2416.html
index 613eab0b..bf4d1015 100644
--- a/people/2416.html
+++ b/people/2416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2417.html b/people/2417.html
index 7d6c9283..1942c9e3 100644
--- a/people/2417.html
+++ b/people/2417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2418.html b/people/2418.html
index edecf8d1..7a46ace3 100644
--- a/people/2418.html
+++ b/people/2418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2419.html b/people/2419.html
index e4f341e3..c7544140 100644
--- a/people/2419.html
+++ b/people/2419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/242.html b/people/242.html
index 47fbc8be..50b3630d 100644
--- a/people/242.html
+++ b/people/242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2420.html b/people/2420.html
index 16cbaa31..1aef9ce3 100644
--- a/people/2420.html
+++ b/people/2420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2421.html b/people/2421.html
index ff454a7b..01fd9106 100644
--- a/people/2421.html
+++ b/people/2421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2422.html b/people/2422.html
index 80b450d8..95d237e0 100644
--- a/people/2422.html
+++ b/people/2422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2423.html b/people/2423.html
index e9e0c2bc..cb933398 100644
--- a/people/2423.html
+++ b/people/2423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2424.html b/people/2424.html
index 6930af8c..fa716ec4 100644
--- a/people/2424.html
+++ b/people/2424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2425.html b/people/2425.html
index ad0ac333..11f9520e 100644
--- a/people/2425.html
+++ b/people/2425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2426.html b/people/2426.html
index f35fed67..96a5fed4 100644
--- a/people/2426.html
+++ b/people/2426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2427.html b/people/2427.html
index 136b248d..b7da528f 100644
--- a/people/2427.html
+++ b/people/2427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2428.html b/people/2428.html
index 7b1abf6d..065a83a4 100644
--- a/people/2428.html
+++ b/people/2428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2429.html b/people/2429.html
index 14f099ae..42d3d74a 100644
--- a/people/2429.html
+++ b/people/2429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/243.html b/people/243.html
index 5bb9104b..4738bbaf 100644
--- a/people/243.html
+++ b/people/243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2430.html b/people/2430.html
index f7b8b3ef..7792b0f3 100644
--- a/people/2430.html
+++ b/people/2430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2431.html b/people/2431.html
index d2f14116..7044d105 100644
--- a/people/2431.html
+++ b/people/2431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2432.html b/people/2432.html
index 59478a12..0fb16449 100644
--- a/people/2432.html
+++ b/people/2432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2433.html b/people/2433.html
index ff52285c..9cbec36f 100644
--- a/people/2433.html
+++ b/people/2433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2434.html b/people/2434.html
index 03a8259d..b5dd63ae 100644
--- a/people/2434.html
+++ b/people/2434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2435.html b/people/2435.html
index 107cc4ca..cbb53143 100644
--- a/people/2435.html
+++ b/people/2435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2436.html b/people/2436.html
index 69403b90..2996912f 100644
--- a/people/2436.html
+++ b/people/2436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2437.html b/people/2437.html
index 9ee80716..394d905e 100644
--- a/people/2437.html
+++ b/people/2437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2438.html b/people/2438.html
index fa5aa7e1..08819ef5 100644
--- a/people/2438.html
+++ b/people/2438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2439.html b/people/2439.html
index 086eaf78..62885590 100644
--- a/people/2439.html
+++ b/people/2439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/244.html b/people/244.html
index 51811eb8..44e616bc 100644
--- a/people/244.html
+++ b/people/244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2440.html b/people/2440.html
index 643feceb..a1b0ecc1 100644
--- a/people/2440.html
+++ b/people/2440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2441.html b/people/2441.html
index 57ac6898..efcc37ba 100644
--- a/people/2441.html
+++ b/people/2441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2442.html b/people/2442.html
index 1755eff3..2c7699a4 100644
--- a/people/2442.html
+++ b/people/2442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2443.html b/people/2443.html
index 365f05d7..ea43751a 100644
--- a/people/2443.html
+++ b/people/2443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2444.html b/people/2444.html
index be20e8ff..32002765 100644
--- a/people/2444.html
+++ b/people/2444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2445.html b/people/2445.html
index 0cf6f947..da252347 100644
--- a/people/2445.html
+++ b/people/2445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2446.html b/people/2446.html
index 95a7d7aa..3f6aa517 100644
--- a/people/2446.html
+++ b/people/2446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2447.html b/people/2447.html
index 33570e33..47f16466 100644
--- a/people/2447.html
+++ b/people/2447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2448.html b/people/2448.html
index c45313fd..ac059af6 100644
--- a/people/2448.html
+++ b/people/2448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2449.html b/people/2449.html
index 9a06c04a..35c8346a 100644
--- a/people/2449.html
+++ b/people/2449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/245.html b/people/245.html
index 8f5474b8..9cc0c2b7 100644
--- a/people/245.html
+++ b/people/245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2450.html b/people/2450.html
index 16d52a47..bd1e5379 100644
--- a/people/2450.html
+++ b/people/2450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2451.html b/people/2451.html
index 93a3dcbe..3d9e7bd8 100644
--- a/people/2451.html
+++ b/people/2451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2452.html b/people/2452.html
index e8f63b49..4cbee257 100644
--- a/people/2452.html
+++ b/people/2452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2453.html b/people/2453.html
index 5ae16522..ca21924e 100644
--- a/people/2453.html
+++ b/people/2453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2454.html b/people/2454.html
index 2711a68a..d5dada25 100644
--- a/people/2454.html
+++ b/people/2454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2455.html b/people/2455.html
index 79fffb10..a3036860 100644
--- a/people/2455.html
+++ b/people/2455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2456.html b/people/2456.html
index d5494e83..e0724820 100644
--- a/people/2456.html
+++ b/people/2456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2457.html b/people/2457.html
index 312bed05..3a5879c4 100644
--- a/people/2457.html
+++ b/people/2457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2458.html b/people/2458.html
index 1680f065..00b2dfbd 100644
--- a/people/2458.html
+++ b/people/2458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2459.html b/people/2459.html
index 0dac6f39..53a1bd92 100644
--- a/people/2459.html
+++ b/people/2459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/246.html b/people/246.html
index 10ddd68e..fca2804c 100644
--- a/people/246.html
+++ b/people/246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2460.html b/people/2460.html
index e259ce6d..32fa7b31 100644
--- a/people/2460.html
+++ b/people/2460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2461.html b/people/2461.html
index 456a1b42..3b327e93 100644
--- a/people/2461.html
+++ b/people/2461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2462.html b/people/2462.html
index add34b6a..f5dbb53b 100644
--- a/people/2462.html
+++ b/people/2462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2463.html b/people/2463.html
index 200dc9b6..d904d450 100644
--- a/people/2463.html
+++ b/people/2463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2464.html b/people/2464.html
index 45f63ed6..473c6222 100644
--- a/people/2464.html
+++ b/people/2464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2465.html b/people/2465.html
index d1a0cef3..245d6c64 100644
--- a/people/2465.html
+++ b/people/2465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2466.html b/people/2466.html
index 8b69703b..4ababc4a 100644
--- a/people/2466.html
+++ b/people/2466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2467.html b/people/2467.html
index 33b57755..d59ad7e7 100644
--- a/people/2467.html
+++ b/people/2467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2468.html b/people/2468.html
index 8902c701..d37233d8 100644
--- a/people/2468.html
+++ b/people/2468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2469.html b/people/2469.html
index d2692d21..78e58be6 100644
--- a/people/2469.html
+++ b/people/2469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/247.html b/people/247.html
index 2467e01c..39ee880c 100644
--- a/people/247.html
+++ b/people/247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2470.html b/people/2470.html
index 0547a64c..9b3d5e1d 100644
--- a/people/2470.html
+++ b/people/2470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2471.html b/people/2471.html
index 3657479f..7be53879 100644
--- a/people/2471.html
+++ b/people/2471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2472.html b/people/2472.html
index 68ffe1ac..6a8ed0d3 100644
--- a/people/2472.html
+++ b/people/2472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2473.html b/people/2473.html
index e7ff434d..d2067427 100644
--- a/people/2473.html
+++ b/people/2473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2474.html b/people/2474.html
index 2b09e914..504d2ae3 100644
--- a/people/2474.html
+++ b/people/2474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2475.html b/people/2475.html
index 8c1826bd..3e4da826 100644
--- a/people/2475.html
+++ b/people/2475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2476.html b/people/2476.html
index 55d43d98..d7a73fe5 100644
--- a/people/2476.html
+++ b/people/2476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2477.html b/people/2477.html
index 59d13ce0..df7b49f0 100644
--- a/people/2477.html
+++ b/people/2477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2478.html b/people/2478.html
index 36ecfa51..80a38506 100644
--- a/people/2478.html
+++ b/people/2478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2479.html b/people/2479.html
index a6f21f43..1fbfbdc1 100644
--- a/people/2479.html
+++ b/people/2479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/248.html b/people/248.html
index 935d2cc7..1ad86089 100644
--- a/people/248.html
+++ b/people/248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2480.html b/people/2480.html
index 75940c77..3883131c 100644
--- a/people/2480.html
+++ b/people/2480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2481.html b/people/2481.html
index 4c6bf8ed..98df2f1b 100644
--- a/people/2481.html
+++ b/people/2481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2482.html b/people/2482.html
index a28774a4..7699e6a7 100644
--- a/people/2482.html
+++ b/people/2482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2483.html b/people/2483.html
index c35e6cb4..95f5f468 100644
--- a/people/2483.html
+++ b/people/2483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2484.html b/people/2484.html
index d40294b9..64fe6145 100644
--- a/people/2484.html
+++ b/people/2484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2485.html b/people/2485.html
index f513c774..a8b2a9a0 100644
--- a/people/2485.html
+++ b/people/2485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2486.html b/people/2486.html
index e6fab2df..36fb0439 100644
--- a/people/2486.html
+++ b/people/2486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2487.html b/people/2487.html
index 904a6321..9f2e1e89 100644
--- a/people/2487.html
+++ b/people/2487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2488.html b/people/2488.html
index e8f05cc2..5766f1a7 100644
--- a/people/2488.html
+++ b/people/2488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2489.html b/people/2489.html
index 4f02e44e..b5a2f964 100644
--- a/people/2489.html
+++ b/people/2489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/249.html b/people/249.html
index 86289c8a..bea2f8ae 100644
--- a/people/249.html
+++ b/people/249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2490.html b/people/2490.html
index b853fa2f..619fabdd 100644
--- a/people/2490.html
+++ b/people/2490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2491.html b/people/2491.html
index c68ba1e7..9d8f113b 100644
--- a/people/2491.html
+++ b/people/2491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2492.html b/people/2492.html
index 0b1f05e5..42dc060c 100644
--- a/people/2492.html
+++ b/people/2492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2493.html b/people/2493.html
index 92aadb6f..1d5c9739 100644
--- a/people/2493.html
+++ b/people/2493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2494.html b/people/2494.html
index 1d53f7b9..4c20fbc5 100644
--- a/people/2494.html
+++ b/people/2494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2495.html b/people/2495.html
index 78a29cdf..6b9a2983 100644
--- a/people/2495.html
+++ b/people/2495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2496.html b/people/2496.html
index fc41a57e..d6423cc9 100644
--- a/people/2496.html
+++ b/people/2496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2497.html b/people/2497.html
index 589ed289..ebd70871 100644
--- a/people/2497.html
+++ b/people/2497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2498.html b/people/2498.html
index 9c603f04..ebde6ad2 100644
--- a/people/2498.html
+++ b/people/2498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2499.html b/people/2499.html
index 05c018cf..cfe0d94f 100644
--- a/people/2499.html
+++ b/people/2499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/25.html b/people/25.html
index 86e4f1b2..72c9d90c 100644
--- a/people/25.html
+++ b/people/25.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/250.html b/people/250.html
index fdd76d2c..d3adffc4 100644
--- a/people/250.html
+++ b/people/250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2500.html b/people/2500.html
index ae600091..70eb9267 100644
--- a/people/2500.html
+++ b/people/2500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2501.html b/people/2501.html
index cad49518..f00f0e7a 100644
--- a/people/2501.html
+++ b/people/2501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2502.html b/people/2502.html
index bd6583d9..8dcd6437 100644
--- a/people/2502.html
+++ b/people/2502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2503.html b/people/2503.html
index 82cd0e84..64123257 100644
--- a/people/2503.html
+++ b/people/2503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2504.html b/people/2504.html
index 82155962..cb208d23 100644
--- a/people/2504.html
+++ b/people/2504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2505.html b/people/2505.html
index ed1de040..b9af7691 100644
--- a/people/2505.html
+++ b/people/2505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2506.html b/people/2506.html
index 4dd0c377..1f0b7044 100644
--- a/people/2506.html
+++ b/people/2506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2507.html b/people/2507.html
index 1c8cfd27..7d7aed77 100644
--- a/people/2507.html
+++ b/people/2507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2508.html b/people/2508.html
index 8606dfd1..969e2a50 100644
--- a/people/2508.html
+++ b/people/2508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2509.html b/people/2509.html
index 84f2bac0..51170b44 100644
--- a/people/2509.html
+++ b/people/2509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/251.html b/people/251.html
index bd4cbc64..77b5d80b 100644
--- a/people/251.html
+++ b/people/251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2510.html b/people/2510.html
index 9d4dfe80..7e1027ef 100644
--- a/people/2510.html
+++ b/people/2510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2511.html b/people/2511.html
index fe228a1f..54232962 100644
--- a/people/2511.html
+++ b/people/2511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2512.html b/people/2512.html
index 4ad57c4d..0818d8d6 100644
--- a/people/2512.html
+++ b/people/2512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2513.html b/people/2513.html
index f4287411..3b787c6e 100644
--- a/people/2513.html
+++ b/people/2513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2514.html b/people/2514.html
index 0e5b0352..5658ac4b 100644
--- a/people/2514.html
+++ b/people/2514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2515.html b/people/2515.html
index 04f500f1..0eaf8e2b 100644
--- a/people/2515.html
+++ b/people/2515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2516.html b/people/2516.html
index db96143d..5c89c124 100644
--- a/people/2516.html
+++ b/people/2516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2517.html b/people/2517.html
index 69fc8d6c..1e31bfbe 100644
--- a/people/2517.html
+++ b/people/2517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2518.html b/people/2518.html
index 34af36ce..fc1f73c7 100644
--- a/people/2518.html
+++ b/people/2518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2519.html b/people/2519.html
index bb9f6130..8705614e 100644
--- a/people/2519.html
+++ b/people/2519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/252.html b/people/252.html
index 03db585c..0651cc13 100644
--- a/people/252.html
+++ b/people/252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2520.html b/people/2520.html
index 11b948b3..1d1611aa 100644
--- a/people/2520.html
+++ b/people/2520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2521.html b/people/2521.html
index b6d9e685..5c325198 100644
--- a/people/2521.html
+++ b/people/2521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2522.html b/people/2522.html
index 0e6114d8..058a294d 100644
--- a/people/2522.html
+++ b/people/2522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2523.html b/people/2523.html
index 913ec57a..dbad0193 100644
--- a/people/2523.html
+++ b/people/2523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2524.html b/people/2524.html
index 101b2e10..006f1e96 100644
--- a/people/2524.html
+++ b/people/2524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2525.html b/people/2525.html
index 5108a700..54b427af 100644
--- a/people/2525.html
+++ b/people/2525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2526.html b/people/2526.html
index b136cb5d..6b6ad0b2 100644
--- a/people/2526.html
+++ b/people/2526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2527.html b/people/2527.html
index cf24fc37..3f3d8fcc 100644
--- a/people/2527.html
+++ b/people/2527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2528.html b/people/2528.html
index 349ff78d..45713950 100644
--- a/people/2528.html
+++ b/people/2528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2529.html b/people/2529.html
index 492842cc..0531353a 100644
--- a/people/2529.html
+++ b/people/2529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/253.html b/people/253.html
index 7c7c4deb..5616418c 100644
--- a/people/253.html
+++ b/people/253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2530.html b/people/2530.html
index a894bf6b..97a93339 100644
--- a/people/2530.html
+++ b/people/2530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2531.html b/people/2531.html
index 017b8abb..dbf08c31 100644
--- a/people/2531.html
+++ b/people/2531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2532.html b/people/2532.html
index 533de458..fbfdc113 100644
--- a/people/2532.html
+++ b/people/2532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2533.html b/people/2533.html
index 94a2b22f..168306c3 100644
--- a/people/2533.html
+++ b/people/2533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2534.html b/people/2534.html
index 732c99ec..2743fcad 100644
--- a/people/2534.html
+++ b/people/2534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2535.html b/people/2535.html
index 0b4f3d00..64213d0f 100644
--- a/people/2535.html
+++ b/people/2535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2536.html b/people/2536.html
index dd51c3f4..ad08c3e5 100644
--- a/people/2536.html
+++ b/people/2536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2537.html b/people/2537.html
index 3dea4c45..97e01b30 100644
--- a/people/2537.html
+++ b/people/2537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2538.html b/people/2538.html
index c8f17635..25da8ae7 100644
--- a/people/2538.html
+++ b/people/2538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2539.html b/people/2539.html
index 30f972d4..418d3216 100644
--- a/people/2539.html
+++ b/people/2539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/254.html b/people/254.html
index 4d4017c5..f571413b 100644
--- a/people/254.html
+++ b/people/254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2540.html b/people/2540.html
index 69091cb2..602d9843 100644
--- a/people/2540.html
+++ b/people/2540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2541.html b/people/2541.html
index 113657de..1df8463d 100644
--- a/people/2541.html
+++ b/people/2541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2542.html b/people/2542.html
index 86c4f422..f252cbe3 100644
--- a/people/2542.html
+++ b/people/2542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2543.html b/people/2543.html
index 31551559..315749b3 100644
--- a/people/2543.html
+++ b/people/2543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2544.html b/people/2544.html
index dd6f192f..84b04a91 100644
--- a/people/2544.html
+++ b/people/2544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2545.html b/people/2545.html
index bd0e6855..24be8e46 100644
--- a/people/2545.html
+++ b/people/2545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2546.html b/people/2546.html
index 36b3f0ea..4aad778b 100644
--- a/people/2546.html
+++ b/people/2546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2547.html b/people/2547.html
index aa83bcc9..5b0fde9e 100644
--- a/people/2547.html
+++ b/people/2547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2548.html b/people/2548.html
index 15f1de59..bf539cac 100644
--- a/people/2548.html
+++ b/people/2548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2549.html b/people/2549.html
index f8a40357..5d80887c 100644
--- a/people/2549.html
+++ b/people/2549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/255.html b/people/255.html
index 968ee8ce..b892cd00 100644
--- a/people/255.html
+++ b/people/255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2550.html b/people/2550.html
index 2116b19f..8de142d1 100644
--- a/people/2550.html
+++ b/people/2550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2551.html b/people/2551.html
index b83cd3ca..76fc3d2c 100644
--- a/people/2551.html
+++ b/people/2551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2552.html b/people/2552.html
index 50abedde..aef13619 100644
--- a/people/2552.html
+++ b/people/2552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2553.html b/people/2553.html
index bba06726..f36dca33 100644
--- a/people/2553.html
+++ b/people/2553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2554.html b/people/2554.html
index b3e30bfe..62ea21d8 100644
--- a/people/2554.html
+++ b/people/2554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2555.html b/people/2555.html
index 428c3b02..b73bf13c 100644
--- a/people/2555.html
+++ b/people/2555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2556.html b/people/2556.html
index fb67fe0d..df871bf9 100644
--- a/people/2556.html
+++ b/people/2556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2557.html b/people/2557.html
index fbb69a00..f8984286 100644
--- a/people/2557.html
+++ b/people/2557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2558.html b/people/2558.html
index b110f137..2e10c857 100644
--- a/people/2558.html
+++ b/people/2558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2559.html b/people/2559.html
index d3055646..8837733c 100644
--- a/people/2559.html
+++ b/people/2559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/256.html b/people/256.html
index 6c3e419a..de7c6455 100644
--- a/people/256.html
+++ b/people/256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2560.html b/people/2560.html
index 79b9b8d5..743ef0f0 100644
--- a/people/2560.html
+++ b/people/2560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2561.html b/people/2561.html
index 63b1cca4..ac09bb63 100644
--- a/people/2561.html
+++ b/people/2561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2562.html b/people/2562.html
index 407561d1..f4749814 100644
--- a/people/2562.html
+++ b/people/2562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2563.html b/people/2563.html
index dd218f5c..14253149 100644
--- a/people/2563.html
+++ b/people/2563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2564.html b/people/2564.html
index 2a412983..baf243d8 100644
--- a/people/2564.html
+++ b/people/2564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2565.html b/people/2565.html
index eb10d5c8..0e790319 100644
--- a/people/2565.html
+++ b/people/2565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2566.html b/people/2566.html
index be348864..29bffc58 100644
--- a/people/2566.html
+++ b/people/2566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2567.html b/people/2567.html
index f3742d6b..48810023 100644
--- a/people/2567.html
+++ b/people/2567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2568.html b/people/2568.html
index a5bc60b9..6f67fc96 100644
--- a/people/2568.html
+++ b/people/2568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2569.html b/people/2569.html
index 0096d1b2..8d0e8c44 100644
--- a/people/2569.html
+++ b/people/2569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/257.html b/people/257.html
index 398f1d6b..fec18702 100644
--- a/people/257.html
+++ b/people/257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2570.html b/people/2570.html
index 866ad2f3..c083db3c 100644
--- a/people/2570.html
+++ b/people/2570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2571.html b/people/2571.html
index f00b80ab..10e6b18b 100644
--- a/people/2571.html
+++ b/people/2571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2572.html b/people/2572.html
index eada9c94..8991252c 100644
--- a/people/2572.html
+++ b/people/2572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2573.html b/people/2573.html
index 7319fec7..da0f7f47 100644
--- a/people/2573.html
+++ b/people/2573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2574.html b/people/2574.html
index 22e344e8..b583b80f 100644
--- a/people/2574.html
+++ b/people/2574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2575.html b/people/2575.html
index 46a118da..c2f0d82f 100644
--- a/people/2575.html
+++ b/people/2575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2576.html b/people/2576.html
index ef116de8..e7395cfc 100644
--- a/people/2576.html
+++ b/people/2576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2577.html b/people/2577.html
index e664cc0d..f50b816d 100644
--- a/people/2577.html
+++ b/people/2577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2578.html b/people/2578.html
index b50710da..b2d5084f 100644
--- a/people/2578.html
+++ b/people/2578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2579.html b/people/2579.html
index cef89997..f12d8478 100644
--- a/people/2579.html
+++ b/people/2579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/258.html b/people/258.html
index b9fa3923..bdf0c932 100644
--- a/people/258.html
+++ b/people/258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2580.html b/people/2580.html
index a386b00e..010724c1 100644
--- a/people/2580.html
+++ b/people/2580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2581.html b/people/2581.html
index 236882b9..446db64b 100644
--- a/people/2581.html
+++ b/people/2581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2582.html b/people/2582.html
index ba924ea6..2a17c773 100644
--- a/people/2582.html
+++ b/people/2582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2583.html b/people/2583.html
index f2e584dc..c1a1f13e 100644
--- a/people/2583.html
+++ b/people/2583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2584.html b/people/2584.html
index d5dc37d0..701423a3 100644
--- a/people/2584.html
+++ b/people/2584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2585.html b/people/2585.html
index 26e9b7e4..3d32ed76 100644
--- a/people/2585.html
+++ b/people/2585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2586.html b/people/2586.html
index 54e9e503..29093925 100644
--- a/people/2586.html
+++ b/people/2586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2587.html b/people/2587.html
index 8d1df292..b346d057 100644
--- a/people/2587.html
+++ b/people/2587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2588.html b/people/2588.html
index 1bb5b411..74ac380d 100644
--- a/people/2588.html
+++ b/people/2588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2589.html b/people/2589.html
index 48630f02..e6d8773b 100644
--- a/people/2589.html
+++ b/people/2589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/259.html b/people/259.html
index 88905330..6bb571d6 100644
--- a/people/259.html
+++ b/people/259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2590.html b/people/2590.html
index 1d5107d5..5fc8a6cd 100644
--- a/people/2590.html
+++ b/people/2590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2591.html b/people/2591.html
index d7090aac..9d6c81d6 100644
--- a/people/2591.html
+++ b/people/2591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2592.html b/people/2592.html
index 698f1480..6a3fa617 100644
--- a/people/2592.html
+++ b/people/2592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2593.html b/people/2593.html
index 825f1322..220ec66e 100644
--- a/people/2593.html
+++ b/people/2593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2594.html b/people/2594.html
index 2b27c48d..9e1deb85 100644
--- a/people/2594.html
+++ b/people/2594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2595.html b/people/2595.html
index 1e8e7d2d..3b44cfd1 100644
--- a/people/2595.html
+++ b/people/2595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2596.html b/people/2596.html
index 23c310eb..8d9d3ab2 100644
--- a/people/2596.html
+++ b/people/2596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2597.html b/people/2597.html
index bb0a6770..ff7082da 100644
--- a/people/2597.html
+++ b/people/2597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2598.html b/people/2598.html
index 05103178..633c97fe 100644
--- a/people/2598.html
+++ b/people/2598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2599.html b/people/2599.html
index 41d46ca0..08500654 100644
--- a/people/2599.html
+++ b/people/2599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/26.html b/people/26.html
index 962ec582..fa15056a 100644
--- a/people/26.html
+++ b/people/26.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/260.html b/people/260.html
index acd507d4..5c8c046f 100644
--- a/people/260.html
+++ b/people/260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2600.html b/people/2600.html
index 673d6ea6..597be60c 100644
--- a/people/2600.html
+++ b/people/2600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2601.html b/people/2601.html
index 1a2a8708..f8a7e63d 100644
--- a/people/2601.html
+++ b/people/2601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2602.html b/people/2602.html
index b996532d..18b6e84f 100644
--- a/people/2602.html
+++ b/people/2602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2603.html b/people/2603.html
index 87942fe7..de6b8bb4 100644
--- a/people/2603.html
+++ b/people/2603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2604.html b/people/2604.html
index 3914ebb7..d18d7b69 100644
--- a/people/2604.html
+++ b/people/2604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2605.html b/people/2605.html
index cc3fcbe1..6dc85310 100644
--- a/people/2605.html
+++ b/people/2605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2606.html b/people/2606.html
index 8f5a0e33..d2d0bb18 100644
--- a/people/2606.html
+++ b/people/2606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2607.html b/people/2607.html
index d11c6f21..0a53dea9 100644
--- a/people/2607.html
+++ b/people/2607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2608.html b/people/2608.html
index 3573065d..9108ad70 100644
--- a/people/2608.html
+++ b/people/2608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2609.html b/people/2609.html
index f32e298f..79be6f8c 100644
--- a/people/2609.html
+++ b/people/2609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/261.html b/people/261.html
index 3c11cacb..b9efa434 100644
--- a/people/261.html
+++ b/people/261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2610.html b/people/2610.html
index e32eadc5..6f6ba550 100644
--- a/people/2610.html
+++ b/people/2610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2611.html b/people/2611.html
index d8ebe607..df54df5c 100644
--- a/people/2611.html
+++ b/people/2611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2612.html b/people/2612.html
index 5c0aa892..816d8f86 100644
--- a/people/2612.html
+++ b/people/2612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2613.html b/people/2613.html
index 0c7344b9..454f0498 100644
--- a/people/2613.html
+++ b/people/2613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2614.html b/people/2614.html
index 549e25cf..226b4cec 100644
--- a/people/2614.html
+++ b/people/2614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2615.html b/people/2615.html
index ee77d9b6..9b1c25f9 100644
--- a/people/2615.html
+++ b/people/2615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2616.html b/people/2616.html
index 6a614ed1..db2873b9 100644
--- a/people/2616.html
+++ b/people/2616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2617.html b/people/2617.html
index 2be0e6d8..f1846477 100644
--- a/people/2617.html
+++ b/people/2617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2618.html b/people/2618.html
index f4e5bac1..1f41e21d 100644
--- a/people/2618.html
+++ b/people/2618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2619.html b/people/2619.html
index 434d45f1..00185e48 100644
--- a/people/2619.html
+++ b/people/2619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/262.html b/people/262.html
index 03851474..1c73b600 100644
--- a/people/262.html
+++ b/people/262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2620.html b/people/2620.html
index 406e58cf..0499680d 100644
--- a/people/2620.html
+++ b/people/2620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2621.html b/people/2621.html
index 99b459ce..d253c8c6 100644
--- a/people/2621.html
+++ b/people/2621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2622.html b/people/2622.html
index d46ff67a..8a9dc1e2 100644
--- a/people/2622.html
+++ b/people/2622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2623.html b/people/2623.html
index cd56eb63..78b22731 100644
--- a/people/2623.html
+++ b/people/2623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2624.html b/people/2624.html
index a935cc6a..9184e8ce 100644
--- a/people/2624.html
+++ b/people/2624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2625.html b/people/2625.html
index 6ac6495a..6fc4c15b 100644
--- a/people/2625.html
+++ b/people/2625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2626.html b/people/2626.html
index 4554b92a..399f727b 100644
--- a/people/2626.html
+++ b/people/2626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2627.html b/people/2627.html
index bebee9ee..76785b9a 100644
--- a/people/2627.html
+++ b/people/2627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2628.html b/people/2628.html
index fae84871..09d2b4d5 100644
--- a/people/2628.html
+++ b/people/2628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2629.html b/people/2629.html
index 5e3f2f35..55764600 100644
--- a/people/2629.html
+++ b/people/2629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/263.html b/people/263.html
index 274bfd9e..3082d631 100644
--- a/people/263.html
+++ b/people/263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2630.html b/people/2630.html
index 5f7efcf7..97427fd4 100644
--- a/people/2630.html
+++ b/people/2630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2631.html b/people/2631.html
index d72351db..a78466f2 100644
--- a/people/2631.html
+++ b/people/2631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2632.html b/people/2632.html
index 2f0e90b2..93d0e5bd 100644
--- a/people/2632.html
+++ b/people/2632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2633.html b/people/2633.html
index 9ac2a667..6bbac036 100644
--- a/people/2633.html
+++ b/people/2633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2634.html b/people/2634.html
index a1bc4d9e..aa549741 100644
--- a/people/2634.html
+++ b/people/2634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2635.html b/people/2635.html
index 83256d5b..51d41a57 100644
--- a/people/2635.html
+++ b/people/2635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2636.html b/people/2636.html
index b8b51a90..9a73d342 100644
--- a/people/2636.html
+++ b/people/2636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2637.html b/people/2637.html
index ba09df44..9269661c 100644
--- a/people/2637.html
+++ b/people/2637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2638.html b/people/2638.html
index 27015e97..45c49ecd 100644
--- a/people/2638.html
+++ b/people/2638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2639.html b/people/2639.html
index 0267e1df..d75a2835 100644
--- a/people/2639.html
+++ b/people/2639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/264.html b/people/264.html
index 0917f726..852ef04e 100644
--- a/people/264.html
+++ b/people/264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2640.html b/people/2640.html
index e19f0979..c2a11417 100644
--- a/people/2640.html
+++ b/people/2640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2641.html b/people/2641.html
index dce4749d..b68f1922 100644
--- a/people/2641.html
+++ b/people/2641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2642.html b/people/2642.html
index 93d54900..486c4fba 100644
--- a/people/2642.html
+++ b/people/2642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2643.html b/people/2643.html
index fa306974..2cb7a24c 100644
--- a/people/2643.html
+++ b/people/2643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2644.html b/people/2644.html
index af1cd280..3a13df1f 100644
--- a/people/2644.html
+++ b/people/2644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2645.html b/people/2645.html
index 8078337a..785f87ae 100644
--- a/people/2645.html
+++ b/people/2645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2646.html b/people/2646.html
index 22774cf0..0a8cc116 100644
--- a/people/2646.html
+++ b/people/2646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2647.html b/people/2647.html
index 75226b8b..c2a9d6d5 100644
--- a/people/2647.html
+++ b/people/2647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2648.html b/people/2648.html
index 05a06375..3ca13089 100644
--- a/people/2648.html
+++ b/people/2648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2649.html b/people/2649.html
index d6ee5636..f019b310 100644
--- a/people/2649.html
+++ b/people/2649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/265.html b/people/265.html
index 70b09c27..3bc52028 100644
--- a/people/265.html
+++ b/people/265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2650.html b/people/2650.html
index 03d09d93..d96386ab 100644
--- a/people/2650.html
+++ b/people/2650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2651.html b/people/2651.html
index 2c20bac6..38ddcebd 100644
--- a/people/2651.html
+++ b/people/2651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2652.html b/people/2652.html
index 628d5b9d..aaad6469 100644
--- a/people/2652.html
+++ b/people/2652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2653.html b/people/2653.html
index f6c31ee1..09ba6e8b 100644
--- a/people/2653.html
+++ b/people/2653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2654.html b/people/2654.html
index 0c7f497b..1883d19b 100644
--- a/people/2654.html
+++ b/people/2654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2655.html b/people/2655.html
index 90e7d568..74f3a995 100644
--- a/people/2655.html
+++ b/people/2655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2656.html b/people/2656.html
index de9d9a48..41455772 100644
--- a/people/2656.html
+++ b/people/2656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2657.html b/people/2657.html
index 1685351f..9e8e9b74 100644
--- a/people/2657.html
+++ b/people/2657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2658.html b/people/2658.html
index 10955923..56850618 100644
--- a/people/2658.html
+++ b/people/2658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2659.html b/people/2659.html
index 6c76428c..6ca92366 100644
--- a/people/2659.html
+++ b/people/2659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/266.html b/people/266.html
index 5c115d64..1af47771 100644
--- a/people/266.html
+++ b/people/266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2660.html b/people/2660.html
index 38b2d266..bfb5e902 100644
--- a/people/2660.html
+++ b/people/2660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2661.html b/people/2661.html
index 2a691a30..dfa78cc8 100644
--- a/people/2661.html
+++ b/people/2661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2662.html b/people/2662.html
index 8edbbd9f..9a2a2a88 100644
--- a/people/2662.html
+++ b/people/2662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2663.html b/people/2663.html
index cc9a2eb6..b8dd7222 100644
--- a/people/2663.html
+++ b/people/2663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2664.html b/people/2664.html
index 3778dd83..e57dd0dd 100644
--- a/people/2664.html
+++ b/people/2664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2665.html b/people/2665.html
index 8616937a..7874dbdb 100644
--- a/people/2665.html
+++ b/people/2665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2666.html b/people/2666.html
index 9d1e5367..4d9945b9 100644
--- a/people/2666.html
+++ b/people/2666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2667.html b/people/2667.html
index 89c12371..9be3beca 100644
--- a/people/2667.html
+++ b/people/2667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2668.html b/people/2668.html
index fd4b9e56..fd04024e 100644
--- a/people/2668.html
+++ b/people/2668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2669.html b/people/2669.html
index 4858d8d8..ca1ef969 100644
--- a/people/2669.html
+++ b/people/2669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/267.html b/people/267.html
index fbb9b69d..4c6e9b66 100644
--- a/people/267.html
+++ b/people/267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2670.html b/people/2670.html
index 8c1213d0..bb4f2e60 100644
--- a/people/2670.html
+++ b/people/2670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2671.html b/people/2671.html
index 0ab7d7fb..eacce6d2 100644
--- a/people/2671.html
+++ b/people/2671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2672.html b/people/2672.html
index 8f64d944..36f3830e 100644
--- a/people/2672.html
+++ b/people/2672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2673.html b/people/2673.html
index f56ba697..29098384 100644
--- a/people/2673.html
+++ b/people/2673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2674.html b/people/2674.html
index c813bf14..5ede752d 100644
--- a/people/2674.html
+++ b/people/2674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2675.html b/people/2675.html
index 7882d807..8e788260 100644
--- a/people/2675.html
+++ b/people/2675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2676.html b/people/2676.html
index 4974584d..5083bec7 100644
--- a/people/2676.html
+++ b/people/2676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2677.html b/people/2677.html
index e1869a64..b3635491 100644
--- a/people/2677.html
+++ b/people/2677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2678.html b/people/2678.html
index 7033de3d..87c7b6f1 100644
--- a/people/2678.html
+++ b/people/2678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2679.html b/people/2679.html
index 2086739c..58fb8932 100644
--- a/people/2679.html
+++ b/people/2679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/268.html b/people/268.html
index cc8e4e6a..11b06057 100644
--- a/people/268.html
+++ b/people/268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2680.html b/people/2680.html
index e0a363a1..fad106bc 100644
--- a/people/2680.html
+++ b/people/2680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2681.html b/people/2681.html
index 47571e0f..d2a5632e 100644
--- a/people/2681.html
+++ b/people/2681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2682.html b/people/2682.html
index bb92a38b..9e75b601 100644
--- a/people/2682.html
+++ b/people/2682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2683.html b/people/2683.html
index 819e4a0b..de2ad6a0 100644
--- a/people/2683.html
+++ b/people/2683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2684.html b/people/2684.html
index f3d327c1..59dc7bda 100644
--- a/people/2684.html
+++ b/people/2684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2685.html b/people/2685.html
index 3a520545..a463b855 100644
--- a/people/2685.html
+++ b/people/2685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2686.html b/people/2686.html
index 94c57d8a..d192b96e 100644
--- a/people/2686.html
+++ b/people/2686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2687.html b/people/2687.html
index 532cc958..32d9edb2 100644
--- a/people/2687.html
+++ b/people/2687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2688.html b/people/2688.html
index 8ffb4f01..ff5d8c7d 100644
--- a/people/2688.html
+++ b/people/2688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2689.html b/people/2689.html
index 150ff2fa..496ce5cb 100644
--- a/people/2689.html
+++ b/people/2689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/269.html b/people/269.html
index b99dd265..ea16e86a 100644
--- a/people/269.html
+++ b/people/269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2690.html b/people/2690.html
index d98b4eb0..eccf5b67 100644
--- a/people/2690.html
+++ b/people/2690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2691.html b/people/2691.html
index b59230ad..c4398d78 100644
--- a/people/2691.html
+++ b/people/2691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2692.html b/people/2692.html
index 06e006c7..8898fbd6 100644
--- a/people/2692.html
+++ b/people/2692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2693.html b/people/2693.html
index 60b7bd39..719238bf 100644
--- a/people/2693.html
+++ b/people/2693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2694.html b/people/2694.html
index a0532ed4..9d55486f 100644
--- a/people/2694.html
+++ b/people/2694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2695.html b/people/2695.html
index 46456e2e..d1495845 100644
--- a/people/2695.html
+++ b/people/2695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2696.html b/people/2696.html
index 3296c126..e38edf89 100644
--- a/people/2696.html
+++ b/people/2696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2697.html b/people/2697.html
index 58288b91..0ab8d68e 100644
--- a/people/2697.html
+++ b/people/2697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2698.html b/people/2698.html
index 8ca1705d..de97a918 100644
--- a/people/2698.html
+++ b/people/2698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2699.html b/people/2699.html
index 41216c73..f0847292 100644
--- a/people/2699.html
+++ b/people/2699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/27.html b/people/27.html
index 9dac816e..b4fb0fee 100644
--- a/people/27.html
+++ b/people/27.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/270.html b/people/270.html
index 996c50c3..53f42a8f 100644
--- a/people/270.html
+++ b/people/270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2700.html b/people/2700.html
index 8a183eb7..db46699c 100644
--- a/people/2700.html
+++ b/people/2700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2701.html b/people/2701.html
index 49fab3fb..19a8d504 100644
--- a/people/2701.html
+++ b/people/2701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2702.html b/people/2702.html
index f6efb232..4c195d07 100644
--- a/people/2702.html
+++ b/people/2702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2703.html b/people/2703.html
index eb9bcd06..b3da11bd 100644
--- a/people/2703.html
+++ b/people/2703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2704.html b/people/2704.html
index c8348b17..88271042 100644
--- a/people/2704.html
+++ b/people/2704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2706.html b/people/2706.html
index 6d39ed6f..691c55b7 100644
--- a/people/2706.html
+++ b/people/2706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2707.html b/people/2707.html
index 73a17a70..422059f8 100644
--- a/people/2707.html
+++ b/people/2707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2708.html b/people/2708.html
index ec320dac..64772e81 100644
--- a/people/2708.html
+++ b/people/2708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2709.html b/people/2709.html
index 60ca59b8..e47d8af5 100644
--- a/people/2709.html
+++ b/people/2709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/271.html b/people/271.html
index 7b5d7426..eea837ab 100644
--- a/people/271.html
+++ b/people/271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2710.html b/people/2710.html
index 2afa154b..4ec30d55 100644
--- a/people/2710.html
+++ b/people/2710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2711.html b/people/2711.html
index 46b9e1df..8c991943 100644
--- a/people/2711.html
+++ b/people/2711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2712.html b/people/2712.html
index 6dfac7ae..79940280 100644
--- a/people/2712.html
+++ b/people/2712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2713.html b/people/2713.html
index 21f2fe96..8fe9ecf9 100644
--- a/people/2713.html
+++ b/people/2713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2714.html b/people/2714.html
index 44e22a7b..8b1ec150 100644
--- a/people/2714.html
+++ b/people/2714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2715.html b/people/2715.html
index 6ac4641b..7c129cc6 100644
--- a/people/2715.html
+++ b/people/2715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2716.html b/people/2716.html
index 30366e9e..d97468fb 100644
--- a/people/2716.html
+++ b/people/2716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2717.html b/people/2717.html
index 495f62dc..ee26d82e 100644
--- a/people/2717.html
+++ b/people/2717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2718.html b/people/2718.html
index 88e5dfc3..a54b85af 100644
--- a/people/2718.html
+++ b/people/2718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2719.html b/people/2719.html
index 8d11d1e3..cb96c4da 100644
--- a/people/2719.html
+++ b/people/2719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/272.html b/people/272.html
index 3bcc8eec..6131c9a7 100644
--- a/people/272.html
+++ b/people/272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2720.html b/people/2720.html
index f450fd5a..71ab76d1 100644
--- a/people/2720.html
+++ b/people/2720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2721.html b/people/2721.html
index 61931462..e2bcfc80 100644
--- a/people/2721.html
+++ b/people/2721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2722.html b/people/2722.html
index 92515d9c..6b5c21c6 100644
--- a/people/2722.html
+++ b/people/2722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2723.html b/people/2723.html
index 7819fe72..3a237354 100644
--- a/people/2723.html
+++ b/people/2723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2724.html b/people/2724.html
index 7fb5c58b..314930f3 100644
--- a/people/2724.html
+++ b/people/2724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2725.html b/people/2725.html
index c77ffe90..9dbfd3d0 100644
--- a/people/2725.html
+++ b/people/2725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2726.html b/people/2726.html
index 7f262d74..f35e49ea 100644
--- a/people/2726.html
+++ b/people/2726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2727.html b/people/2727.html
index 58daf1bd..8981bb76 100644
--- a/people/2727.html
+++ b/people/2727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2728.html b/people/2728.html
index 42e836df..d0ab960f 100644
--- a/people/2728.html
+++ b/people/2728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2729.html b/people/2729.html
index a4eb29fe..2c4daa05 100644
--- a/people/2729.html
+++ b/people/2729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/273.html b/people/273.html
index f6f45674..7b2aa0e5 100644
--- a/people/273.html
+++ b/people/273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2730.html b/people/2730.html
index 7caa1db5..e0fbbaa7 100644
--- a/people/2730.html
+++ b/people/2730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2731.html b/people/2731.html
index 520a1ce3..2a9944c4 100644
--- a/people/2731.html
+++ b/people/2731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2732.html b/people/2732.html
index d61802db..1a49a6db 100644
--- a/people/2732.html
+++ b/people/2732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2733.html b/people/2733.html
index bb40fcff..4e01107e 100644
--- a/people/2733.html
+++ b/people/2733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2734.html b/people/2734.html
index caa8bd84..243333a2 100644
--- a/people/2734.html
+++ b/people/2734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2735.html b/people/2735.html
index 24b7afc2..e0edd94e 100644
--- a/people/2735.html
+++ b/people/2735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2736.html b/people/2736.html
index 3211b270..dccda6c9 100644
--- a/people/2736.html
+++ b/people/2736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2737.html b/people/2737.html
index 3343167e..af077662 100644
--- a/people/2737.html
+++ b/people/2737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2738.html b/people/2738.html
index ca3b84d8..97374b51 100644
--- a/people/2738.html
+++ b/people/2738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2739.html b/people/2739.html
index caec29e5..6b04cb57 100644
--- a/people/2739.html
+++ b/people/2739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/274.html b/people/274.html
index c32a95c7..dfdbb826 100644
--- a/people/274.html
+++ b/people/274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2740.html b/people/2740.html
index 7ba3ca82..ad924dd3 100644
--- a/people/2740.html
+++ b/people/2740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2741.html b/people/2741.html
index 7da44938..617c3d51 100644
--- a/people/2741.html
+++ b/people/2741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2742.html b/people/2742.html
index 1b22d96a..5d740bd0 100644
--- a/people/2742.html
+++ b/people/2742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2743.html b/people/2743.html
index 7beafa65..0f1c23d2 100644
--- a/people/2743.html
+++ b/people/2743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2744.html b/people/2744.html
index a846fc61..10d77381 100644
--- a/people/2744.html
+++ b/people/2744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2745.html b/people/2745.html
index e2a42f10..1f0dedb4 100644
--- a/people/2745.html
+++ b/people/2745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2746.html b/people/2746.html
index 042231e2..294bac88 100644
--- a/people/2746.html
+++ b/people/2746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2747.html b/people/2747.html
index dc8f546d..5d71eff8 100644
--- a/people/2747.html
+++ b/people/2747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2748.html b/people/2748.html
index e68c007c..f839fba1 100644
--- a/people/2748.html
+++ b/people/2748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2749.html b/people/2749.html
index 752d9267..b494fb17 100644
--- a/people/2749.html
+++ b/people/2749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/275.html b/people/275.html
index c4159aa5..279898a2 100644
--- a/people/275.html
+++ b/people/275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2750.html b/people/2750.html
index 617ed776..b0f17d8c 100644
--- a/people/2750.html
+++ b/people/2750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2751.html b/people/2751.html
index e9687b4f..42e2d46d 100644
--- a/people/2751.html
+++ b/people/2751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2752.html b/people/2752.html
index 0eace577..741d6c53 100644
--- a/people/2752.html
+++ b/people/2752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2753.html b/people/2753.html
index 1d37f6a1..b508ac6b 100644
--- a/people/2753.html
+++ b/people/2753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2754.html b/people/2754.html
index fd77222e..68655c0d 100644
--- a/people/2754.html
+++ b/people/2754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2755.html b/people/2755.html
index 891425a5..db6f3df5 100644
--- a/people/2755.html
+++ b/people/2755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2756.html b/people/2756.html
index 490e890a..898a527b 100644
--- a/people/2756.html
+++ b/people/2756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2757.html b/people/2757.html
index 78391b58..5362b33b 100644
--- a/people/2757.html
+++ b/people/2757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2758.html b/people/2758.html
index 8315e6d5..18e7a07e 100644
--- a/people/2758.html
+++ b/people/2758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2759.html b/people/2759.html
index 64acd151..628d4f3f 100644
--- a/people/2759.html
+++ b/people/2759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/276.html b/people/276.html
index 5093f4e5..c3579636 100644
--- a/people/276.html
+++ b/people/276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2760.html b/people/2760.html
index ef3ec789..0f0a0650 100644
--- a/people/2760.html
+++ b/people/2760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2761.html b/people/2761.html
index ceb12a16..59241b8b 100644
--- a/people/2761.html
+++ b/people/2761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2762.html b/people/2762.html
index 0c8a25e2..b6d1a834 100644
--- a/people/2762.html
+++ b/people/2762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2763.html b/people/2763.html
index 622b478e..a17c62b2 100644
--- a/people/2763.html
+++ b/people/2763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2764.html b/people/2764.html
index eb3ce265..0d631bda 100644
--- a/people/2764.html
+++ b/people/2764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2765.html b/people/2765.html
index e3bcf876..1d479c39 100644
--- a/people/2765.html
+++ b/people/2765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2766.html b/people/2766.html
index 87e82296..0e82086c 100644
--- a/people/2766.html
+++ b/people/2766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2767.html b/people/2767.html
index 37af67e4..4fdbb553 100644
--- a/people/2767.html
+++ b/people/2767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2768.html b/people/2768.html
index 19a011a4..78d0df2a 100644
--- a/people/2768.html
+++ b/people/2768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2769.html b/people/2769.html
index 5262c39c..5331a871 100644
--- a/people/2769.html
+++ b/people/2769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/277.html b/people/277.html
index 733efbf5..2fd76e90 100644
--- a/people/277.html
+++ b/people/277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2770.html b/people/2770.html
index 433407bc..75118f61 100644
--- a/people/2770.html
+++ b/people/2770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2771.html b/people/2771.html
index 86b59e4c..10f6d570 100644
--- a/people/2771.html
+++ b/people/2771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2772.html b/people/2772.html
index cdd900f1..ae320946 100644
--- a/people/2772.html
+++ b/people/2772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2773.html b/people/2773.html
index ca2006d4..044d480e 100644
--- a/people/2773.html
+++ b/people/2773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2774.html b/people/2774.html
index dd80f206..f090c05c 100644
--- a/people/2774.html
+++ b/people/2774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2775.html b/people/2775.html
index 777291d0..6cd5aa7b 100644
--- a/people/2775.html
+++ b/people/2775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2776.html b/people/2776.html
index b24ade2a..ca20da03 100644
--- a/people/2776.html
+++ b/people/2776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2777.html b/people/2777.html
index bfebaf90..263017e8 100644
--- a/people/2777.html
+++ b/people/2777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2778.html b/people/2778.html
index d8ce9231..736e9271 100644
--- a/people/2778.html
+++ b/people/2778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2779.html b/people/2779.html
index a04df812..4e555603 100644
--- a/people/2779.html
+++ b/people/2779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/278.html b/people/278.html
index e1d94832..457accb0 100644
--- a/people/278.html
+++ b/people/278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2780.html b/people/2780.html
index f3f77ca4..1e2f7235 100644
--- a/people/2780.html
+++ b/people/2780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2781.html b/people/2781.html
index fd1a4f3c..7a9e3dbe 100644
--- a/people/2781.html
+++ b/people/2781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2782.html b/people/2782.html
index e706455e..a426739b 100644
--- a/people/2782.html
+++ b/people/2782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2783.html b/people/2783.html
index 2ceb5b84..7c25127f 100644
--- a/people/2783.html
+++ b/people/2783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2784.html b/people/2784.html
index cf65e4dd..dafddf25 100644
--- a/people/2784.html
+++ b/people/2784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2785.html b/people/2785.html
index 213bd118..5df20f3d 100644
--- a/people/2785.html
+++ b/people/2785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2786.html b/people/2786.html
index 699985d2..47564cef 100644
--- a/people/2786.html
+++ b/people/2786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2787.html b/people/2787.html
index 8379f717..4a503024 100644
--- a/people/2787.html
+++ b/people/2787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2788.html b/people/2788.html
index ad465d6f..25924d05 100644
--- a/people/2788.html
+++ b/people/2788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2789.html b/people/2789.html
index 17eec86c..90854d32 100644
--- a/people/2789.html
+++ b/people/2789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/279.html b/people/279.html
index fe68d66a..a4ebbbbf 100644
--- a/people/279.html
+++ b/people/279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2790.html b/people/2790.html
index feb4a2f3..175689db 100644
--- a/people/2790.html
+++ b/people/2790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2791.html b/people/2791.html
index c684cdf3..20fc61e9 100644
--- a/people/2791.html
+++ b/people/2791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2792.html b/people/2792.html
index 596768a7..23249e3b 100644
--- a/people/2792.html
+++ b/people/2792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2793.html b/people/2793.html
index b6af2841..1b69212f 100644
--- a/people/2793.html
+++ b/people/2793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2794.html b/people/2794.html
index 3bc39517..834877a1 100644
--- a/people/2794.html
+++ b/people/2794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2795.html b/people/2795.html
index 835fdac3..7504170d 100644
--- a/people/2795.html
+++ b/people/2795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2796.html b/people/2796.html
index 7f1cbaf0..76725ec7 100644
--- a/people/2796.html
+++ b/people/2796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2797.html b/people/2797.html
index f0dab82f..7e404230 100644
--- a/people/2797.html
+++ b/people/2797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2798.html b/people/2798.html
index aa3b2134..d27600e0 100644
--- a/people/2798.html
+++ b/people/2798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2799.html b/people/2799.html
index 1ea1a210..2dbb3d87 100644
--- a/people/2799.html
+++ b/people/2799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/28.html b/people/28.html
index 817a5cfb..e083eb85 100644
--- a/people/28.html
+++ b/people/28.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/280.html b/people/280.html
index f6d8d347..aa669c29 100644
--- a/people/280.html
+++ b/people/280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2800.html b/people/2800.html
index 5c111674..d14fc2ee 100644
--- a/people/2800.html
+++ b/people/2800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2801.html b/people/2801.html
index 2a8ba002..264023e2 100644
--- a/people/2801.html
+++ b/people/2801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2802.html b/people/2802.html
index 6df641ae..8d6e45c1 100644
--- a/people/2802.html
+++ b/people/2802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2803.html b/people/2803.html
index 9d130fa1..29501fd7 100644
--- a/people/2803.html
+++ b/people/2803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2804.html b/people/2804.html
index d23240a9..2fc2d795 100644
--- a/people/2804.html
+++ b/people/2804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2805.html b/people/2805.html
index 5b7ad063..14cb8d0f 100644
--- a/people/2805.html
+++ b/people/2805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2806.html b/people/2806.html
index 9c92b13e..800d0ccb 100644
--- a/people/2806.html
+++ b/people/2806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2807.html b/people/2807.html
index c505ee26..69c928dd 100644
--- a/people/2807.html
+++ b/people/2807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2808.html b/people/2808.html
index 3dfdcde3..65d89aae 100644
--- a/people/2808.html
+++ b/people/2808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2809.html b/people/2809.html
index eac5feb0..2081883f 100644
--- a/people/2809.html
+++ b/people/2809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/281.html b/people/281.html
index ee1b5c53..ce3dd16f 100644
--- a/people/281.html
+++ b/people/281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2810.html b/people/2810.html
index f92498f4..7f57553d 100644
--- a/people/2810.html
+++ b/people/2810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2811.html b/people/2811.html
index 12241bc9..b565a6df 100644
--- a/people/2811.html
+++ b/people/2811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2812.html b/people/2812.html
index 4135f19f..775f0b87 100644
--- a/people/2812.html
+++ b/people/2812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2813.html b/people/2813.html
index 99da36f2..ff02c5e0 100644
--- a/people/2813.html
+++ b/people/2813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2814.html b/people/2814.html
index 5b5871c4..1a7d2836 100644
--- a/people/2814.html
+++ b/people/2814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2815.html b/people/2815.html
index 8055bf82..4367165a 100644
--- a/people/2815.html
+++ b/people/2815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2816.html b/people/2816.html
index 25b23be3..7b8dcab1 100644
--- a/people/2816.html
+++ b/people/2816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2817.html b/people/2817.html
index a499e033..c4323098 100644
--- a/people/2817.html
+++ b/people/2817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2818.html b/people/2818.html
index ed976855..bb1bd9a7 100644
--- a/people/2818.html
+++ b/people/2818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2819.html b/people/2819.html
index cac0a4b5..335d2f22 100644
--- a/people/2819.html
+++ b/people/2819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/282.html b/people/282.html
index 0da2aa64..17b695d8 100644
--- a/people/282.html
+++ b/people/282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2820.html b/people/2820.html
index 8a93881e..9c8b1d93 100644
--- a/people/2820.html
+++ b/people/2820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2821.html b/people/2821.html
index b7288338..260ef4b4 100644
--- a/people/2821.html
+++ b/people/2821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2822.html b/people/2822.html
index 03edc7cf..ccbf81ac 100644
--- a/people/2822.html
+++ b/people/2822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2823.html b/people/2823.html
index 6c4a4d6c..be43e84c 100644
--- a/people/2823.html
+++ b/people/2823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2824.html b/people/2824.html
index 0ce7db8b..88d0afd9 100644
--- a/people/2824.html
+++ b/people/2824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2825.html b/people/2825.html
index ffd54a88..77339b60 100644
--- a/people/2825.html
+++ b/people/2825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2826.html b/people/2826.html
index f65339c6..227950b0 100644
--- a/people/2826.html
+++ b/people/2826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2827.html b/people/2827.html
index d2c27969..24654a03 100644
--- a/people/2827.html
+++ b/people/2827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2828.html b/people/2828.html
index 9cdf9616..f464d061 100644
--- a/people/2828.html
+++ b/people/2828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2829.html b/people/2829.html
index 4f72fec6..6dd736cb 100644
--- a/people/2829.html
+++ b/people/2829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/283.html b/people/283.html
index f6a06333..628701bd 100644
--- a/people/283.html
+++ b/people/283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2830.html b/people/2830.html
index 91b4e334..65aeb1bb 100644
--- a/people/2830.html
+++ b/people/2830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2831.html b/people/2831.html
index ec6f687c..185e1d51 100644
--- a/people/2831.html
+++ b/people/2831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2832.html b/people/2832.html
index 845e9a43..cc29e1b7 100644
--- a/people/2832.html
+++ b/people/2832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2833.html b/people/2833.html
index aa6db275..82934980 100644
--- a/people/2833.html
+++ b/people/2833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2834.html b/people/2834.html
index dbdeba6d..86c61d3e 100644
--- a/people/2834.html
+++ b/people/2834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2835.html b/people/2835.html
index cc679d6a..80df4b1e 100644
--- a/people/2835.html
+++ b/people/2835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2836.html b/people/2836.html
index 6584ce73..b39c75d9 100644
--- a/people/2836.html
+++ b/people/2836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2837.html b/people/2837.html
index d059c9cc..fb932dce 100644
--- a/people/2837.html
+++ b/people/2837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2838.html b/people/2838.html
index 22f16e7d..c86c2468 100644
--- a/people/2838.html
+++ b/people/2838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2839.html b/people/2839.html
index 5e6fca25..97698e06 100644
--- a/people/2839.html
+++ b/people/2839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/284.html b/people/284.html
index 14df68b9..9f330aa0 100644
--- a/people/284.html
+++ b/people/284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2840.html b/people/2840.html
index c2869db9..329dc7d7 100644
--- a/people/2840.html
+++ b/people/2840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2841.html b/people/2841.html
index 92bd6276..e66a35f5 100644
--- a/people/2841.html
+++ b/people/2841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2842.html b/people/2842.html
index e72c88ac..3b15eca4 100644
--- a/people/2842.html
+++ b/people/2842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2843.html b/people/2843.html
index 9be48258..fd60453a 100644
--- a/people/2843.html
+++ b/people/2843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2844.html b/people/2844.html
index 1fcdf585..3e3c0d64 100644
--- a/people/2844.html
+++ b/people/2844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2845.html b/people/2845.html
index 4b06d048..03aee3fa 100644
--- a/people/2845.html
+++ b/people/2845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2846.html b/people/2846.html
index 5ae80669..1f89bf42 100644
--- a/people/2846.html
+++ b/people/2846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2847.html b/people/2847.html
index 9cd859dd..201e23cf 100644
--- a/people/2847.html
+++ b/people/2847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2848.html b/people/2848.html
index 9eccd1a2..9849e2d8 100644
--- a/people/2848.html
+++ b/people/2848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2849.html b/people/2849.html
index 9d900fc4..dfb91123 100644
--- a/people/2849.html
+++ b/people/2849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/285.html b/people/285.html
index 3a79fe13..dcf15e0a 100644
--- a/people/285.html
+++ b/people/285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2850.html b/people/2850.html
index dfae9cd1..6b4f8b23 100644
--- a/people/2850.html
+++ b/people/2850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2851.html b/people/2851.html
index bad83d1e..95da31c8 100644
--- a/people/2851.html
+++ b/people/2851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2852.html b/people/2852.html
index 6a223807..38e4f628 100644
--- a/people/2852.html
+++ b/people/2852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2853.html b/people/2853.html
index 7209cd1d..c03fa5c6 100644
--- a/people/2853.html
+++ b/people/2853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2854.html b/people/2854.html
index b7c222ed..9670cab4 100644
--- a/people/2854.html
+++ b/people/2854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2855.html b/people/2855.html
index 7403ae7c..9ddd3a9b 100644
--- a/people/2855.html
+++ b/people/2855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2856.html b/people/2856.html
index 18936dc5..87125f1a 100644
--- a/people/2856.html
+++ b/people/2856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2857.html b/people/2857.html
index c551b2c0..1a412048 100644
--- a/people/2857.html
+++ b/people/2857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2858.html b/people/2858.html
index e8e37376..76ff157f 100644
--- a/people/2858.html
+++ b/people/2858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2859.html b/people/2859.html
index fe398a6a..1b1990e7 100644
--- a/people/2859.html
+++ b/people/2859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/286.html b/people/286.html
index dec92ca2..47f49bc1 100644
--- a/people/286.html
+++ b/people/286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2860.html b/people/2860.html
index 525c90a9..ef8672f7 100644
--- a/people/2860.html
+++ b/people/2860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2861.html b/people/2861.html
index 95b77b38..82183cb9 100644
--- a/people/2861.html
+++ b/people/2861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2862.html b/people/2862.html
index f193c804..401464d2 100644
--- a/people/2862.html
+++ b/people/2862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2863.html b/people/2863.html
index 8ca98406..3b10ea64 100644
--- a/people/2863.html
+++ b/people/2863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2864.html b/people/2864.html
index 33e8c04b..234353a9 100644
--- a/people/2864.html
+++ b/people/2864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2865.html b/people/2865.html
index 73f58753..e08012a1 100644
--- a/people/2865.html
+++ b/people/2865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2866.html b/people/2866.html
index 672d7738..af642c85 100644
--- a/people/2866.html
+++ b/people/2866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2867.html b/people/2867.html
index 3745afaa..790206b6 100644
--- a/people/2867.html
+++ b/people/2867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2868.html b/people/2868.html
index 1b432448..2d843130 100644
--- a/people/2868.html
+++ b/people/2868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2869.html b/people/2869.html
index 7e3b7f27..7ab842f3 100644
--- a/people/2869.html
+++ b/people/2869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/287.html b/people/287.html
index ea447f1a..12ec3035 100644
--- a/people/287.html
+++ b/people/287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2870.html b/people/2870.html
index 3401697b..383eb745 100644
--- a/people/2870.html
+++ b/people/2870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2871.html b/people/2871.html
index d60781a3..a287d3d0 100644
--- a/people/2871.html
+++ b/people/2871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2872.html b/people/2872.html
index a7862f60..2c3b23ad 100644
--- a/people/2872.html
+++ b/people/2872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2873.html b/people/2873.html
index 8cf85566..0d79d3c9 100644
--- a/people/2873.html
+++ b/people/2873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2874.html b/people/2874.html
index 3c85c293..20fbcf4a 100644
--- a/people/2874.html
+++ b/people/2874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2875.html b/people/2875.html
index e72029b9..4729e818 100644
--- a/people/2875.html
+++ b/people/2875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2876.html b/people/2876.html
index 5ad3a7a4..707b7ae3 100644
--- a/people/2876.html
+++ b/people/2876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2877.html b/people/2877.html
index 7a98b3b1..3272bd8d 100644
--- a/people/2877.html
+++ b/people/2877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2878.html b/people/2878.html
index 3eae2518..a5362109 100644
--- a/people/2878.html
+++ b/people/2878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2879.html b/people/2879.html
index 89bfa57d..66f89e4a 100644
--- a/people/2879.html
+++ b/people/2879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/288.html b/people/288.html
index 47d6673f..579e7411 100644
--- a/people/288.html
+++ b/people/288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2880.html b/people/2880.html
index b2ac54b6..dfb48c92 100644
--- a/people/2880.html
+++ b/people/2880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2881.html b/people/2881.html
index 29f4656c..4f74c45c 100644
--- a/people/2881.html
+++ b/people/2881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2882.html b/people/2882.html
index c4e3b3b1..be19ec79 100644
--- a/people/2882.html
+++ b/people/2882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2883.html b/people/2883.html
index 0901fc65..9c9fecb1 100644
--- a/people/2883.html
+++ b/people/2883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2884.html b/people/2884.html
index 7f7826d1..21a33346 100644
--- a/people/2884.html
+++ b/people/2884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2885.html b/people/2885.html
index b2d7411c..ec3e33e1 100644
--- a/people/2885.html
+++ b/people/2885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2886.html b/people/2886.html
index 496ad617..c87e7a68 100644
--- a/people/2886.html
+++ b/people/2886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2887.html b/people/2887.html
index 70795490..a5ab4070 100644
--- a/people/2887.html
+++ b/people/2887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2888.html b/people/2888.html
index a17fba3e..1a96252b 100644
--- a/people/2888.html
+++ b/people/2888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2889.html b/people/2889.html
index 678a94af..afcff259 100644
--- a/people/2889.html
+++ b/people/2889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/289.html b/people/289.html
index ea3e51ca..4424c937 100644
--- a/people/289.html
+++ b/people/289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2890.html b/people/2890.html
index 47e336e6..d5a34897 100644
--- a/people/2890.html
+++ b/people/2890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2891.html b/people/2891.html
index 4523c907..72885db3 100644
--- a/people/2891.html
+++ b/people/2891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2892.html b/people/2892.html
index 57f63170..ee73e9ad 100644
--- a/people/2892.html
+++ b/people/2892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2893.html b/people/2893.html
index 0282b029..4e89a6f1 100644
--- a/people/2893.html
+++ b/people/2893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2894.html b/people/2894.html
index 022b3265..78d3ca57 100644
--- a/people/2894.html
+++ b/people/2894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2895.html b/people/2895.html
index 6f7a854c..07255944 100644
--- a/people/2895.html
+++ b/people/2895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2896.html b/people/2896.html
index 873104dc..9b51ccf7 100644
--- a/people/2896.html
+++ b/people/2896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2897.html b/people/2897.html
index ec22e4d8..03eb8baf 100644
--- a/people/2897.html
+++ b/people/2897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2898.html b/people/2898.html
index d275a5be..f01ff3f8 100644
--- a/people/2898.html
+++ b/people/2898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2899.html b/people/2899.html
index 35d083e4..438b4274 100644
--- a/people/2899.html
+++ b/people/2899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/29.html b/people/29.html
index 97b2e1a5..eb7dad32 100644
--- a/people/29.html
+++ b/people/29.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/290.html b/people/290.html
index 2c9a8ea4..eec9df96 100644
--- a/people/290.html
+++ b/people/290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2900.html b/people/2900.html
index fc0bbec2..583e0f03 100644
--- a/people/2900.html
+++ b/people/2900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2901.html b/people/2901.html
index 737ae757..cf9a7a6f 100644
--- a/people/2901.html
+++ b/people/2901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2902.html b/people/2902.html
index 19455ea2..66bc595a 100644
--- a/people/2902.html
+++ b/people/2902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2903.html b/people/2903.html
index dffbbf5c..ea943c96 100644
--- a/people/2903.html
+++ b/people/2903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2904.html b/people/2904.html
index 219c5b95..a0d0e60f 100644
--- a/people/2904.html
+++ b/people/2904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2905.html b/people/2905.html
index d229b12c..06cca96a 100644
--- a/people/2905.html
+++ b/people/2905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2906.html b/people/2906.html
index d7b324e0..7395f50c 100644
--- a/people/2906.html
+++ b/people/2906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2907.html b/people/2907.html
index c98a4013..09de1cf7 100644
--- a/people/2907.html
+++ b/people/2907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2908.html b/people/2908.html
index d3202db7..9d37ef59 100644
--- a/people/2908.html
+++ b/people/2908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2909.html b/people/2909.html
index 0c642b3e..e4c07085 100644
--- a/people/2909.html
+++ b/people/2909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/291.html b/people/291.html
index b5668b33..254bcf82 100644
--- a/people/291.html
+++ b/people/291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2910.html b/people/2910.html
index f622c658..4783ec46 100644
--- a/people/2910.html
+++ b/people/2910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2911.html b/people/2911.html
index 81b181df..4a4f1b24 100644
--- a/people/2911.html
+++ b/people/2911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2912.html b/people/2912.html
index 0c3e58e6..93c18184 100644
--- a/people/2912.html
+++ b/people/2912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2913.html b/people/2913.html
index 7f464dd8..be0fa07f 100644
--- a/people/2913.html
+++ b/people/2913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2914.html b/people/2914.html
index bb692f36..f10fee91 100644
--- a/people/2914.html
+++ b/people/2914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2915.html b/people/2915.html
index 6f46af0a..fe1681cc 100644
--- a/people/2915.html
+++ b/people/2915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2916.html b/people/2916.html
index ce30f805..e8a0ffcf 100644
--- a/people/2916.html
+++ b/people/2916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2917.html b/people/2917.html
index 65bf560b..47ca86f3 100644
--- a/people/2917.html
+++ b/people/2917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2918.html b/people/2918.html
index e44bfb44..dbde6c22 100644
--- a/people/2918.html
+++ b/people/2918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2919.html b/people/2919.html
index 1d7bdb74..7042ee63 100644
--- a/people/2919.html
+++ b/people/2919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/292.html b/people/292.html
index 8e6e8540..841f2f2b 100644
--- a/people/292.html
+++ b/people/292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2920.html b/people/2920.html
index 9a02489a..53238edc 100644
--- a/people/2920.html
+++ b/people/2920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2921.html b/people/2921.html
index ab702397..e7745a0c 100644
--- a/people/2921.html
+++ b/people/2921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2922.html b/people/2922.html
index a8e5643b..4f8fe82e 100644
--- a/people/2922.html
+++ b/people/2922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2923.html b/people/2923.html
index 8b5c413c..45d5ab43 100644
--- a/people/2923.html
+++ b/people/2923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2924.html b/people/2924.html
index 9be69dd1..bb70a1f7 100644
--- a/people/2924.html
+++ b/people/2924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2925.html b/people/2925.html
index 86dc0df0..13d629cd 100644
--- a/people/2925.html
+++ b/people/2925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2926.html b/people/2926.html
index 5b140a19..f7465153 100644
--- a/people/2926.html
+++ b/people/2926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2927.html b/people/2927.html
index ba3151d2..4cf27d98 100644
--- a/people/2927.html
+++ b/people/2927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2928.html b/people/2928.html
index e569ff40..f5709349 100644
--- a/people/2928.html
+++ b/people/2928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2929.html b/people/2929.html
index ac411e49..96becaec 100644
--- a/people/2929.html
+++ b/people/2929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/293.html b/people/293.html
index 4cc4699a..8021f2fe 100644
--- a/people/293.html
+++ b/people/293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2930.html b/people/2930.html
index eed430e9..f533052a 100644
--- a/people/2930.html
+++ b/people/2930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2931.html b/people/2931.html
index af99e523..49fe0287 100644
--- a/people/2931.html
+++ b/people/2931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2932.html b/people/2932.html
index 2a626508..3815faa5 100644
--- a/people/2932.html
+++ b/people/2932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2933.html b/people/2933.html
index 834f7a2e..cda89f02 100644
--- a/people/2933.html
+++ b/people/2933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2934.html b/people/2934.html
index 1e121618..f121ba27 100644
--- a/people/2934.html
+++ b/people/2934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2935.html b/people/2935.html
index b2f13137..c780873f 100644
--- a/people/2935.html
+++ b/people/2935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2936.html b/people/2936.html
index 2ea40bbc..6da749a2 100644
--- a/people/2936.html
+++ b/people/2936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2937.html b/people/2937.html
index a37708b8..ac10339f 100644
--- a/people/2937.html
+++ b/people/2937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2938.html b/people/2938.html
index 4e5df08e..fef73374 100644
--- a/people/2938.html
+++ b/people/2938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2939.html b/people/2939.html
index 40071a41..50eeb226 100644
--- a/people/2939.html
+++ b/people/2939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/294.html b/people/294.html
index 670fb816..4964a3c5 100644
--- a/people/294.html
+++ b/people/294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2940.html b/people/2940.html
index 4026178b..41c84217 100644
--- a/people/2940.html
+++ b/people/2940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2941.html b/people/2941.html
index 61f3d160..7caaea6b 100644
--- a/people/2941.html
+++ b/people/2941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2942.html b/people/2942.html
index 4fe959b0..c515f5a9 100644
--- a/people/2942.html
+++ b/people/2942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2943.html b/people/2943.html
index ac38edb8..4999245d 100644
--- a/people/2943.html
+++ b/people/2943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2944.html b/people/2944.html
index c52f1f53..7d2d9d24 100644
--- a/people/2944.html
+++ b/people/2944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2945.html b/people/2945.html
index d8fdd1f3..1ac18d8c 100644
--- a/people/2945.html
+++ b/people/2945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2946.html b/people/2946.html
index d2beef7f..4f0b87d5 100644
--- a/people/2946.html
+++ b/people/2946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2947.html b/people/2947.html
index 28a6f6ca..f8d8897f 100644
--- a/people/2947.html
+++ b/people/2947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2948.html b/people/2948.html
index 1793732d..30158801 100644
--- a/people/2948.html
+++ b/people/2948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2949.html b/people/2949.html
index 675f0041..0c851c6e 100644
--- a/people/2949.html
+++ b/people/2949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/295.html b/people/295.html
index c9053dff..6fb3b5a3 100644
--- a/people/295.html
+++ b/people/295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2950.html b/people/2950.html
index 05899385..5b276627 100644
--- a/people/2950.html
+++ b/people/2950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2951.html b/people/2951.html
index 784ee544..08fd8d56 100644
--- a/people/2951.html
+++ b/people/2951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2952.html b/people/2952.html
index aad30174..c1ad8150 100644
--- a/people/2952.html
+++ b/people/2952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2953.html b/people/2953.html
index 8ec8f0f3..58062e2a 100644
--- a/people/2953.html
+++ b/people/2953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2954.html b/people/2954.html
index 4b6f34fb..2267bc79 100644
--- a/people/2954.html
+++ b/people/2954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2955.html b/people/2955.html
index c78ba0a0..d2aa3815 100644
--- a/people/2955.html
+++ b/people/2955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2956.html b/people/2956.html
index a82c839d..702215d9 100644
--- a/people/2956.html
+++ b/people/2956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2957.html b/people/2957.html
index c1c1951b..924daebb 100644
--- a/people/2957.html
+++ b/people/2957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2958.html b/people/2958.html
index f13cbcf0..b504d1c7 100644
--- a/people/2958.html
+++ b/people/2958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2959.html b/people/2959.html
index 6a483234..80bcc8ef 100644
--- a/people/2959.html
+++ b/people/2959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/296.html b/people/296.html
index eccd9d75..75092915 100644
--- a/people/296.html
+++ b/people/296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2960.html b/people/2960.html
index 27c9f499..9a6f2a29 100644
--- a/people/2960.html
+++ b/people/2960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2961.html b/people/2961.html
index d8fb139f..c5d8641c 100644
--- a/people/2961.html
+++ b/people/2961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2962.html b/people/2962.html
index 78ea44d8..00bd0ff7 100644
--- a/people/2962.html
+++ b/people/2962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2963.html b/people/2963.html
index a51f95d6..1c3bbae0 100644
--- a/people/2963.html
+++ b/people/2963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2964.html b/people/2964.html
index e7b5f799..b0c5881c 100644
--- a/people/2964.html
+++ b/people/2964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2965.html b/people/2965.html
index 8b459a75..d82851b1 100644
--- a/people/2965.html
+++ b/people/2965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2966.html b/people/2966.html
index 0a7ce0d9..db88e0fe 100644
--- a/people/2966.html
+++ b/people/2966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2967.html b/people/2967.html
index 89fe6179..34ab6ced 100644
--- a/people/2967.html
+++ b/people/2967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2968.html b/people/2968.html
index f0b82e4c..dc4d183f 100644
--- a/people/2968.html
+++ b/people/2968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2969.html b/people/2969.html
index ce9c9555..9baa5001 100644
--- a/people/2969.html
+++ b/people/2969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/297.html b/people/297.html
index 421fb328..f109d38f 100644
--- a/people/297.html
+++ b/people/297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2970.html b/people/2970.html
index 79fbcbc3..f687bba6 100644
--- a/people/2970.html
+++ b/people/2970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2971.html b/people/2971.html
index 0c1b3f5e..4377018d 100644
--- a/people/2971.html
+++ b/people/2971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2972.html b/people/2972.html
index fafd8e41..948f83fb 100644
--- a/people/2972.html
+++ b/people/2972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2973.html b/people/2973.html
index 41f32bb1..b277bb07 100644
--- a/people/2973.html
+++ b/people/2973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2974.html b/people/2974.html
index 91cb296e..193a2e9f 100644
--- a/people/2974.html
+++ b/people/2974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2975.html b/people/2975.html
index 557456b7..affc2cf5 100644
--- a/people/2975.html
+++ b/people/2975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2976.html b/people/2976.html
index 6f4a8740..8f35e4e4 100644
--- a/people/2976.html
+++ b/people/2976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2977.html b/people/2977.html
index b7ff9bcd..4105cfa4 100644
--- a/people/2977.html
+++ b/people/2977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2978.html b/people/2978.html
index 3ab058c8..fa50b76d 100644
--- a/people/2978.html
+++ b/people/2978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2979.html b/people/2979.html
index db6ff9bf..35615120 100644
--- a/people/2979.html
+++ b/people/2979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/298.html b/people/298.html
index 8b641600..2eb532a3 100644
--- a/people/298.html
+++ b/people/298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2980.html b/people/2980.html
index c4d00949..54df0a79 100644
--- a/people/2980.html
+++ b/people/2980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2981.html b/people/2981.html
index 8753555c..341ec2ab 100644
--- a/people/2981.html
+++ b/people/2981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2982.html b/people/2982.html
index 3654aa31..8a3c19be 100644
--- a/people/2982.html
+++ b/people/2982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2983.html b/people/2983.html
index 93f38e2e..44f99196 100644
--- a/people/2983.html
+++ b/people/2983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2984.html b/people/2984.html
index 4774c3f1..bc23c6d4 100644
--- a/people/2984.html
+++ b/people/2984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2985.html b/people/2985.html
index 2fbb7793..6bebd546 100644
--- a/people/2985.html
+++ b/people/2985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2986.html b/people/2986.html
index 8fc8aa77..da245109 100644
--- a/people/2986.html
+++ b/people/2986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2987.html b/people/2987.html
index 4fc84fcc..e4f632f5 100644
--- a/people/2987.html
+++ b/people/2987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2988.html b/people/2988.html
index a41a4fd6..ab7fd512 100644
--- a/people/2988.html
+++ b/people/2988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2989.html b/people/2989.html
index 6066bc50..14f5d772 100644
--- a/people/2989.html
+++ b/people/2989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/299.html b/people/299.html
index 32963145..87c1017b 100644
--- a/people/299.html
+++ b/people/299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2990.html b/people/2990.html
index cd60bebc..4b2b66d2 100644
--- a/people/2990.html
+++ b/people/2990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2991.html b/people/2991.html
index 2e573813..e0f4ecf6 100644
--- a/people/2991.html
+++ b/people/2991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2992.html b/people/2992.html
index 32ea51b9..3002c191 100644
--- a/people/2992.html
+++ b/people/2992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2993.html b/people/2993.html
index 1a22bb09..6abd209f 100644
--- a/people/2993.html
+++ b/people/2993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2994.html b/people/2994.html
index 9080d76f..546a9469 100644
--- a/people/2994.html
+++ b/people/2994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2995.html b/people/2995.html
index 8fd9a541..b276f6ee 100644
--- a/people/2995.html
+++ b/people/2995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2996.html b/people/2996.html
index ef3c4394..d413b07a 100644
--- a/people/2996.html
+++ b/people/2996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2997.html b/people/2997.html
index 13dbe8f4..37a69fe4 100644
--- a/people/2997.html
+++ b/people/2997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2998.html b/people/2998.html
index 4c04d0fe..3a28696b 100644
--- a/people/2998.html
+++ b/people/2998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/2999.html b/people/2999.html
index e5307229..f486472f 100644
--- a/people/2999.html
+++ b/people/2999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3.html b/people/3.html
index 52350a3e..c7278fd1 100644
--- a/people/3.html
+++ b/people/3.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/30.html b/people/30.html
index cc4de663..7c4cb81c 100644
--- a/people/30.html
+++ b/people/30.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/300.html b/people/300.html
index a48739f6..52730518 100644
--- a/people/300.html
+++ b/people/300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3000.html b/people/3000.html
index 9c43608d..57f5c487 100644
--- a/people/3000.html
+++ b/people/3000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3001.html b/people/3001.html
index 198de8f7..e902af90 100644
--- a/people/3001.html
+++ b/people/3001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3002.html b/people/3002.html
index 1a3cd533..2ee7222b 100644
--- a/people/3002.html
+++ b/people/3002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3003.html b/people/3003.html
index 2ba6d866..ecff3a66 100644
--- a/people/3003.html
+++ b/people/3003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3004.html b/people/3004.html
index 6e6e249a..5587b001 100644
--- a/people/3004.html
+++ b/people/3004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3005.html b/people/3005.html
index 30d0a23f..e8ae6d94 100644
--- a/people/3005.html
+++ b/people/3005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3006.html b/people/3006.html
index c14c6d43..927d3d93 100644
--- a/people/3006.html
+++ b/people/3006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3007.html b/people/3007.html
index 54e4fb20..412d272d 100644
--- a/people/3007.html
+++ b/people/3007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3008.html b/people/3008.html
index 78bcae9d..d424126c 100644
--- a/people/3008.html
+++ b/people/3008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3009.html b/people/3009.html
index 289eed11..3ae1cc65 100644
--- a/people/3009.html
+++ b/people/3009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/301.html b/people/301.html
index 46b7e57c..e4b60f1f 100644
--- a/people/301.html
+++ b/people/301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3010.html b/people/3010.html
index e3a3a2a6..b4a07797 100644
--- a/people/3010.html
+++ b/people/3010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3011.html b/people/3011.html
index ecb45fbd..3053ce21 100644
--- a/people/3011.html
+++ b/people/3011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3012.html b/people/3012.html
index 37c64c37..fb37fbd5 100644
--- a/people/3012.html
+++ b/people/3012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3013.html b/people/3013.html
index 239cf7de..546ffc12 100644
--- a/people/3013.html
+++ b/people/3013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3014.html b/people/3014.html
index 5d4d3981..7da1ee93 100644
--- a/people/3014.html
+++ b/people/3014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3015.html b/people/3015.html
index 9554f4b6..66a36acc 100644
--- a/people/3015.html
+++ b/people/3015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3016.html b/people/3016.html
index 567d5e8e..80ec88fd 100644
--- a/people/3016.html
+++ b/people/3016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3017.html b/people/3017.html
index 4755b9d9..ce593cac 100644
--- a/people/3017.html
+++ b/people/3017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3018.html b/people/3018.html
index 08138b62..b189341f 100644
--- a/people/3018.html
+++ b/people/3018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3019.html b/people/3019.html
index 06277de6..eb3b5bb5 100644
--- a/people/3019.html
+++ b/people/3019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/302.html b/people/302.html
index 86773827..72079769 100644
--- a/people/302.html
+++ b/people/302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3020.html b/people/3020.html
index ab39ba65..420df6ba 100644
--- a/people/3020.html
+++ b/people/3020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3021.html b/people/3021.html
index c62bd1b1..500b4541 100644
--- a/people/3021.html
+++ b/people/3021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3022.html b/people/3022.html
index 33e263c2..5a26d6a5 100644
--- a/people/3022.html
+++ b/people/3022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3023.html b/people/3023.html
index a364a1f2..6482acd3 100644
--- a/people/3023.html
+++ b/people/3023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3024.html b/people/3024.html
index 8f120852..83cfe9f7 100644
--- a/people/3024.html
+++ b/people/3024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3025.html b/people/3025.html
index 5faec412..81d79d57 100644
--- a/people/3025.html
+++ b/people/3025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3026.html b/people/3026.html
index 4abcdfb7..d5259ba1 100644
--- a/people/3026.html
+++ b/people/3026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3027.html b/people/3027.html
index 6a6ec971..7b0757db 100644
--- a/people/3027.html
+++ b/people/3027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3028.html b/people/3028.html
index fbff8da8..445907c1 100644
--- a/people/3028.html
+++ b/people/3028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3029.html b/people/3029.html
index 23e91c48..5bda1aa6 100644
--- a/people/3029.html
+++ b/people/3029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/303.html b/people/303.html
index f7a90748..57bbe2ce 100644
--- a/people/303.html
+++ b/people/303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3030.html b/people/3030.html
index fbd9c76d..951e9f62 100644
--- a/people/3030.html
+++ b/people/3030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3031.html b/people/3031.html
index c56592fa..657a5165 100644
--- a/people/3031.html
+++ b/people/3031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3032.html b/people/3032.html
index d0b1dfd2..1e483902 100644
--- a/people/3032.html
+++ b/people/3032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3033.html b/people/3033.html
index 0f19aa9e..1bd2d9b1 100644
--- a/people/3033.html
+++ b/people/3033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3034.html b/people/3034.html
index 1db3d01c..85887a0f 100644
--- a/people/3034.html
+++ b/people/3034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3035.html b/people/3035.html
index bac08ae8..11ca3df6 100644
--- a/people/3035.html
+++ b/people/3035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3036.html b/people/3036.html
index 1e2dcae8..ff7dc6f1 100644
--- a/people/3036.html
+++ b/people/3036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3037.html b/people/3037.html
index a9267c80..5ae6c16e 100644
--- a/people/3037.html
+++ b/people/3037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3038.html b/people/3038.html
index fbefa086..b147e1a6 100644
--- a/people/3038.html
+++ b/people/3038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3039.html b/people/3039.html
index c47d14dc..751cc04e 100644
--- a/people/3039.html
+++ b/people/3039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/304.html b/people/304.html
index f2b4580e..a04d6220 100644
--- a/people/304.html
+++ b/people/304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3040.html b/people/3040.html
index 3c1953dd..ff95c396 100644
--- a/people/3040.html
+++ b/people/3040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3041.html b/people/3041.html
index ad2b56fd..edaa29fa 100644
--- a/people/3041.html
+++ b/people/3041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3042.html b/people/3042.html
index dfb835c0..2cc64b7e 100644
--- a/people/3042.html
+++ b/people/3042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3043.html b/people/3043.html
index 48784695..b601bceb 100644
--- a/people/3043.html
+++ b/people/3043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3044.html b/people/3044.html
index 0339503e..19374d7e 100644
--- a/people/3044.html
+++ b/people/3044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3045.html b/people/3045.html
index 381fa6fc..bf8102a6 100644
--- a/people/3045.html
+++ b/people/3045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3046.html b/people/3046.html
index 70b8e011..40945694 100644
--- a/people/3046.html
+++ b/people/3046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3047.html b/people/3047.html
index 76fe8115..c86672f3 100644
--- a/people/3047.html
+++ b/people/3047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3048.html b/people/3048.html
index 9be5439d..29276b6f 100644
--- a/people/3048.html
+++ b/people/3048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3049.html b/people/3049.html
index 945b4eca..0a8ae150 100644
--- a/people/3049.html
+++ b/people/3049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/305.html b/people/305.html
index 9d1bda19..7dc97d43 100644
--- a/people/305.html
+++ b/people/305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3050.html b/people/3050.html
index f7cd7a92..c5c9e590 100644
--- a/people/3050.html
+++ b/people/3050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3051.html b/people/3051.html
index 7a4c40a5..3d74270d 100644
--- a/people/3051.html
+++ b/people/3051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3052.html b/people/3052.html
index 71c7c331..677b120d 100644
--- a/people/3052.html
+++ b/people/3052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3053.html b/people/3053.html
index c073d857..ceebd069 100644
--- a/people/3053.html
+++ b/people/3053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3054.html b/people/3054.html
index 1e302210..92d0d5e9 100644
--- a/people/3054.html
+++ b/people/3054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3055.html b/people/3055.html
index 529a2604..d563bee3 100644
--- a/people/3055.html
+++ b/people/3055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3056.html b/people/3056.html
index 778b5882..bc9c7840 100644
--- a/people/3056.html
+++ b/people/3056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3057.html b/people/3057.html
index 7d0545d6..7d0e1673 100644
--- a/people/3057.html
+++ b/people/3057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3058.html b/people/3058.html
index 92e33b58..ef58b13e 100644
--- a/people/3058.html
+++ b/people/3058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3059.html b/people/3059.html
index 99352969..9e6b84db 100644
--- a/people/3059.html
+++ b/people/3059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/306.html b/people/306.html
index 9fe9fb09..b5c48470 100644
--- a/people/306.html
+++ b/people/306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3060.html b/people/3060.html
index d2f385b3..f57f6cee 100644
--- a/people/3060.html
+++ b/people/3060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3061.html b/people/3061.html
index 606aacc1..16b3ac4e 100644
--- a/people/3061.html
+++ b/people/3061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3062.html b/people/3062.html
index ba1ab363..ea92b0d1 100644
--- a/people/3062.html
+++ b/people/3062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3063.html b/people/3063.html
index 8ad1aaaa..59a383a2 100644
--- a/people/3063.html
+++ b/people/3063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3064.html b/people/3064.html
index 78651bcc..b0443497 100644
--- a/people/3064.html
+++ b/people/3064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3065.html b/people/3065.html
index 6d035fbf..d98f7caf 100644
--- a/people/3065.html
+++ b/people/3065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3066.html b/people/3066.html
index caa61631..36e16089 100644
--- a/people/3066.html
+++ b/people/3066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3067.html b/people/3067.html
index 8ee13c0a..ae43a64c 100644
--- a/people/3067.html
+++ b/people/3067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3068.html b/people/3068.html
index 38e5f6de..a73aef4d 100644
--- a/people/3068.html
+++ b/people/3068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3069.html b/people/3069.html
index 66c7a3ae..4d58dbc9 100644
--- a/people/3069.html
+++ b/people/3069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/307.html b/people/307.html
index 68c77cab..db7de3e2 100644
--- a/people/307.html
+++ b/people/307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3070.html b/people/3070.html
index acf48e51..719edb67 100644
--- a/people/3070.html
+++ b/people/3070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3071.html b/people/3071.html
index 6c3bab87..0c6a339b 100644
--- a/people/3071.html
+++ b/people/3071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3072.html b/people/3072.html
index 96675822..613475bb 100644
--- a/people/3072.html
+++ b/people/3072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3073.html b/people/3073.html
index a77fd761..b21b1da3 100644
--- a/people/3073.html
+++ b/people/3073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3074.html b/people/3074.html
index ac78f67e..9ad8cb01 100644
--- a/people/3074.html
+++ b/people/3074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3075.html b/people/3075.html
index 91089b97..801cd0bc 100644
--- a/people/3075.html
+++ b/people/3075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3076.html b/people/3076.html
index 51643a34..1a9fd1da 100644
--- a/people/3076.html
+++ b/people/3076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3077.html b/people/3077.html
index 79df257d..2a21e9c1 100644
--- a/people/3077.html
+++ b/people/3077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3078.html b/people/3078.html
index f2ae75df..0b74dde4 100644
--- a/people/3078.html
+++ b/people/3078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3079.html b/people/3079.html
index 5ce6e8f4..7cec533a 100644
--- a/people/3079.html
+++ b/people/3079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/308.html b/people/308.html
index d62868fa..11cf4b17 100644
--- a/people/308.html
+++ b/people/308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3080.html b/people/3080.html
index 2db38136..39dedbb1 100644
--- a/people/3080.html
+++ b/people/3080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3081.html b/people/3081.html
index 354236cf..177838a2 100644
--- a/people/3081.html
+++ b/people/3081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3082.html b/people/3082.html
index a5c3ee1d..916cde8a 100644
--- a/people/3082.html
+++ b/people/3082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3083.html b/people/3083.html
index c6bcb5da..b22d38f6 100644
--- a/people/3083.html
+++ b/people/3083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3084.html b/people/3084.html
index caca6054..887fba78 100644
--- a/people/3084.html
+++ b/people/3084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3085.html b/people/3085.html
index 0bbf087f..f967141d 100644
--- a/people/3085.html
+++ b/people/3085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3086.html b/people/3086.html
index 0f347ef6..9beec5db 100644
--- a/people/3086.html
+++ b/people/3086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3087.html b/people/3087.html
index b6a25378..4f74c2d2 100644
--- a/people/3087.html
+++ b/people/3087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3088.html b/people/3088.html
index 3f617ede..d281474a 100644
--- a/people/3088.html
+++ b/people/3088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3089.html b/people/3089.html
index ba9839d0..58d05f8b 100644
--- a/people/3089.html
+++ b/people/3089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/309.html b/people/309.html
index 659bbac5..0f659e35 100644
--- a/people/309.html
+++ b/people/309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3090.html b/people/3090.html
index 39b53c99..37c202cd 100644
--- a/people/3090.html
+++ b/people/3090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3091.html b/people/3091.html
index d7f87b82..231cdd1d 100644
--- a/people/3091.html
+++ b/people/3091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3092.html b/people/3092.html
index 440732e3..cb81d930 100644
--- a/people/3092.html
+++ b/people/3092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3093.html b/people/3093.html
index cbbe56ac..71751564 100644
--- a/people/3093.html
+++ b/people/3093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3094.html b/people/3094.html
index f6f2709d..65fc62c6 100644
--- a/people/3094.html
+++ b/people/3094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3095.html b/people/3095.html
index 3b5e5078..c58c43cf 100644
--- a/people/3095.html
+++ b/people/3095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3096.html b/people/3096.html
index 907e80af..fcfed338 100644
--- a/people/3096.html
+++ b/people/3096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3097.html b/people/3097.html
index 3f33db2f..bd86d266 100644
--- a/people/3097.html
+++ b/people/3097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3098.html b/people/3098.html
index 69dc88e8..96966580 100644
--- a/people/3098.html
+++ b/people/3098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3099.html b/people/3099.html
index ce088608..730de52d 100644
--- a/people/3099.html
+++ b/people/3099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/31.html b/people/31.html
index 051bd73a..193eefaf 100644
--- a/people/31.html
+++ b/people/31.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/310.html b/people/310.html
index 35fb5571..7aeb8cd6 100644
--- a/people/310.html
+++ b/people/310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3100.html b/people/3100.html
index 1885df43..30a3e86e 100644
--- a/people/3100.html
+++ b/people/3100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3101.html b/people/3101.html
index eb698f61..8f1d167d 100644
--- a/people/3101.html
+++ b/people/3101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3102.html b/people/3102.html
index 43602445..efbe3234 100644
--- a/people/3102.html
+++ b/people/3102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3103.html b/people/3103.html
index e05083cc..36d09844 100644
--- a/people/3103.html
+++ b/people/3103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3104.html b/people/3104.html
index 74530fc0..2640c63e 100644
--- a/people/3104.html
+++ b/people/3104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3105.html b/people/3105.html
index 6c6232f2..699ca9ae 100644
--- a/people/3105.html
+++ b/people/3105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3106.html b/people/3106.html
index d7fbb97c..85d5e027 100644
--- a/people/3106.html
+++ b/people/3106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3107.html b/people/3107.html
index ef597685..b5e0cd90 100644
--- a/people/3107.html
+++ b/people/3107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3108.html b/people/3108.html
index 3dca7726..9a2b7c5d 100644
--- a/people/3108.html
+++ b/people/3108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3109.html b/people/3109.html
index 56f83dbd..b909649a 100644
--- a/people/3109.html
+++ b/people/3109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/311.html b/people/311.html
index 082058a0..d78c09e3 100644
--- a/people/311.html
+++ b/people/311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3110.html b/people/3110.html
index 7d01310b..363082e1 100644
--- a/people/3110.html
+++ b/people/3110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3111.html b/people/3111.html
index c97d9fd3..beb7cb7e 100644
--- a/people/3111.html
+++ b/people/3111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3112.html b/people/3112.html
index c4e327ea..639ce7dc 100644
--- a/people/3112.html
+++ b/people/3112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3113.html b/people/3113.html
index 8d7e5996..a59df30f 100644
--- a/people/3113.html
+++ b/people/3113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3114.html b/people/3114.html
index fb92ab92..d70afde7 100644
--- a/people/3114.html
+++ b/people/3114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3115.html b/people/3115.html
index 8c430de1..ddc2129b 100644
--- a/people/3115.html
+++ b/people/3115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3116.html b/people/3116.html
index aa0501d8..a5c087d3 100644
--- a/people/3116.html
+++ b/people/3116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3117.html b/people/3117.html
index b293baf1..3a59e23b 100644
--- a/people/3117.html
+++ b/people/3117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3118.html b/people/3118.html
index 1f20e0d1..3316fc64 100644
--- a/people/3118.html
+++ b/people/3118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3119.html b/people/3119.html
index c9f86b47..621ad222 100644
--- a/people/3119.html
+++ b/people/3119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/312.html b/people/312.html
index cb5698d7..f29c3a43 100644
--- a/people/312.html
+++ b/people/312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3120.html b/people/3120.html
index b7d62a0c..ded52882 100644
--- a/people/3120.html
+++ b/people/3120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3121.html b/people/3121.html
index c93a110e..ee8d80f3 100644
--- a/people/3121.html
+++ b/people/3121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3122.html b/people/3122.html
index 5f1d891a..5be3cab8 100644
--- a/people/3122.html
+++ b/people/3122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3123.html b/people/3123.html
index cecd0008..a94b6031 100644
--- a/people/3123.html
+++ b/people/3123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3124.html b/people/3124.html
index fb8d04a4..28ed48ce 100644
--- a/people/3124.html
+++ b/people/3124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3125.html b/people/3125.html
index 60a62da1..e9ac0620 100644
--- a/people/3125.html
+++ b/people/3125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3126.html b/people/3126.html
index 3b6c0bed..c07ee838 100644
--- a/people/3126.html
+++ b/people/3126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3127.html b/people/3127.html
index e04cb05e..16bde9de 100644
--- a/people/3127.html
+++ b/people/3127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3128.html b/people/3128.html
index 86e9351b..f7926102 100644
--- a/people/3128.html
+++ b/people/3128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3129.html b/people/3129.html
index f7dc89fd..130e68c0 100644
--- a/people/3129.html
+++ b/people/3129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/313.html b/people/313.html
index 861f1c7f..f7515122 100644
--- a/people/313.html
+++ b/people/313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3130.html b/people/3130.html
index f55a8110..7149f2aa 100644
--- a/people/3130.html
+++ b/people/3130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3131.html b/people/3131.html
index 5ee4bf19..94b93f29 100644
--- a/people/3131.html
+++ b/people/3131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3132.html b/people/3132.html
index 351469f6..de6089e6 100644
--- a/people/3132.html
+++ b/people/3132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3133.html b/people/3133.html
index 51a96746..8abcd544 100644
--- a/people/3133.html
+++ b/people/3133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3134.html b/people/3134.html
index 4a6e7c64..c64bec1c 100644
--- a/people/3134.html
+++ b/people/3134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3135.html b/people/3135.html
index a01888d4..8f21939e 100644
--- a/people/3135.html
+++ b/people/3135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3136.html b/people/3136.html
index f475b9d4..101ea1ea 100644
--- a/people/3136.html
+++ b/people/3136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3137.html b/people/3137.html
index b2a0e240..744f1a54 100644
--- a/people/3137.html
+++ b/people/3137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3138.html b/people/3138.html
index 4b925b31..2c6b65d2 100644
--- a/people/3138.html
+++ b/people/3138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3139.html b/people/3139.html
index 39c46593..aeb17596 100644
--- a/people/3139.html
+++ b/people/3139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/314.html b/people/314.html
index 2e6c3ed2..e2f6cc6f 100644
--- a/people/314.html
+++ b/people/314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3140.html b/people/3140.html
index 925c53a2..f0a4028b 100644
--- a/people/3140.html
+++ b/people/3140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3141.html b/people/3141.html
index aa68ce13..3da6c1dd 100644
--- a/people/3141.html
+++ b/people/3141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3142.html b/people/3142.html
index 5250d4ba..de5fb323 100644
--- a/people/3142.html
+++ b/people/3142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3143.html b/people/3143.html
index fbe6f236..6b433889 100644
--- a/people/3143.html
+++ b/people/3143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3144.html b/people/3144.html
index 0c038236..c738192a 100644
--- a/people/3144.html
+++ b/people/3144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3145.html b/people/3145.html
index 40d5ce99..500077fb 100644
--- a/people/3145.html
+++ b/people/3145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3146.html b/people/3146.html
index 4133cb0a..adb53b24 100644
--- a/people/3146.html
+++ b/people/3146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3147.html b/people/3147.html
index 6271505d..b5e8520c 100644
--- a/people/3147.html
+++ b/people/3147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3148.html b/people/3148.html
index b680762c..c135192d 100644
--- a/people/3148.html
+++ b/people/3148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3149.html b/people/3149.html
index 84703344..cafcf493 100644
--- a/people/3149.html
+++ b/people/3149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/315.html b/people/315.html
index c0c004c5..0df9b2fe 100644
--- a/people/315.html
+++ b/people/315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3150.html b/people/3150.html
index 1404def7..d8059446 100644
--- a/people/3150.html
+++ b/people/3150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3151.html b/people/3151.html
index a96c3026..302c607b 100644
--- a/people/3151.html
+++ b/people/3151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3152.html b/people/3152.html
index 476b3662..ef971a3c 100644
--- a/people/3152.html
+++ b/people/3152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3153.html b/people/3153.html
index 9d6975ee..e16bc4c7 100644
--- a/people/3153.html
+++ b/people/3153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3154.html b/people/3154.html
index d5e2371c..9cb42cd4 100644
--- a/people/3154.html
+++ b/people/3154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3155.html b/people/3155.html
index e53697f9..1a23a26b 100644
--- a/people/3155.html
+++ b/people/3155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3156.html b/people/3156.html
index d9dd9dd4..9c5ba9b4 100644
--- a/people/3156.html
+++ b/people/3156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3157.html b/people/3157.html
index 42d6e1d0..9085c73b 100644
--- a/people/3157.html
+++ b/people/3157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3158.html b/people/3158.html
index bcefc39b..65f572fe 100644
--- a/people/3158.html
+++ b/people/3158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3159.html b/people/3159.html
index 9c83d8d1..29587aad 100644
--- a/people/3159.html
+++ b/people/3159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/316.html b/people/316.html
index da0b18ab..9312833a 100644
--- a/people/316.html
+++ b/people/316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3160.html b/people/3160.html
index 293965a6..d06b1935 100644
--- a/people/3160.html
+++ b/people/3160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3161.html b/people/3161.html
index b7606e79..55ce676b 100644
--- a/people/3161.html
+++ b/people/3161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3162.html b/people/3162.html
index 42053f41..31dd5704 100644
--- a/people/3162.html
+++ b/people/3162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3163.html b/people/3163.html
index 78bf35c9..a32161b7 100644
--- a/people/3163.html
+++ b/people/3163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3164.html b/people/3164.html
index 17ac88e5..1fbe14e7 100644
--- a/people/3164.html
+++ b/people/3164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3165.html b/people/3165.html
index e35c170d..3d46ccd2 100644
--- a/people/3165.html
+++ b/people/3165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3166.html b/people/3166.html
index f077167f..973562ee 100644
--- a/people/3166.html
+++ b/people/3166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3167.html b/people/3167.html
index 217cefbd..56014134 100644
--- a/people/3167.html
+++ b/people/3167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3168.html b/people/3168.html
index 018584f1..2f949bbe 100644
--- a/people/3168.html
+++ b/people/3168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3169.html b/people/3169.html
index 547442c8..8e8b2312 100644
--- a/people/3169.html
+++ b/people/3169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/317.html b/people/317.html
index a2cf3554..181e2db9 100644
--- a/people/317.html
+++ b/people/317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3170.html b/people/3170.html
index 21814ea9..7b60cc08 100644
--- a/people/3170.html
+++ b/people/3170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3171.html b/people/3171.html
index cf92871f..46668946 100644
--- a/people/3171.html
+++ b/people/3171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3172.html b/people/3172.html
index 9254e1a8..ad4d0961 100644
--- a/people/3172.html
+++ b/people/3172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3173.html b/people/3173.html
index f2787c1e..7118dec3 100644
--- a/people/3173.html
+++ b/people/3173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3174.html b/people/3174.html
index 0ec6d314..684bbb65 100644
--- a/people/3174.html
+++ b/people/3174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3175.html b/people/3175.html
index 1cb894a9..b927eb33 100644
--- a/people/3175.html
+++ b/people/3175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3176.html b/people/3176.html
index 9758d446..1d518114 100644
--- a/people/3176.html
+++ b/people/3176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3177.html b/people/3177.html
index 948161ce..fd413cca 100644
--- a/people/3177.html
+++ b/people/3177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3178.html b/people/3178.html
index 7ff46b8b..d34c58f7 100644
--- a/people/3178.html
+++ b/people/3178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3179.html b/people/3179.html
index e6789999..662348de 100644
--- a/people/3179.html
+++ b/people/3179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/318.html b/people/318.html
index 57ba099d..030ab127 100644
--- a/people/318.html
+++ b/people/318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3180.html b/people/3180.html
index 62f47398..f8eaef5e 100644
--- a/people/3180.html
+++ b/people/3180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3181.html b/people/3181.html
index a7fd2bad..3ae46e46 100644
--- a/people/3181.html
+++ b/people/3181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3182.html b/people/3182.html
index e674c0a8..22b53ca4 100644
--- a/people/3182.html
+++ b/people/3182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3183.html b/people/3183.html
index 764b2dd0..79246e61 100644
--- a/people/3183.html
+++ b/people/3183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3184.html b/people/3184.html
index 16698b33..f4410eac 100644
--- a/people/3184.html
+++ b/people/3184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3185.html b/people/3185.html
index 93116b20..cf28c674 100644
--- a/people/3185.html
+++ b/people/3185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3186.html b/people/3186.html
index 94371e0d..3bd1513a 100644
--- a/people/3186.html
+++ b/people/3186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3187.html b/people/3187.html
index befc37e8..f6df01cc 100644
--- a/people/3187.html
+++ b/people/3187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3188.html b/people/3188.html
index 6e7e1994..445290b7 100644
--- a/people/3188.html
+++ b/people/3188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3189.html b/people/3189.html
index beb3dd85..438f1a7a 100644
--- a/people/3189.html
+++ b/people/3189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/319.html b/people/319.html
index ee65de05..a0c06235 100644
--- a/people/319.html
+++ b/people/319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3190.html b/people/3190.html
index 27d544bb..e59f03ba 100644
--- a/people/3190.html
+++ b/people/3190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3191.html b/people/3191.html
index 19c3b0e0..d1ac9c4e 100644
--- a/people/3191.html
+++ b/people/3191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3192.html b/people/3192.html
index d86ea9d6..d7df6c61 100644
--- a/people/3192.html
+++ b/people/3192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3193.html b/people/3193.html
index 8ab4df31..65018640 100644
--- a/people/3193.html
+++ b/people/3193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3194.html b/people/3194.html
index 391e5535..8c8c52de 100644
--- a/people/3194.html
+++ b/people/3194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3195.html b/people/3195.html
index 18043c98..f720acda 100644
--- a/people/3195.html
+++ b/people/3195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3196.html b/people/3196.html
index 6e5258bd..e831e21e 100644
--- a/people/3196.html
+++ b/people/3196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3197.html b/people/3197.html
index 4f5b8d2e..5987f6ce 100644
--- a/people/3197.html
+++ b/people/3197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3198.html b/people/3198.html
index d53d933b..a622f519 100644
--- a/people/3198.html
+++ b/people/3198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3199.html b/people/3199.html
index f40eb1c6..f81661b3 100644
--- a/people/3199.html
+++ b/people/3199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/32.html b/people/32.html
index cd1a17fc..583e99ae 100644
--- a/people/32.html
+++ b/people/32.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/320.html b/people/320.html
index 0bf2fe4a..62f04b30 100644
--- a/people/320.html
+++ b/people/320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3200.html b/people/3200.html
index 02b5fba9..b8988a22 100644
--- a/people/3200.html
+++ b/people/3200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3201.html b/people/3201.html
index a58259cd..e56f14fc 100644
--- a/people/3201.html
+++ b/people/3201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3202.html b/people/3202.html
index e773717e..49318548 100644
--- a/people/3202.html
+++ b/people/3202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3203.html b/people/3203.html
index 1e03c07e..1e5196b0 100644
--- a/people/3203.html
+++ b/people/3203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3204.html b/people/3204.html
index 11cd121e..cb74a555 100644
--- a/people/3204.html
+++ b/people/3204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3205.html b/people/3205.html
index 0e9ffddb..bb2d2e1e 100644
--- a/people/3205.html
+++ b/people/3205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3206.html b/people/3206.html
index 635895ea..1a7aa252 100644
--- a/people/3206.html
+++ b/people/3206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3207.html b/people/3207.html
index dc3e0e2e..2e06a1bc 100644
--- a/people/3207.html
+++ b/people/3207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3208.html b/people/3208.html
index a5b11083..5f749ca7 100644
--- a/people/3208.html
+++ b/people/3208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3209.html b/people/3209.html
index a6fb5fb0..84579f53 100644
--- a/people/3209.html
+++ b/people/3209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/321.html b/people/321.html
index f143499c..504c2558 100644
--- a/people/321.html
+++ b/people/321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3210.html b/people/3210.html
index c018b60e..f1f36cc0 100644
--- a/people/3210.html
+++ b/people/3210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3211.html b/people/3211.html
index 1f8826b5..6e7dfecd 100644
--- a/people/3211.html
+++ b/people/3211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3212.html b/people/3212.html
index 49474264..fdcf21f0 100644
--- a/people/3212.html
+++ b/people/3212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3213.html b/people/3213.html
index df97914f..350b0147 100644
--- a/people/3213.html
+++ b/people/3213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3214.html b/people/3214.html
index acbafa88..47f6c211 100644
--- a/people/3214.html
+++ b/people/3214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3215.html b/people/3215.html
index 1e0b3a8f..3c94b2a6 100644
--- a/people/3215.html
+++ b/people/3215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3216.html b/people/3216.html
index 06409b82..b3eb8b97 100644
--- a/people/3216.html
+++ b/people/3216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3217.html b/people/3217.html
index 3b3520fe..2e36eacc 100644
--- a/people/3217.html
+++ b/people/3217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3218.html b/people/3218.html
index 1157ac8a..417a7ce6 100644
--- a/people/3218.html
+++ b/people/3218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3219.html b/people/3219.html
index c70ba9b5..8c71f0ae 100644
--- a/people/3219.html
+++ b/people/3219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/322.html b/people/322.html
index 9b40b840..0e815b23 100644
--- a/people/322.html
+++ b/people/322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3221.html b/people/3221.html
index 976141be..52aa3206 100644
--- a/people/3221.html
+++ b/people/3221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3222.html b/people/3222.html
index fefd957e..848d047a 100644
--- a/people/3222.html
+++ b/people/3222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3223.html b/people/3223.html
index 5d8a85de..4c9ef583 100644
--- a/people/3223.html
+++ b/people/3223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3224.html b/people/3224.html
index e275eb6d..ed42db72 100644
--- a/people/3224.html
+++ b/people/3224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3225.html b/people/3225.html
index 06b53a8b..a8ee3060 100644
--- a/people/3225.html
+++ b/people/3225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3226.html b/people/3226.html
index df90b873..887ba0b5 100644
--- a/people/3226.html
+++ b/people/3226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3227.html b/people/3227.html
index ec7b31c7..f0ba3a6a 100644
--- a/people/3227.html
+++ b/people/3227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3228.html b/people/3228.html
index d3607ab3..3e865345 100644
--- a/people/3228.html
+++ b/people/3228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3229.html b/people/3229.html
index 0a259850..d178c40f 100644
--- a/people/3229.html
+++ b/people/3229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/323.html b/people/323.html
index d267561e..3539bdc0 100644
--- a/people/323.html
+++ b/people/323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3230.html b/people/3230.html
index 78a03cd5..a6ea888f 100644
--- a/people/3230.html
+++ b/people/3230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3231.html b/people/3231.html
index 1818259a..a1d26538 100644
--- a/people/3231.html
+++ b/people/3231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3232.html b/people/3232.html
index 3bcc5582..4d7a37bf 100644
--- a/people/3232.html
+++ b/people/3232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3233.html b/people/3233.html
index a3ec2882..01875eb4 100644
--- a/people/3233.html
+++ b/people/3233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3234.html b/people/3234.html
index 287a95a2..124c2a9b 100644
--- a/people/3234.html
+++ b/people/3234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3235.html b/people/3235.html
index 6f83b23e..bc4d3989 100644
--- a/people/3235.html
+++ b/people/3235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3236.html b/people/3236.html
index 866d1d6d..203d23e2 100644
--- a/people/3236.html
+++ b/people/3236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3237.html b/people/3237.html
index 3060ddbd..52782ffc 100644
--- a/people/3237.html
+++ b/people/3237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3238.html b/people/3238.html
index d1c8896a..f466c83c 100644
--- a/people/3238.html
+++ b/people/3238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3239.html b/people/3239.html
index 3edc38d9..9c459c71 100644
--- a/people/3239.html
+++ b/people/3239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/324.html b/people/324.html
index eeb054b6..ce9453fe 100644
--- a/people/324.html
+++ b/people/324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3240.html b/people/3240.html
index 0ce45e23..1337c9ce 100644
--- a/people/3240.html
+++ b/people/3240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3241.html b/people/3241.html
index a1663425..244c418c 100644
--- a/people/3241.html
+++ b/people/3241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3242.html b/people/3242.html
index 04a93035..1c5b95e3 100644
--- a/people/3242.html
+++ b/people/3242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3243.html b/people/3243.html
index b4f59b91..38aa138d 100644
--- a/people/3243.html
+++ b/people/3243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3244.html b/people/3244.html
index 3b671de8..a28f087f 100644
--- a/people/3244.html
+++ b/people/3244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3245.html b/people/3245.html
index f61b6e08..e1537514 100644
--- a/people/3245.html
+++ b/people/3245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3246.html b/people/3246.html
index cd755eae..ebd81a7c 100644
--- a/people/3246.html
+++ b/people/3246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3247.html b/people/3247.html
index 3425788b..1d03ff40 100644
--- a/people/3247.html
+++ b/people/3247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3248.html b/people/3248.html
index 0069432b..4a3e00bf 100644
--- a/people/3248.html
+++ b/people/3248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3249.html b/people/3249.html
index 53915e51..d5c98002 100644
--- a/people/3249.html
+++ b/people/3249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/325.html b/people/325.html
index 31655e82..8a49bb80 100644
--- a/people/325.html
+++ b/people/325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3250.html b/people/3250.html
index f07c7b12..27317534 100644
--- a/people/3250.html
+++ b/people/3250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3251.html b/people/3251.html
index 5fab2862..feda537c 100644
--- a/people/3251.html
+++ b/people/3251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3252.html b/people/3252.html
index 24cf7daf..3f9acf9d 100644
--- a/people/3252.html
+++ b/people/3252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3253.html b/people/3253.html
index 918a3d28..2b2c999f 100644
--- a/people/3253.html
+++ b/people/3253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3254.html b/people/3254.html
index 30a15afd..8e3ed76e 100644
--- a/people/3254.html
+++ b/people/3254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3255.html b/people/3255.html
index e34b7478..bd364cc0 100644
--- a/people/3255.html
+++ b/people/3255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3256.html b/people/3256.html
index 4416db33..a097f03b 100644
--- a/people/3256.html
+++ b/people/3256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3257.html b/people/3257.html
index 89ccfeba..7e10dd7e 100644
--- a/people/3257.html
+++ b/people/3257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3258.html b/people/3258.html
index 81b20da1..101bcfa4 100644
--- a/people/3258.html
+++ b/people/3258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3259.html b/people/3259.html
index 2ee728c0..400cebd0 100644
--- a/people/3259.html
+++ b/people/3259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/326.html b/people/326.html
index 2f3af4a1..134c0c25 100644
--- a/people/326.html
+++ b/people/326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3260.html b/people/3260.html
index 8696f444..05b132eb 100644
--- a/people/3260.html
+++ b/people/3260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3261.html b/people/3261.html
index 3b0c5974..7f40d5fb 100644
--- a/people/3261.html
+++ b/people/3261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3262.html b/people/3262.html
index 41f31c3e..66e327f4 100644
--- a/people/3262.html
+++ b/people/3262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3263.html b/people/3263.html
index 52cf19bb..73242ef4 100644
--- a/people/3263.html
+++ b/people/3263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3264.html b/people/3264.html
index 55d1f715..c5182145 100644
--- a/people/3264.html
+++ b/people/3264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3265.html b/people/3265.html
index f0b42bc5..b29d82c6 100644
--- a/people/3265.html
+++ b/people/3265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3266.html b/people/3266.html
index c67b107a..0a65f738 100644
--- a/people/3266.html
+++ b/people/3266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3267.html b/people/3267.html
index c6b4d1a2..c2e4d914 100644
--- a/people/3267.html
+++ b/people/3267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3268.html b/people/3268.html
index 73690b1b..3de3f365 100644
--- a/people/3268.html
+++ b/people/3268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3269.html b/people/3269.html
index 2014dd32..2e4efc76 100644
--- a/people/3269.html
+++ b/people/3269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/327.html b/people/327.html
index 248f1582..cb9b8a1f 100644
--- a/people/327.html
+++ b/people/327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3270.html b/people/3270.html
index b949eaa3..b7b68ed6 100644
--- a/people/3270.html
+++ b/people/3270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3271.html b/people/3271.html
index af8f4101..20acb139 100644
--- a/people/3271.html
+++ b/people/3271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3272.html b/people/3272.html
index 66b1ee73..9ef1e0e9 100644
--- a/people/3272.html
+++ b/people/3272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3273.html b/people/3273.html
index cbbb06a1..58cfb2c7 100644
--- a/people/3273.html
+++ b/people/3273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3274.html b/people/3274.html
index e69a6bee..ad8b2342 100644
--- a/people/3274.html
+++ b/people/3274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3275.html b/people/3275.html
index e5425e46..016148af 100644
--- a/people/3275.html
+++ b/people/3275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3276.html b/people/3276.html
index 77ce53eb..818bb35b 100644
--- a/people/3276.html
+++ b/people/3276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3277.html b/people/3277.html
index 83b11931..fb16b0a2 100644
--- a/people/3277.html
+++ b/people/3277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3278.html b/people/3278.html
index d60ddac5..018deb09 100644
--- a/people/3278.html
+++ b/people/3278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3279.html b/people/3279.html
index 2b7ee2dd..abfa8332 100644
--- a/people/3279.html
+++ b/people/3279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/328.html b/people/328.html
index 412cf9ef..81e277b9 100644
--- a/people/328.html
+++ b/people/328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3280.html b/people/3280.html
index 8a13fdd8..9e5711c3 100644
--- a/people/3280.html
+++ b/people/3280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3281.html b/people/3281.html
index 38afd495..95ac26bc 100644
--- a/people/3281.html
+++ b/people/3281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3282.html b/people/3282.html
index bbdf79a4..87480706 100644
--- a/people/3282.html
+++ b/people/3282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3283.html b/people/3283.html
index 2f59507e..66341b3f 100644
--- a/people/3283.html
+++ b/people/3283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3284.html b/people/3284.html
index 216af06b..3905749e 100644
--- a/people/3284.html
+++ b/people/3284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3285.html b/people/3285.html
index 7ed4273d..1dab5db0 100644
--- a/people/3285.html
+++ b/people/3285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3286.html b/people/3286.html
index 0712ac34..ef488aa5 100644
--- a/people/3286.html
+++ b/people/3286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3287.html b/people/3287.html
index 3ad762d8..2b2a1689 100644
--- a/people/3287.html
+++ b/people/3287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3288.html b/people/3288.html
index a3bb7fd6..7a82db4f 100644
--- a/people/3288.html
+++ b/people/3288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3289.html b/people/3289.html
index 7cf06fdb..15dbbad0 100644
--- a/people/3289.html
+++ b/people/3289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/329.html b/people/329.html
index f6e42c2e..f04c54b1 100644
--- a/people/329.html
+++ b/people/329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3290.html b/people/3290.html
index 25fb6ca1..ffe82db7 100644
--- a/people/3290.html
+++ b/people/3290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3291.html b/people/3291.html
index 1b3bbf89..21c4cba5 100644
--- a/people/3291.html
+++ b/people/3291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3292.html b/people/3292.html
index d4041722..ee07281d 100644
--- a/people/3292.html
+++ b/people/3292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3293.html b/people/3293.html
index 52c31a8b..3f855eac 100644
--- a/people/3293.html
+++ b/people/3293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3294.html b/people/3294.html
index 7461bd52..281347db 100644
--- a/people/3294.html
+++ b/people/3294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3295.html b/people/3295.html
index 6e7b8032..0ce7a676 100644
--- a/people/3295.html
+++ b/people/3295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3296.html b/people/3296.html
index 677328f2..0e2bfe89 100644
--- a/people/3296.html
+++ b/people/3296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3297.html b/people/3297.html
index f561d06b..141e4dee 100644
--- a/people/3297.html
+++ b/people/3297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3298.html b/people/3298.html
index 6b4dddd6..bac5fa8b 100644
--- a/people/3298.html
+++ b/people/3298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3299.html b/people/3299.html
index cfc5d6ce..da7df279 100644
--- a/people/3299.html
+++ b/people/3299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/33.html b/people/33.html
index c7ac1a1a..9f683283 100644
--- a/people/33.html
+++ b/people/33.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/330.html b/people/330.html
index 0f5f1896..b16a5a1f 100644
--- a/people/330.html
+++ b/people/330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3300.html b/people/3300.html
index d00a5a7e..18eaa1df 100644
--- a/people/3300.html
+++ b/people/3300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3301.html b/people/3301.html
index a3dc565d..e094ead4 100644
--- a/people/3301.html
+++ b/people/3301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3302.html b/people/3302.html
index 6e6c4022..26dad618 100644
--- a/people/3302.html
+++ b/people/3302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3303.html b/people/3303.html
index 630c67a9..7e2ee9d5 100644
--- a/people/3303.html
+++ b/people/3303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3304.html b/people/3304.html
index e7b7e503..38aeaad3 100644
--- a/people/3304.html
+++ b/people/3304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3305.html b/people/3305.html
index be1b23a0..66906c75 100644
--- a/people/3305.html
+++ b/people/3305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3306.html b/people/3306.html
index 1d201b83..a4a610c0 100644
--- a/people/3306.html
+++ b/people/3306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3307.html b/people/3307.html
index 9b19eea5..29757a25 100644
--- a/people/3307.html
+++ b/people/3307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3308.html b/people/3308.html
index 2d062a80..b7113b08 100644
--- a/people/3308.html
+++ b/people/3308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3309.html b/people/3309.html
index 3b207f26..4276b28b 100644
--- a/people/3309.html
+++ b/people/3309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/331.html b/people/331.html
index 957dc8c8..a8ae3336 100644
--- a/people/331.html
+++ b/people/331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3310.html b/people/3310.html
index c49048a5..911811de 100644
--- a/people/3310.html
+++ b/people/3310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3311.html b/people/3311.html
index de6c022c..a8e43f3c 100644
--- a/people/3311.html
+++ b/people/3311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3312.html b/people/3312.html
index b383f4b8..5e572b46 100644
--- a/people/3312.html
+++ b/people/3312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3313.html b/people/3313.html
index 5b4c52a6..c4bc3082 100644
--- a/people/3313.html
+++ b/people/3313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3314.html b/people/3314.html
index a19eace1..1eac20ff 100644
--- a/people/3314.html
+++ b/people/3314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3315.html b/people/3315.html
index 67cbf961..5292deaa 100644
--- a/people/3315.html
+++ b/people/3315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3316.html b/people/3316.html
index eace39ec..95f7d327 100644
--- a/people/3316.html
+++ b/people/3316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3317.html b/people/3317.html
index b3711d5e..7c4d16ba 100644
--- a/people/3317.html
+++ b/people/3317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3318.html b/people/3318.html
index 790df914..e245f48d 100644
--- a/people/3318.html
+++ b/people/3318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3319.html b/people/3319.html
index a2e16fde..8bb7f439 100644
--- a/people/3319.html
+++ b/people/3319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/332.html b/people/332.html
index 6a047e38..c96fc192 100644
--- a/people/332.html
+++ b/people/332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3320.html b/people/3320.html
index 882b8854..2380dbbe 100644
--- a/people/3320.html
+++ b/people/3320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3321.html b/people/3321.html
index 165a3aef..c40ab934 100644
--- a/people/3321.html
+++ b/people/3321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3322.html b/people/3322.html
index 472e80e8..e167c5e5 100644
--- a/people/3322.html
+++ b/people/3322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3323.html b/people/3323.html
index c3c6f671..569baf17 100644
--- a/people/3323.html
+++ b/people/3323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3324.html b/people/3324.html
index 8a6a24d1..baa8f905 100644
--- a/people/3324.html
+++ b/people/3324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3325.html b/people/3325.html
index cf77649b..586ab4d2 100644
--- a/people/3325.html
+++ b/people/3325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3326.html b/people/3326.html
index 1fec53b9..398aab91 100644
--- a/people/3326.html
+++ b/people/3326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3327.html b/people/3327.html
index 8da8549f..e4d74286 100644
--- a/people/3327.html
+++ b/people/3327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3328.html b/people/3328.html
index eeab68d1..ac831a22 100644
--- a/people/3328.html
+++ b/people/3328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3329.html b/people/3329.html
index 065fda78..4ec9120d 100644
--- a/people/3329.html
+++ b/people/3329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/333.html b/people/333.html
index 9e358c8e..f0eacd4a 100644
--- a/people/333.html
+++ b/people/333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3330.html b/people/3330.html
index 8b656be2..aaf710e1 100644
--- a/people/3330.html
+++ b/people/3330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3331.html b/people/3331.html
index 8dcd0267..18e2f78f 100644
--- a/people/3331.html
+++ b/people/3331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3332.html b/people/3332.html
index 0097925f..012ac6fe 100644
--- a/people/3332.html
+++ b/people/3332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3333.html b/people/3333.html
index 3917b7e6..e181b3b5 100644
--- a/people/3333.html
+++ b/people/3333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3334.html b/people/3334.html
index 087bfe41..282e4dd1 100644
--- a/people/3334.html
+++ b/people/3334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3335.html b/people/3335.html
index 2825b068..83159a79 100644
--- a/people/3335.html
+++ b/people/3335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3336.html b/people/3336.html
index 804ccecc..11cb63cb 100644
--- a/people/3336.html
+++ b/people/3336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3337.html b/people/3337.html
index ff2daa45..ad19ff83 100644
--- a/people/3337.html
+++ b/people/3337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3338.html b/people/3338.html
index 3419efdb..27f2e31f 100644
--- a/people/3338.html
+++ b/people/3338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3339.html b/people/3339.html
index 92b0ceb9..f2ea088f 100644
--- a/people/3339.html
+++ b/people/3339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/334.html b/people/334.html
index 71751b63..59cd130f 100644
--- a/people/334.html
+++ b/people/334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3340.html b/people/3340.html
index 90e1fd67..f1fd7cd1 100644
--- a/people/3340.html
+++ b/people/3340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3341.html b/people/3341.html
index fe1b04eb..c76247d9 100644
--- a/people/3341.html
+++ b/people/3341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3342.html b/people/3342.html
index 8c3d48c8..a916f182 100644
--- a/people/3342.html
+++ b/people/3342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3343.html b/people/3343.html
index c9acc34d..db079de9 100644
--- a/people/3343.html
+++ b/people/3343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3344.html b/people/3344.html
index f603f771..9b311768 100644
--- a/people/3344.html
+++ b/people/3344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3345.html b/people/3345.html
index bbefc7cf..ad59ca0a 100644
--- a/people/3345.html
+++ b/people/3345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3346.html b/people/3346.html
index 64e42db8..d6a4e1f2 100644
--- a/people/3346.html
+++ b/people/3346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3347.html b/people/3347.html
index 11cba755..a8a4cdf0 100644
--- a/people/3347.html
+++ b/people/3347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3348.html b/people/3348.html
index 5db1dc14..291504ec 100644
--- a/people/3348.html
+++ b/people/3348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3349.html b/people/3349.html
index a65dadd3..3f2d6cce 100644
--- a/people/3349.html
+++ b/people/3349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/335.html b/people/335.html
index 499add21..4a42005b 100644
--- a/people/335.html
+++ b/people/335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3350.html b/people/3350.html
index dfc948e5..5ca25d25 100644
--- a/people/3350.html
+++ b/people/3350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3351.html b/people/3351.html
index 97d1425b..66d26fda 100644
--- a/people/3351.html
+++ b/people/3351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3352.html b/people/3352.html
index f7ee2415..701ba188 100644
--- a/people/3352.html
+++ b/people/3352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3353.html b/people/3353.html
index fd2da67b..603bf45f 100644
--- a/people/3353.html
+++ b/people/3353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3354.html b/people/3354.html
index f997dbe7..b05103b8 100644
--- a/people/3354.html
+++ b/people/3354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3355.html b/people/3355.html
index 2896d489..5ca08fc0 100644
--- a/people/3355.html
+++ b/people/3355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3356.html b/people/3356.html
index 3f6e8bf1..0da3214e 100644
--- a/people/3356.html
+++ b/people/3356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3357.html b/people/3357.html
index 81118ff8..c5fa4575 100644
--- a/people/3357.html
+++ b/people/3357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3358.html b/people/3358.html
index 4fad1c12..85e8e3ea 100644
--- a/people/3358.html
+++ b/people/3358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3359.html b/people/3359.html
index a24825a5..22c518db 100644
--- a/people/3359.html
+++ b/people/3359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/336.html b/people/336.html
index efecf6be..749c2cbb 100644
--- a/people/336.html
+++ b/people/336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3360.html b/people/3360.html
index 3e3e5124..f931be84 100644
--- a/people/3360.html
+++ b/people/3360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3361.html b/people/3361.html
index 637f16ad..1cbe735b 100644
--- a/people/3361.html
+++ b/people/3361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3362.html b/people/3362.html
index 42cf9a06..9e7a7aaf 100644
--- a/people/3362.html
+++ b/people/3362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3363.html b/people/3363.html
index 7a72223d..c0fd3468 100644
--- a/people/3363.html
+++ b/people/3363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3364.html b/people/3364.html
index 3fe4b867..4b3beeff 100644
--- a/people/3364.html
+++ b/people/3364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3365.html b/people/3365.html
index 78162c89..2324a4d9 100644
--- a/people/3365.html
+++ b/people/3365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3366.html b/people/3366.html
index cbdc97e2..30959635 100644
--- a/people/3366.html
+++ b/people/3366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3367.html b/people/3367.html
index 71069896..92bcffa5 100644
--- a/people/3367.html
+++ b/people/3367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3368.html b/people/3368.html
index 9ad791ee..cb43d0a2 100644
--- a/people/3368.html
+++ b/people/3368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3369.html b/people/3369.html
index d4004a9e..231e743e 100644
--- a/people/3369.html
+++ b/people/3369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/337.html b/people/337.html
index ca9d33ba..7ec3342e 100644
--- a/people/337.html
+++ b/people/337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3370.html b/people/3370.html
index 0e96f266..06971de3 100644
--- a/people/3370.html
+++ b/people/3370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3371.html b/people/3371.html
index ca89185d..1e846d6b 100644
--- a/people/3371.html
+++ b/people/3371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3372.html b/people/3372.html
index b2410444..d9f848bb 100644
--- a/people/3372.html
+++ b/people/3372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3373.html b/people/3373.html
index 5c87daa3..0bbbca41 100644
--- a/people/3373.html
+++ b/people/3373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3374.html b/people/3374.html
index 7d2e1358..52047bb9 100644
--- a/people/3374.html
+++ b/people/3374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3375.html b/people/3375.html
index 261dc5a8..9e509513 100644
--- a/people/3375.html
+++ b/people/3375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3376.html b/people/3376.html
index fadf70c2..b9405c49 100644
--- a/people/3376.html
+++ b/people/3376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3377.html b/people/3377.html
index f32dfe11..f1e3c9b3 100644
--- a/people/3377.html
+++ b/people/3377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3378.html b/people/3378.html
index 97a3a3b4..1f7081fb 100644
--- a/people/3378.html
+++ b/people/3378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3379.html b/people/3379.html
index 1aebfb63..44b51f75 100644
--- a/people/3379.html
+++ b/people/3379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/338.html b/people/338.html
index 1a4a7bde..d6954aa4 100644
--- a/people/338.html
+++ b/people/338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3380.html b/people/3380.html
index d80580b4..06c0c5eb 100644
--- a/people/3380.html
+++ b/people/3380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3381.html b/people/3381.html
index c0f4a782..f3130fd8 100644
--- a/people/3381.html
+++ b/people/3381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3382.html b/people/3382.html
index 53b43848..0fbfe71f 100644
--- a/people/3382.html
+++ b/people/3382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3383.html b/people/3383.html
index 7ef988d9..772ba83c 100644
--- a/people/3383.html
+++ b/people/3383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3384.html b/people/3384.html
index 359ee3c9..985706f2 100644
--- a/people/3384.html
+++ b/people/3384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3385.html b/people/3385.html
index 8c24fba0..9016de43 100644
--- a/people/3385.html
+++ b/people/3385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3386.html b/people/3386.html
index f181247d..53989a35 100644
--- a/people/3386.html
+++ b/people/3386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3387.html b/people/3387.html
index 15a10282..bf13cd27 100644
--- a/people/3387.html
+++ b/people/3387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3388.html b/people/3388.html
index fcbbd5d7..84b7ce63 100644
--- a/people/3388.html
+++ b/people/3388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3389.html b/people/3389.html
index 3ae30c59..38fdc06a 100644
--- a/people/3389.html
+++ b/people/3389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/339.html b/people/339.html
index 15e7b1ed..ffcebb28 100644
--- a/people/339.html
+++ b/people/339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3390.html b/people/3390.html
index 8fdac74f..ff3dc3b8 100644
--- a/people/3390.html
+++ b/people/3390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3391.html b/people/3391.html
index ace7dd49..0f7345f6 100644
--- a/people/3391.html
+++ b/people/3391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3392.html b/people/3392.html
index c10c9fd6..500dedf7 100644
--- a/people/3392.html
+++ b/people/3392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3393.html b/people/3393.html
index c9df2e20..aa6669a8 100644
--- a/people/3393.html
+++ b/people/3393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3394.html b/people/3394.html
index f8ae9bbb..fa32851b 100644
--- a/people/3394.html
+++ b/people/3394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3395.html b/people/3395.html
index 2b83d2ac..d36858dc 100644
--- a/people/3395.html
+++ b/people/3395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3396.html b/people/3396.html
index 8690eec5..8e874e18 100644
--- a/people/3396.html
+++ b/people/3396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3397.html b/people/3397.html
index e791c68d..7b7b3474 100644
--- a/people/3397.html
+++ b/people/3397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3398.html b/people/3398.html
index e397dfc8..8606e281 100644
--- a/people/3398.html
+++ b/people/3398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3399.html b/people/3399.html
index 7890c5e7..fb732338 100644
--- a/people/3399.html
+++ b/people/3399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/34.html b/people/34.html
index 457375eb..8a78d731 100644
--- a/people/34.html
+++ b/people/34.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/340.html b/people/340.html
index 6ec0501c..595b20a0 100644
--- a/people/340.html
+++ b/people/340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3400.html b/people/3400.html
index d5092206..3983604a 100644
--- a/people/3400.html
+++ b/people/3400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3401.html b/people/3401.html
index 775157bd..f2cc8094 100644
--- a/people/3401.html
+++ b/people/3401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3402.html b/people/3402.html
index b221874e..011eb334 100644
--- a/people/3402.html
+++ b/people/3402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3403.html b/people/3403.html
index 1e0c618a..f40f5466 100644
--- a/people/3403.html
+++ b/people/3403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3404.html b/people/3404.html
index 886efb65..9f9de009 100644
--- a/people/3404.html
+++ b/people/3404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3405.html b/people/3405.html
index 368dc045..d2a414b4 100644
--- a/people/3405.html
+++ b/people/3405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3406.html b/people/3406.html
index b08eb99b..f302e071 100644
--- a/people/3406.html
+++ b/people/3406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3407.html b/people/3407.html
index 462fa734..13f4f068 100644
--- a/people/3407.html
+++ b/people/3407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3408.html b/people/3408.html
index 20507e70..460aca1d 100644
--- a/people/3408.html
+++ b/people/3408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3409.html b/people/3409.html
index aff8b1f2..be5c963b 100644
--- a/people/3409.html
+++ b/people/3409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/341.html b/people/341.html
index d0ea5d78..dd81f4fa 100644
--- a/people/341.html
+++ b/people/341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3410.html b/people/3410.html
index c2038395..0b82f008 100644
--- a/people/3410.html
+++ b/people/3410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3411.html b/people/3411.html
index fade1235..65ac0dd2 100644
--- a/people/3411.html
+++ b/people/3411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3412.html b/people/3412.html
index a7f1ded1..55ee68f8 100644
--- a/people/3412.html
+++ b/people/3412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3413.html b/people/3413.html
index d98df0b3..a60bc0f3 100644
--- a/people/3413.html
+++ b/people/3413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3414.html b/people/3414.html
index 2e64c673..1cede88a 100644
--- a/people/3414.html
+++ b/people/3414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3415.html b/people/3415.html
index 586ee9b9..105556ea 100644
--- a/people/3415.html
+++ b/people/3415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3416.html b/people/3416.html
index bf01eb18..35504e43 100644
--- a/people/3416.html
+++ b/people/3416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3417.html b/people/3417.html
index ee91f94a..5d767f1b 100644
--- a/people/3417.html
+++ b/people/3417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3418.html b/people/3418.html
index fb078159..0a64ec76 100644
--- a/people/3418.html
+++ b/people/3418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3419.html b/people/3419.html
index 45959680..20ac2858 100644
--- a/people/3419.html
+++ b/people/3419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/342.html b/people/342.html
index b013f866..39670d21 100644
--- a/people/342.html
+++ b/people/342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3420.html b/people/3420.html
index bd300dfb..a7cae790 100644
--- a/people/3420.html
+++ b/people/3420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3421.html b/people/3421.html
index c0baa201..a20acad3 100644
--- a/people/3421.html
+++ b/people/3421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3422.html b/people/3422.html
index 2005923a..32f599c0 100644
--- a/people/3422.html
+++ b/people/3422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3423.html b/people/3423.html
index 8b379b57..d7a49458 100644
--- a/people/3423.html
+++ b/people/3423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3424.html b/people/3424.html
index cfd02441..4d758d38 100644
--- a/people/3424.html
+++ b/people/3424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3425.html b/people/3425.html
index a114e379..82b2c8d7 100644
--- a/people/3425.html
+++ b/people/3425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3426.html b/people/3426.html
index 29258270..a499eba9 100644
--- a/people/3426.html
+++ b/people/3426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3427.html b/people/3427.html
index df46a08f..4e26ff8c 100644
--- a/people/3427.html
+++ b/people/3427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3428.html b/people/3428.html
index 024de2cd..e91bfc27 100644
--- a/people/3428.html
+++ b/people/3428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3429.html b/people/3429.html
index 6c096826..76ffe610 100644
--- a/people/3429.html
+++ b/people/3429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/343.html b/people/343.html
index 19090456..2f6613a2 100644
--- a/people/343.html
+++ b/people/343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3430.html b/people/3430.html
index 640fcca3..2b5d9f0d 100644
--- a/people/3430.html
+++ b/people/3430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3431.html b/people/3431.html
index 847adec7..17f4f842 100644
--- a/people/3431.html
+++ b/people/3431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3432.html b/people/3432.html
index b7cfb86e..a97a6617 100644
--- a/people/3432.html
+++ b/people/3432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3433.html b/people/3433.html
index 5d50206e..9c5adffa 100644
--- a/people/3433.html
+++ b/people/3433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3434.html b/people/3434.html
index 0266e978..db623406 100644
--- a/people/3434.html
+++ b/people/3434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3435.html b/people/3435.html
index 5d02cfa9..6a2f2888 100644
--- a/people/3435.html
+++ b/people/3435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3436.html b/people/3436.html
index ead2c2fa..dfc7e718 100644
--- a/people/3436.html
+++ b/people/3436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3437.html b/people/3437.html
index 55793e77..042e6ed2 100644
--- a/people/3437.html
+++ b/people/3437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3438.html b/people/3438.html
index af982d61..6ecf993b 100644
--- a/people/3438.html
+++ b/people/3438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3439.html b/people/3439.html
index 35d34f17..7395ffd8 100644
--- a/people/3439.html
+++ b/people/3439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/344.html b/people/344.html
index e2adb6a1..5ebce6b7 100644
--- a/people/344.html
+++ b/people/344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3440.html b/people/3440.html
index 9860cd13..116a7379 100644
--- a/people/3440.html
+++ b/people/3440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3441.html b/people/3441.html
index e072c8ac..1d2cabf9 100644
--- a/people/3441.html
+++ b/people/3441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3442.html b/people/3442.html
index bbcc4119..203fe200 100644
--- a/people/3442.html
+++ b/people/3442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3443.html b/people/3443.html
index c5422eb2..8b2ab829 100644
--- a/people/3443.html
+++ b/people/3443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3444.html b/people/3444.html
index 745ab3e1..5b9018b7 100644
--- a/people/3444.html
+++ b/people/3444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3445.html b/people/3445.html
index bf895ac5..841f3cb5 100644
--- a/people/3445.html
+++ b/people/3445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3446.html b/people/3446.html
index d20fcaa8..fa92558a 100644
--- a/people/3446.html
+++ b/people/3446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3447.html b/people/3447.html
index fa835f22..4daed5ab 100644
--- a/people/3447.html
+++ b/people/3447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3449.html b/people/3449.html
index a716ddbf..8186ad7e 100644
--- a/people/3449.html
+++ b/people/3449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/345.html b/people/345.html
index 805a2c5f..6eda1366 100644
--- a/people/345.html
+++ b/people/345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3450.html b/people/3450.html
index 02c1311e..f38588a6 100644
--- a/people/3450.html
+++ b/people/3450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3451.html b/people/3451.html
index 9bd556fd..9488a590 100644
--- a/people/3451.html
+++ b/people/3451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3452.html b/people/3452.html
index 6d71ef7a..752ca660 100644
--- a/people/3452.html
+++ b/people/3452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3453.html b/people/3453.html
index 319098f2..3737e5c3 100644
--- a/people/3453.html
+++ b/people/3453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3454.html b/people/3454.html
index b325d7cc..c4dcbf62 100644
--- a/people/3454.html
+++ b/people/3454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3455.html b/people/3455.html
index abc52445..3b23624d 100644
--- a/people/3455.html
+++ b/people/3455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3456.html b/people/3456.html
index e928d522..fd7aed4f 100644
--- a/people/3456.html
+++ b/people/3456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3457.html b/people/3457.html
index daeded0e..2c4a2b94 100644
--- a/people/3457.html
+++ b/people/3457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3458.html b/people/3458.html
index 1debeb20..a7abcd24 100644
--- a/people/3458.html
+++ b/people/3458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3459.html b/people/3459.html
index 944df065..a3227e0a 100644
--- a/people/3459.html
+++ b/people/3459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/346.html b/people/346.html
index c923d1d1..61d7da71 100644
--- a/people/346.html
+++ b/people/346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3460.html b/people/3460.html
index d8719731..6bbd21c1 100644
--- a/people/3460.html
+++ b/people/3460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3461.html b/people/3461.html
index de7c5bb7..01bc4a25 100644
--- a/people/3461.html
+++ b/people/3461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3462.html b/people/3462.html
index 8158c3cc..04020219 100644
--- a/people/3462.html
+++ b/people/3462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3463.html b/people/3463.html
index 1baf8405..f0fab26e 100644
--- a/people/3463.html
+++ b/people/3463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3464.html b/people/3464.html
index 0faf6af5..ca70335f 100644
--- a/people/3464.html
+++ b/people/3464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3465.html b/people/3465.html
index cce33858..3caf6c7b 100644
--- a/people/3465.html
+++ b/people/3465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3466.html b/people/3466.html
index af7fa09a..3b546330 100644
--- a/people/3466.html
+++ b/people/3466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3467.html b/people/3467.html
index 912ee39d..6a8b9eb1 100644
--- a/people/3467.html
+++ b/people/3467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3468.html b/people/3468.html
index 5b5b9950..32f3e766 100644
--- a/people/3468.html
+++ b/people/3468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3469.html b/people/3469.html
index 657f87d9..009d2207 100644
--- a/people/3469.html
+++ b/people/3469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/347.html b/people/347.html
index 1b5b0a57..1f714f6a 100644
--- a/people/347.html
+++ b/people/347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3471.html b/people/3471.html
index f60225a0..6d92f327 100644
--- a/people/3471.html
+++ b/people/3471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3472.html b/people/3472.html
index 71979e21..10211718 100644
--- a/people/3472.html
+++ b/people/3472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3473.html b/people/3473.html
index d9bd2470..82576b75 100644
--- a/people/3473.html
+++ b/people/3473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3474.html b/people/3474.html
index 71c1a054..92e90ff9 100644
--- a/people/3474.html
+++ b/people/3474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3475.html b/people/3475.html
index 19551c06..f1cf6353 100644
--- a/people/3475.html
+++ b/people/3475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3476.html b/people/3476.html
index a27937ae..b6f9447c 100644
--- a/people/3476.html
+++ b/people/3476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3477.html b/people/3477.html
index 1ac4da48..79cead53 100644
--- a/people/3477.html
+++ b/people/3477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3478.html b/people/3478.html
index 5f31dacd..9ac3698c 100644
--- a/people/3478.html
+++ b/people/3478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3479.html b/people/3479.html
index 279bf752..cb3d959d 100644
--- a/people/3479.html
+++ b/people/3479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/348.html b/people/348.html
index 9f6f2f59..2a15baea 100644
--- a/people/348.html
+++ b/people/348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3480.html b/people/3480.html
index d2135079..c6cde06f 100644
--- a/people/3480.html
+++ b/people/3480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3481.html b/people/3481.html
index 859381e8..85e6ff4f 100644
--- a/people/3481.html
+++ b/people/3481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3482.html b/people/3482.html
index 5ca69fb2..1050ac36 100644
--- a/people/3482.html
+++ b/people/3482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3483.html b/people/3483.html
index 47ce9f66..4214799c 100644
--- a/people/3483.html
+++ b/people/3483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3484.html b/people/3484.html
index 7e1909d3..3a632040 100644
--- a/people/3484.html
+++ b/people/3484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3485.html b/people/3485.html
index 0fdd9397..6c19e382 100644
--- a/people/3485.html
+++ b/people/3485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3486.html b/people/3486.html
index df27a129..1e4693a5 100644
--- a/people/3486.html
+++ b/people/3486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3487.html b/people/3487.html
index f3a01b54..1042878e 100644
--- a/people/3487.html
+++ b/people/3487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3488.html b/people/3488.html
index c89f76a2..72e9f9d6 100644
--- a/people/3488.html
+++ b/people/3488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3489.html b/people/3489.html
index 3540fb99..530c1a7f 100644
--- a/people/3489.html
+++ b/people/3489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/349.html b/people/349.html
index e197c4a3..abb749fe 100644
--- a/people/349.html
+++ b/people/349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3490.html b/people/3490.html
index 48923a89..a19858c8 100644
--- a/people/3490.html
+++ b/people/3490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3491.html b/people/3491.html
index 2d5846bb..27b7bed3 100644
--- a/people/3491.html
+++ b/people/3491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3492.html b/people/3492.html
index b23fa2b1..aede3b4d 100644
--- a/people/3492.html
+++ b/people/3492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3493.html b/people/3493.html
index 465054fc..76a235b5 100644
--- a/people/3493.html
+++ b/people/3493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3494.html b/people/3494.html
index 27bec076..c3161b37 100644
--- a/people/3494.html
+++ b/people/3494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3495.html b/people/3495.html
index 00cb1b67..0cdc79fd 100644
--- a/people/3495.html
+++ b/people/3495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3496.html b/people/3496.html
index ef202531..2cb53350 100644
--- a/people/3496.html
+++ b/people/3496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3497.html b/people/3497.html
index 7d8dde65..a894b7ed 100644
--- a/people/3497.html
+++ b/people/3497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3498.html b/people/3498.html
index d88033c0..48c1a0b7 100644
--- a/people/3498.html
+++ b/people/3498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3499.html b/people/3499.html
index d122a229..53471103 100644
--- a/people/3499.html
+++ b/people/3499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/35.html b/people/35.html
index ddf546a9..709172f5 100644
--- a/people/35.html
+++ b/people/35.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/350.html b/people/350.html
index 05e4be6b..d10aa123 100644
--- a/people/350.html
+++ b/people/350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3500.html b/people/3500.html
index 3984ec3d..1bd5cde2 100644
--- a/people/3500.html
+++ b/people/3500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3501.html b/people/3501.html
index a01adf4e..4d3c5043 100644
--- a/people/3501.html
+++ b/people/3501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3502.html b/people/3502.html
index 0544e4cb..1457247f 100644
--- a/people/3502.html
+++ b/people/3502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3503.html b/people/3503.html
index 7b22d6d1..dbc31b1a 100644
--- a/people/3503.html
+++ b/people/3503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3504.html b/people/3504.html
index f8d1e96a..ba89b8b2 100644
--- a/people/3504.html
+++ b/people/3504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3505.html b/people/3505.html
index de19b575..a08eda77 100644
--- a/people/3505.html
+++ b/people/3505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3506.html b/people/3506.html
index 6a5d614c..3dbbca0d 100644
--- a/people/3506.html
+++ b/people/3506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3507.html b/people/3507.html
index a1ad587f..f68986e9 100644
--- a/people/3507.html
+++ b/people/3507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3508.html b/people/3508.html
index 1053ff57..885e488a 100644
--- a/people/3508.html
+++ b/people/3508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3509.html b/people/3509.html
index 9d190536..2e29b881 100644
--- a/people/3509.html
+++ b/people/3509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/351.html b/people/351.html
index e284e89e..6dbb8f26 100644
--- a/people/351.html
+++ b/people/351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3510.html b/people/3510.html
index 3677b3f1..c15a7dc2 100644
--- a/people/3510.html
+++ b/people/3510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3511.html b/people/3511.html
index 99c4405e..1f721538 100644
--- a/people/3511.html
+++ b/people/3511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3512.html b/people/3512.html
index 274aaeb5..6be0bf57 100644
--- a/people/3512.html
+++ b/people/3512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3513.html b/people/3513.html
index 9a9ca85d..3b7b2912 100644
--- a/people/3513.html
+++ b/people/3513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3514.html b/people/3514.html
index 7ea50243..b28b4246 100644
--- a/people/3514.html
+++ b/people/3514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3515.html b/people/3515.html
index 6c8c00df..bbea0924 100644
--- a/people/3515.html
+++ b/people/3515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3516.html b/people/3516.html
index be983be2..9f4b54ea 100644
--- a/people/3516.html
+++ b/people/3516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3517.html b/people/3517.html
index 8f502d34..dd254536 100644
--- a/people/3517.html
+++ b/people/3517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3518.html b/people/3518.html
index 76d17b80..92e99db6 100644
--- a/people/3518.html
+++ b/people/3518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3519.html b/people/3519.html
index e4908f70..f9d45367 100644
--- a/people/3519.html
+++ b/people/3519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/352.html b/people/352.html
index f402b635..be1c90e3 100644
--- a/people/352.html
+++ b/people/352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3520.html b/people/3520.html
index 6e27215a..48c1d1f0 100644
--- a/people/3520.html
+++ b/people/3520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3521.html b/people/3521.html
index 529b00e0..d7429fc8 100644
--- a/people/3521.html
+++ b/people/3521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3522.html b/people/3522.html
index b70e914e..bc439978 100644
--- a/people/3522.html
+++ b/people/3522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3523.html b/people/3523.html
index 0c97bc10..07f1d578 100644
--- a/people/3523.html
+++ b/people/3523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3524.html b/people/3524.html
index 22d532c3..9ba69653 100644
--- a/people/3524.html
+++ b/people/3524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3525.html b/people/3525.html
index 06b46d6b..43bd7746 100644
--- a/people/3525.html
+++ b/people/3525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3526.html b/people/3526.html
index b489ee8c..eafcfd2b 100644
--- a/people/3526.html
+++ b/people/3526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3527.html b/people/3527.html
index 0e874caf..17f48a31 100644
--- a/people/3527.html
+++ b/people/3527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3528.html b/people/3528.html
index 0a330748..1e289b56 100644
--- a/people/3528.html
+++ b/people/3528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3529.html b/people/3529.html
index caf35b5e..311eea31 100644
--- a/people/3529.html
+++ b/people/3529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/353.html b/people/353.html
index cf279992..b2a99edb 100644
--- a/people/353.html
+++ b/people/353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3530.html b/people/3530.html
index 6f588c2e..3397155d 100644
--- a/people/3530.html
+++ b/people/3530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3531.html b/people/3531.html
index 782354af..5844f7c8 100644
--- a/people/3531.html
+++ b/people/3531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3532.html b/people/3532.html
index 55a7696e..90696899 100644
--- a/people/3532.html
+++ b/people/3532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3533.html b/people/3533.html
index 5dd1cf43..5482d9e1 100644
--- a/people/3533.html
+++ b/people/3533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3534.html b/people/3534.html
index 3206984c..67d1d236 100644
--- a/people/3534.html
+++ b/people/3534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3535.html b/people/3535.html
index 427cbd7b..ba996be0 100644
--- a/people/3535.html
+++ b/people/3535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3536.html b/people/3536.html
index e06b97a7..1fa217b3 100644
--- a/people/3536.html
+++ b/people/3536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3537.html b/people/3537.html
index 88ffe452..9b66b68d 100644
--- a/people/3537.html
+++ b/people/3537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3538.html b/people/3538.html
index 6478477a..8c4605f4 100644
--- a/people/3538.html
+++ b/people/3538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3539.html b/people/3539.html
index 10b03166..cd1a3ec8 100644
--- a/people/3539.html
+++ b/people/3539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/354.html b/people/354.html
index f2382127..3e3c6c7f 100644
--- a/people/354.html
+++ b/people/354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3540.html b/people/3540.html
index d68991b0..fa18c385 100644
--- a/people/3540.html
+++ b/people/3540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3541.html b/people/3541.html
index 541e89f4..45b45154 100644
--- a/people/3541.html
+++ b/people/3541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3542.html b/people/3542.html
index 10f0154d..d5d9b242 100644
--- a/people/3542.html
+++ b/people/3542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3543.html b/people/3543.html
index cbf8a8f4..83f636a8 100644
--- a/people/3543.html
+++ b/people/3543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3544.html b/people/3544.html
index af147219..fbc4fc54 100644
--- a/people/3544.html
+++ b/people/3544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3545.html b/people/3545.html
index 0c4f2637..055ec0a6 100644
--- a/people/3545.html
+++ b/people/3545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3546.html b/people/3546.html
index 4fe67006..417dd1ac 100644
--- a/people/3546.html
+++ b/people/3546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3547.html b/people/3547.html
index 81f85eb3..bdbea2cd 100644
--- a/people/3547.html
+++ b/people/3547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3548.html b/people/3548.html
index b88ad0fc..d6f5ea18 100644
--- a/people/3548.html
+++ b/people/3548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3549.html b/people/3549.html
index 388d7396..bca3de63 100644
--- a/people/3549.html
+++ b/people/3549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/355.html b/people/355.html
index 11af0273..93bfe6b1 100644
--- a/people/355.html
+++ b/people/355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3550.html b/people/3550.html
index 1a9083d6..6dd4c874 100644
--- a/people/3550.html
+++ b/people/3550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3551.html b/people/3551.html
index ba24ab2a..ccd0a3e6 100644
--- a/people/3551.html
+++ b/people/3551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3552.html b/people/3552.html
index 6c01f3d0..3e88a7e2 100644
--- a/people/3552.html
+++ b/people/3552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3553.html b/people/3553.html
index 1d1ac17f..8e4b6919 100644
--- a/people/3553.html
+++ b/people/3553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3554.html b/people/3554.html
index a8a9a12e..b587f558 100644
--- a/people/3554.html
+++ b/people/3554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3555.html b/people/3555.html
index 49d642e6..e7f53005 100644
--- a/people/3555.html
+++ b/people/3555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3556.html b/people/3556.html
index d698633a..f87f349a 100644
--- a/people/3556.html
+++ b/people/3556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3557.html b/people/3557.html
index 5985cb2f..4e191f57 100644
--- a/people/3557.html
+++ b/people/3557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3558.html b/people/3558.html
index cd111199..4406a021 100644
--- a/people/3558.html
+++ b/people/3558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3559.html b/people/3559.html
index fa075b9d..312bf4b2 100644
--- a/people/3559.html
+++ b/people/3559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/356.html b/people/356.html
index 86ac7e6b..32d46b85 100644
--- a/people/356.html
+++ b/people/356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3560.html b/people/3560.html
index 5e355779..72eadebb 100644
--- a/people/3560.html
+++ b/people/3560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3561.html b/people/3561.html
index b0c4b3a1..7d72b2f1 100644
--- a/people/3561.html
+++ b/people/3561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3562.html b/people/3562.html
index f104e51d..86f5af5d 100644
--- a/people/3562.html
+++ b/people/3562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3563.html b/people/3563.html
index a9b70578..eb4f2be3 100644
--- a/people/3563.html
+++ b/people/3563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3564.html b/people/3564.html
index 35826b17..2ef229d4 100644
--- a/people/3564.html
+++ b/people/3564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3565.html b/people/3565.html
index d9a3fe7a..333f6fa2 100644
--- a/people/3565.html
+++ b/people/3565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3566.html b/people/3566.html
index 8d1c37fa..c999338f 100644
--- a/people/3566.html
+++ b/people/3566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3567.html b/people/3567.html
index 6ce07a58..53b9268d 100644
--- a/people/3567.html
+++ b/people/3567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3568.html b/people/3568.html
index 74ca58e8..0aba69a2 100644
--- a/people/3568.html
+++ b/people/3568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3569.html b/people/3569.html
index fc40284b..0a92aba2 100644
--- a/people/3569.html
+++ b/people/3569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/357.html b/people/357.html
index 1452c3c7..3a20a84a 100644
--- a/people/357.html
+++ b/people/357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3570.html b/people/3570.html
index 8934c0d3..89db4020 100644
--- a/people/3570.html
+++ b/people/3570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3571.html b/people/3571.html
index 99dc1604..794c904c 100644
--- a/people/3571.html
+++ b/people/3571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3572.html b/people/3572.html
index 4e5ce84c..6d2ab17a 100644
--- a/people/3572.html
+++ b/people/3572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3573.html b/people/3573.html
index c12fba9c..f103d0f4 100644
--- a/people/3573.html
+++ b/people/3573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3574.html b/people/3574.html
index 80cdc800..6afc23ab 100644
--- a/people/3574.html
+++ b/people/3574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3575.html b/people/3575.html
index 2e426b67..25bca994 100644
--- a/people/3575.html
+++ b/people/3575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3576.html b/people/3576.html
index cb20d581..e3ab855a 100644
--- a/people/3576.html
+++ b/people/3576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3577.html b/people/3577.html
index e5c9a81e..4e2751b1 100644
--- a/people/3577.html
+++ b/people/3577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3578.html b/people/3578.html
index 33d10b46..19ded1f9 100644
--- a/people/3578.html
+++ b/people/3578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3579.html b/people/3579.html
index c3f7bef3..1e6e9db9 100644
--- a/people/3579.html
+++ b/people/3579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/358.html b/people/358.html
index 038d230e..a1234db6 100644
--- a/people/358.html
+++ b/people/358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3580.html b/people/3580.html
index 3d9d1724..bb8e5745 100644
--- a/people/3580.html
+++ b/people/3580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3581.html b/people/3581.html
index d692f477..23e03b24 100644
--- a/people/3581.html
+++ b/people/3581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3582.html b/people/3582.html
index eceaae88..b5fe5ad2 100644
--- a/people/3582.html
+++ b/people/3582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3583.html b/people/3583.html
index 922064bb..af631334 100644
--- a/people/3583.html
+++ b/people/3583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3584.html b/people/3584.html
index b97a9e93..e4b0195a 100644
--- a/people/3584.html
+++ b/people/3584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3585.html b/people/3585.html
index d4f6fd82..cfca76fc 100644
--- a/people/3585.html
+++ b/people/3585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3586.html b/people/3586.html
index a05ffb3a..58549be3 100644
--- a/people/3586.html
+++ b/people/3586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3587.html b/people/3587.html
index 41f2ea95..6722d9f5 100644
--- a/people/3587.html
+++ b/people/3587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3588.html b/people/3588.html
index 52397c3f..dfd28442 100644
--- a/people/3588.html
+++ b/people/3588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3589.html b/people/3589.html
index fe204ca3..4b143970 100644
--- a/people/3589.html
+++ b/people/3589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/359.html b/people/359.html
index 6c2cc9b8..938303ed 100644
--- a/people/359.html
+++ b/people/359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3590.html b/people/3590.html
index d8df4364..68608864 100644
--- a/people/3590.html
+++ b/people/3590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3591.html b/people/3591.html
index 50c877b8..e5c6d1eb 100644
--- a/people/3591.html
+++ b/people/3591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3592.html b/people/3592.html
index f08bc76b..360afaeb 100644
--- a/people/3592.html
+++ b/people/3592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3593.html b/people/3593.html
index aeb3272e..c9b789fa 100644
--- a/people/3593.html
+++ b/people/3593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3594.html b/people/3594.html
index 6b58ef91..6e15536b 100644
--- a/people/3594.html
+++ b/people/3594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3595.html b/people/3595.html
index 6d7b378b..d88599da 100644
--- a/people/3595.html
+++ b/people/3595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3596.html b/people/3596.html
index 5d8b29a5..96d0fcce 100644
--- a/people/3596.html
+++ b/people/3596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3597.html b/people/3597.html
index d7d85ee6..b2156c15 100644
--- a/people/3597.html
+++ b/people/3597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3598.html b/people/3598.html
index e9057b19..c119934c 100644
--- a/people/3598.html
+++ b/people/3598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3599.html b/people/3599.html
index 2292f189..776542b4 100644
--- a/people/3599.html
+++ b/people/3599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/36.html b/people/36.html
index 1c079c21..f4be819d 100644
--- a/people/36.html
+++ b/people/36.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/360.html b/people/360.html
index 33bdd14b..79968978 100644
--- a/people/360.html
+++ b/people/360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3600.html b/people/3600.html
index c434d759..605bc4ba 100644
--- a/people/3600.html
+++ b/people/3600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3601.html b/people/3601.html
index 10e800c1..ca36bad0 100644
--- a/people/3601.html
+++ b/people/3601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3602.html b/people/3602.html
index 88182c4a..207622c5 100644
--- a/people/3602.html
+++ b/people/3602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3603.html b/people/3603.html
index 64b7ffed..b77f1cdf 100644
--- a/people/3603.html
+++ b/people/3603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3604.html b/people/3604.html
index 46422b1c..5920d51d 100644
--- a/people/3604.html
+++ b/people/3604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3605.html b/people/3605.html
index 9b1d9fc3..181a7a3b 100644
--- a/people/3605.html
+++ b/people/3605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3606.html b/people/3606.html
index ed90814d..e78653fd 100644
--- a/people/3606.html
+++ b/people/3606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3607.html b/people/3607.html
index 7e2844ef..cde918f1 100644
--- a/people/3607.html
+++ b/people/3607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3608.html b/people/3608.html
index 60b70290..aaa798eb 100644
--- a/people/3608.html
+++ b/people/3608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3609.html b/people/3609.html
index d1f9960b..e236094e 100644
--- a/people/3609.html
+++ b/people/3609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/361.html b/people/361.html
index 29878397..5bf46141 100644
--- a/people/361.html
+++ b/people/361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3610.html b/people/3610.html
index 6866a015..94113d10 100644
--- a/people/3610.html
+++ b/people/3610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3611.html b/people/3611.html
index 03c1386d..7f0b4226 100644
--- a/people/3611.html
+++ b/people/3611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3612.html b/people/3612.html
index cb5b96ec..5e0e7b14 100644
--- a/people/3612.html
+++ b/people/3612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3613.html b/people/3613.html
index ea605787..53315184 100644
--- a/people/3613.html
+++ b/people/3613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3614.html b/people/3614.html
index e9d42a73..0e506223 100644
--- a/people/3614.html
+++ b/people/3614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3615.html b/people/3615.html
index 52edc80f..0a2404ca 100644
--- a/people/3615.html
+++ b/people/3615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3616.html b/people/3616.html
index 71564320..a1760988 100644
--- a/people/3616.html
+++ b/people/3616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3617.html b/people/3617.html
index dedb8b90..1bf4acfd 100644
--- a/people/3617.html
+++ b/people/3617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3618.html b/people/3618.html
index 2ba084dc..5d508f73 100644
--- a/people/3618.html
+++ b/people/3618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3619.html b/people/3619.html
index f380e79b..258c3b56 100644
--- a/people/3619.html
+++ b/people/3619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/362.html b/people/362.html
index 393af6c2..f87e77d9 100644
--- a/people/362.html
+++ b/people/362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3620.html b/people/3620.html
index ce3bbe35..48e64db4 100644
--- a/people/3620.html
+++ b/people/3620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3621.html b/people/3621.html
index e87fe028..25b08cc8 100644
--- a/people/3621.html
+++ b/people/3621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3622.html b/people/3622.html
index 3212950a..14ec3900 100644
--- a/people/3622.html
+++ b/people/3622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3623.html b/people/3623.html
index 4b03d805..ee1a1c2f 100644
--- a/people/3623.html
+++ b/people/3623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3624.html b/people/3624.html
index c7b8e90d..a4932103 100644
--- a/people/3624.html
+++ b/people/3624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3625.html b/people/3625.html
index 3a60cd27..81b56fda 100644
--- a/people/3625.html
+++ b/people/3625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3626.html b/people/3626.html
index 909a9931..6658a514 100644
--- a/people/3626.html
+++ b/people/3626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3627.html b/people/3627.html
index d9774402..1b963226 100644
--- a/people/3627.html
+++ b/people/3627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3628.html b/people/3628.html
index 9e953b5d..8b319e2b 100644
--- a/people/3628.html
+++ b/people/3628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3629.html b/people/3629.html
index edc39003..55920a4a 100644
--- a/people/3629.html
+++ b/people/3629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/363.html b/people/363.html
index 95308696..9087c7bc 100644
--- a/people/363.html
+++ b/people/363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3630.html b/people/3630.html
index eb16d70b..968c1e04 100644
--- a/people/3630.html
+++ b/people/3630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3631.html b/people/3631.html
index 2145389f..baefa9dd 100644
--- a/people/3631.html
+++ b/people/3631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3632.html b/people/3632.html
index 6b2b59bf..6de18f4f 100644
--- a/people/3632.html
+++ b/people/3632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3633.html b/people/3633.html
index 0857f86e..762c2aa2 100644
--- a/people/3633.html
+++ b/people/3633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3634.html b/people/3634.html
index 3dd18548..56660e66 100644
--- a/people/3634.html
+++ b/people/3634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3635.html b/people/3635.html
index db5446fb..c721d67c 100644
--- a/people/3635.html
+++ b/people/3635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3636.html b/people/3636.html
index 3eb9c1a9..2b649e8b 100644
--- a/people/3636.html
+++ b/people/3636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3637.html b/people/3637.html
index db684615..5a38674f 100644
--- a/people/3637.html
+++ b/people/3637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3638.html b/people/3638.html
index 911956f9..9ef55322 100644
--- a/people/3638.html
+++ b/people/3638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3639.html b/people/3639.html
index dea2c961..b05c630e 100644
--- a/people/3639.html
+++ b/people/3639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/364.html b/people/364.html
index 55099b1f..45d1c581 100644
--- a/people/364.html
+++ b/people/364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3640.html b/people/3640.html
index 75847180..af843b9d 100644
--- a/people/3640.html
+++ b/people/3640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3641.html b/people/3641.html
index 4dca07d0..49015c1b 100644
--- a/people/3641.html
+++ b/people/3641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3642.html b/people/3642.html
index 14c6013b..5107ca4f 100644
--- a/people/3642.html
+++ b/people/3642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3643.html b/people/3643.html
index 56e27ea9..58efc43b 100644
--- a/people/3643.html
+++ b/people/3643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3644.html b/people/3644.html
index 3c6f2469..f4c36563 100644
--- a/people/3644.html
+++ b/people/3644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3645.html b/people/3645.html
index c0c66cff..b68d0952 100644
--- a/people/3645.html
+++ b/people/3645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3646.html b/people/3646.html
index 4c801b24..790e62de 100644
--- a/people/3646.html
+++ b/people/3646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3647.html b/people/3647.html
index 24ffd9f8..72f001a5 100644
--- a/people/3647.html
+++ b/people/3647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3648.html b/people/3648.html
index 5cb5badd..dc499678 100644
--- a/people/3648.html
+++ b/people/3648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3649.html b/people/3649.html
index 506e439d..d5112d9d 100644
--- a/people/3649.html
+++ b/people/3649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/365.html b/people/365.html
index 98464760..00cccfc9 100644
--- a/people/365.html
+++ b/people/365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3650.html b/people/3650.html
index 8edf9fd8..fe8bedc0 100644
--- a/people/3650.html
+++ b/people/3650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3651.html b/people/3651.html
index e03ec65b..a6145f16 100644
--- a/people/3651.html
+++ b/people/3651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3652.html b/people/3652.html
index e60a3add..2957b4f0 100644
--- a/people/3652.html
+++ b/people/3652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3653.html b/people/3653.html
index 3fb7c779..f1a10015 100644
--- a/people/3653.html
+++ b/people/3653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3654.html b/people/3654.html
index dee6a242..c80938a0 100644
--- a/people/3654.html
+++ b/people/3654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3655.html b/people/3655.html
index 9d87c534..835d007e 100644
--- a/people/3655.html
+++ b/people/3655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3656.html b/people/3656.html
index e70894df..8edc426c 100644
--- a/people/3656.html
+++ b/people/3656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3657.html b/people/3657.html
index 69500f87..2fbc4997 100644
--- a/people/3657.html
+++ b/people/3657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3658.html b/people/3658.html
index 71950678..bc43c4dc 100644
--- a/people/3658.html
+++ b/people/3658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3659.html b/people/3659.html
index ed1d99b2..49675b1e 100644
--- a/people/3659.html
+++ b/people/3659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/366.html b/people/366.html
index 0619c5be..8d65944a 100644
--- a/people/366.html
+++ b/people/366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3660.html b/people/3660.html
index bbf833f4..8e263779 100644
--- a/people/3660.html
+++ b/people/3660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3661.html b/people/3661.html
index 4ff22898..00dd2bb1 100644
--- a/people/3661.html
+++ b/people/3661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3662.html b/people/3662.html
index dcafd54f..7ef20208 100644
--- a/people/3662.html
+++ b/people/3662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3663.html b/people/3663.html
index 914cefb9..f6ba8053 100644
--- a/people/3663.html
+++ b/people/3663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3664.html b/people/3664.html
index a5308e41..797d7e89 100644
--- a/people/3664.html
+++ b/people/3664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3665.html b/people/3665.html
index ff1a5bef..4230b5c7 100644
--- a/people/3665.html
+++ b/people/3665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3666.html b/people/3666.html
index b3d3c0da..4aedbcdc 100644
--- a/people/3666.html
+++ b/people/3666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3667.html b/people/3667.html
index be46f783..da6416ca 100644
--- a/people/3667.html
+++ b/people/3667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3668.html b/people/3668.html
index 612f898d..6d2a0e69 100644
--- a/people/3668.html
+++ b/people/3668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3669.html b/people/3669.html
index 06eecf1b..de20e298 100644
--- a/people/3669.html
+++ b/people/3669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/367.html b/people/367.html
index 515b53ce..c36a7c55 100644
--- a/people/367.html
+++ b/people/367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3670.html b/people/3670.html
index a77486a9..7faf65ab 100644
--- a/people/3670.html
+++ b/people/3670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3671.html b/people/3671.html
index d865dc14..3e863396 100644
--- a/people/3671.html
+++ b/people/3671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3672.html b/people/3672.html
index 96842bd3..6f9a2f2d 100644
--- a/people/3672.html
+++ b/people/3672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3673.html b/people/3673.html
index 018c53ce..aef69577 100644
--- a/people/3673.html
+++ b/people/3673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3674.html b/people/3674.html
index fe559c44..16426692 100644
--- a/people/3674.html
+++ b/people/3674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3675.html b/people/3675.html
index 76826c82..6e457ca0 100644
--- a/people/3675.html
+++ b/people/3675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3676.html b/people/3676.html
index f795e7aa..5d4a8c26 100644
--- a/people/3676.html
+++ b/people/3676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3677.html b/people/3677.html
index 1f68d173..cd399034 100644
--- a/people/3677.html
+++ b/people/3677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3678.html b/people/3678.html
index 6fae0c83..fab4074c 100644
--- a/people/3678.html
+++ b/people/3678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3679.html b/people/3679.html
index c283e7b5..b0f796bb 100644
--- a/people/3679.html
+++ b/people/3679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/368.html b/people/368.html
index 210e3fff..fc83eb01 100644
--- a/people/368.html
+++ b/people/368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3680.html b/people/3680.html
index 482368f3..3201164f 100644
--- a/people/3680.html
+++ b/people/3680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3681.html b/people/3681.html
index 47ef6f78..8439d113 100644
--- a/people/3681.html
+++ b/people/3681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3682.html b/people/3682.html
index 68ce4f28..afb3c3a7 100644
--- a/people/3682.html
+++ b/people/3682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3683.html b/people/3683.html
index d55c0297..da69f2c7 100644
--- a/people/3683.html
+++ b/people/3683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3684.html b/people/3684.html
index c26974a8..1a1a0b2e 100644
--- a/people/3684.html
+++ b/people/3684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3685.html b/people/3685.html
index 77a669cd..c6a878bf 100644
--- a/people/3685.html
+++ b/people/3685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3686.html b/people/3686.html
index d5b5d6d3..23d492d3 100644
--- a/people/3686.html
+++ b/people/3686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3687.html b/people/3687.html
index 5f31eaf0..2dbd00bc 100644
--- a/people/3687.html
+++ b/people/3687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3688.html b/people/3688.html
index 53df9111..72c98687 100644
--- a/people/3688.html
+++ b/people/3688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3689.html b/people/3689.html
index 608d1d5d..130ec1e3 100644
--- a/people/3689.html
+++ b/people/3689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/369.html b/people/369.html
index ebd9cb40..4cd14bab 100644
--- a/people/369.html
+++ b/people/369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3690.html b/people/3690.html
index 488d53f1..58e22083 100644
--- a/people/3690.html
+++ b/people/3690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3691.html b/people/3691.html
index a6bf3cf5..50a36edd 100644
--- a/people/3691.html
+++ b/people/3691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3692.html b/people/3692.html
index 1d8ed12d..7cc96ed0 100644
--- a/people/3692.html
+++ b/people/3692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3693.html b/people/3693.html
index aa5d5268..2e031d48 100644
--- a/people/3693.html
+++ b/people/3693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3694.html b/people/3694.html
index f7d846e8..78f06137 100644
--- a/people/3694.html
+++ b/people/3694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3695.html b/people/3695.html
index ac655bf0..f06fca8e 100644
--- a/people/3695.html
+++ b/people/3695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3696.html b/people/3696.html
index 8ca4a0d3..4954b977 100644
--- a/people/3696.html
+++ b/people/3696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3697.html b/people/3697.html
index 51177685..ebf788d2 100644
--- a/people/3697.html
+++ b/people/3697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3698.html b/people/3698.html
index 111e1344..5616641f 100644
--- a/people/3698.html
+++ b/people/3698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3699.html b/people/3699.html
index 78f11b0a..7a6d20f8 100644
--- a/people/3699.html
+++ b/people/3699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/37.html b/people/37.html
index 594b23eb..b902099b 100644
--- a/people/37.html
+++ b/people/37.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/370.html b/people/370.html
index 5fd2f0be..2222f24b 100644
--- a/people/370.html
+++ b/people/370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3700.html b/people/3700.html
index 78c20639..c0645684 100644
--- a/people/3700.html
+++ b/people/3700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3701.html b/people/3701.html
index 0d5180a5..b4c36a85 100644
--- a/people/3701.html
+++ b/people/3701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3702.html b/people/3702.html
index e43b84bb..105dae02 100644
--- a/people/3702.html
+++ b/people/3702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3703.html b/people/3703.html
index 62428b1c..950433a4 100644
--- a/people/3703.html
+++ b/people/3703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3704.html b/people/3704.html
index f0a91af5..0ab4af2b 100644
--- a/people/3704.html
+++ b/people/3704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3705.html b/people/3705.html
index 3ca124c3..4e1f272f 100644
--- a/people/3705.html
+++ b/people/3705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3706.html b/people/3706.html
index 67ea2d61..47ee064a 100644
--- a/people/3706.html
+++ b/people/3706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3707.html b/people/3707.html
index 7cd8fa00..60842065 100644
--- a/people/3707.html
+++ b/people/3707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3708.html b/people/3708.html
index 4cd2c617..e6523e3d 100644
--- a/people/3708.html
+++ b/people/3708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3709.html b/people/3709.html
index fba409fa..0511d820 100644
--- a/people/3709.html
+++ b/people/3709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/371.html b/people/371.html
index 20bef539..1f1e52c2 100644
--- a/people/371.html
+++ b/people/371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3710.html b/people/3710.html
index 6c18926f..74fb89df 100644
--- a/people/3710.html
+++ b/people/3710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3711.html b/people/3711.html
index 80376689..b46ed1c9 100644
--- a/people/3711.html
+++ b/people/3711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3712.html b/people/3712.html
index 5b1dcd12..c95d27ab 100644
--- a/people/3712.html
+++ b/people/3712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3713.html b/people/3713.html
index 579645b2..938c8979 100644
--- a/people/3713.html
+++ b/people/3713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3714.html b/people/3714.html
index 9a0a69ae..0dea2f76 100644
--- a/people/3714.html
+++ b/people/3714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3715.html b/people/3715.html
index 067a8570..bfec687b 100644
--- a/people/3715.html
+++ b/people/3715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3716.html b/people/3716.html
index 69d76cae..737dcef7 100644
--- a/people/3716.html
+++ b/people/3716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3717.html b/people/3717.html
index 637fdcde..39407a7a 100644
--- a/people/3717.html
+++ b/people/3717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3718.html b/people/3718.html
index 537b227d..5cddd0b7 100644
--- a/people/3718.html
+++ b/people/3718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3719.html b/people/3719.html
index 703ca0ac..27f56ea9 100644
--- a/people/3719.html
+++ b/people/3719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/372.html b/people/372.html
index fc0e9c89..66dc1e7b 100644
--- a/people/372.html
+++ b/people/372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3720.html b/people/3720.html
index ca496d69..09640058 100644
--- a/people/3720.html
+++ b/people/3720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3721.html b/people/3721.html
index ae4d3d12..568098f2 100644
--- a/people/3721.html
+++ b/people/3721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3722.html b/people/3722.html
index ef002ce5..854dabba 100644
--- a/people/3722.html
+++ b/people/3722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3723.html b/people/3723.html
index cca23ffd..dedae0ff 100644
--- a/people/3723.html
+++ b/people/3723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3724.html b/people/3724.html
index 7a750705..17aa5ab3 100644
--- a/people/3724.html
+++ b/people/3724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3725.html b/people/3725.html
index a07c700d..4c3bb55e 100644
--- a/people/3725.html
+++ b/people/3725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3726.html b/people/3726.html
index 4a3c6233..68cf8b00 100644
--- a/people/3726.html
+++ b/people/3726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3727.html b/people/3727.html
index 4b497b6d..e187330c 100644
--- a/people/3727.html
+++ b/people/3727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3728.html b/people/3728.html
index 13f869a1..c8c0bca2 100644
--- a/people/3728.html
+++ b/people/3728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3729.html b/people/3729.html
index 3ecc18be..5ead2bc8 100644
--- a/people/3729.html
+++ b/people/3729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/373.html b/people/373.html
index 99ab8671..d3fa0576 100644
--- a/people/373.html
+++ b/people/373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3730.html b/people/3730.html
index e1926c35..35eddbdd 100644
--- a/people/3730.html
+++ b/people/3730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3731.html b/people/3731.html
index 4b450aa0..1f7b346a 100644
--- a/people/3731.html
+++ b/people/3731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3732.html b/people/3732.html
index 3e350671..e84b0821 100644
--- a/people/3732.html
+++ b/people/3732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3733.html b/people/3733.html
index f4d4f16b..c7791d29 100644
--- a/people/3733.html
+++ b/people/3733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3734.html b/people/3734.html
index 49108add..c0abeff0 100644
--- a/people/3734.html
+++ b/people/3734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3735.html b/people/3735.html
index eb4c53ca..fb923a2a 100644
--- a/people/3735.html
+++ b/people/3735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3736.html b/people/3736.html
index 4fd22dca..3d55f60d 100644
--- a/people/3736.html
+++ b/people/3736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3737.html b/people/3737.html
index b4963bec..526211f6 100644
--- a/people/3737.html
+++ b/people/3737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3738.html b/people/3738.html
index 086a0f93..611260dd 100644
--- a/people/3738.html
+++ b/people/3738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3739.html b/people/3739.html
index df3015bb..9ea2d1b4 100644
--- a/people/3739.html
+++ b/people/3739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/374.html b/people/374.html
index e114c3cc..7333a443 100644
--- a/people/374.html
+++ b/people/374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3740.html b/people/3740.html
index 4e96c05e..20fa8ea8 100644
--- a/people/3740.html
+++ b/people/3740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3741.html b/people/3741.html
index f870140c..ccf0a1d1 100644
--- a/people/3741.html
+++ b/people/3741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3742.html b/people/3742.html
index 6442d852..5bb4b046 100644
--- a/people/3742.html
+++ b/people/3742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3743.html b/people/3743.html
index 458f73a1..33e9656a 100644
--- a/people/3743.html
+++ b/people/3743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3744.html b/people/3744.html
index d818f713..30d5cf42 100644
--- a/people/3744.html
+++ b/people/3744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3745.html b/people/3745.html
index 72dcf408..0f313906 100644
--- a/people/3745.html
+++ b/people/3745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3746.html b/people/3746.html
index da547d49..d36b5272 100644
--- a/people/3746.html
+++ b/people/3746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3747.html b/people/3747.html
index 740c6278..a295e452 100644
--- a/people/3747.html
+++ b/people/3747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3748.html b/people/3748.html
index 3d63737c..f760897f 100644
--- a/people/3748.html
+++ b/people/3748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3749.html b/people/3749.html
index 4722adfa..5ef2646c 100644
--- a/people/3749.html
+++ b/people/3749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/375.html b/people/375.html
index 93993833..5d44a392 100644
--- a/people/375.html
+++ b/people/375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3750.html b/people/3750.html
index 74af7398..a127cb60 100644
--- a/people/3750.html
+++ b/people/3750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3751.html b/people/3751.html
index 914bd903..3e94498a 100644
--- a/people/3751.html
+++ b/people/3751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3752.html b/people/3752.html
index 49906328..189de550 100644
--- a/people/3752.html
+++ b/people/3752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3753.html b/people/3753.html
index 722705c6..3f274993 100644
--- a/people/3753.html
+++ b/people/3753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3754.html b/people/3754.html
index 1bcde899..b0023296 100644
--- a/people/3754.html
+++ b/people/3754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3755.html b/people/3755.html
index c553024a..d0077ff1 100644
--- a/people/3755.html
+++ b/people/3755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3756.html b/people/3756.html
index 951304b9..76a89de2 100644
--- a/people/3756.html
+++ b/people/3756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3757.html b/people/3757.html
index 644dbfe7..4b2f2e20 100644
--- a/people/3757.html
+++ b/people/3757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3758.html b/people/3758.html
index 5c2aa14c..29ad9272 100644
--- a/people/3758.html
+++ b/people/3758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3759.html b/people/3759.html
index bd1d03a4..10e4e498 100644
--- a/people/3759.html
+++ b/people/3759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/376.html b/people/376.html
index 872c2e41..a0f25fac 100644
--- a/people/376.html
+++ b/people/376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3760.html b/people/3760.html
index a6b76fce..8ff50542 100644
--- a/people/3760.html
+++ b/people/3760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3761.html b/people/3761.html
index c52c494c..658a8695 100644
--- a/people/3761.html
+++ b/people/3761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3762.html b/people/3762.html
index b8c811d1..539653d2 100644
--- a/people/3762.html
+++ b/people/3762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3763.html b/people/3763.html
index b0148c43..f9054417 100644
--- a/people/3763.html
+++ b/people/3763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3764.html b/people/3764.html
index 7b50f687..d0ed7ee3 100644
--- a/people/3764.html
+++ b/people/3764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3765.html b/people/3765.html
index 34a80e2a..6dbb53fd 100644
--- a/people/3765.html
+++ b/people/3765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3766.html b/people/3766.html
index 516e5042..e80b7465 100644
--- a/people/3766.html
+++ b/people/3766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3767.html b/people/3767.html
index 9a37da03..fddb4b87 100644
--- a/people/3767.html
+++ b/people/3767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3768.html b/people/3768.html
index abfddd80..15396aa0 100644
--- a/people/3768.html
+++ b/people/3768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3769.html b/people/3769.html
index cddc56b0..4a407e02 100644
--- a/people/3769.html
+++ b/people/3769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/377.html b/people/377.html
index 1fcc485d..0aaa5d34 100644
--- a/people/377.html
+++ b/people/377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3770.html b/people/3770.html
index b4eef296..dc0245fc 100644
--- a/people/3770.html
+++ b/people/3770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3771.html b/people/3771.html
index 213c9ab6..3f1fb1a3 100644
--- a/people/3771.html
+++ b/people/3771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3772.html b/people/3772.html
index 41662dbf..930ea64b 100644
--- a/people/3772.html
+++ b/people/3772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3773.html b/people/3773.html
index 5a6a3daa..751b3924 100644
--- a/people/3773.html
+++ b/people/3773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3774.html b/people/3774.html
index ef24fa7e..2b8f66ba 100644
--- a/people/3774.html
+++ b/people/3774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3775.html b/people/3775.html
index e46805bc..a957b027 100644
--- a/people/3775.html
+++ b/people/3775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3776.html b/people/3776.html
index 67e57271..fae7d11d 100644
--- a/people/3776.html
+++ b/people/3776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3777.html b/people/3777.html
index 2f62f2d5..7c8bb93b 100644
--- a/people/3777.html
+++ b/people/3777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3778.html b/people/3778.html
index 8eab758b..fe56b4c8 100644
--- a/people/3778.html
+++ b/people/3778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3779.html b/people/3779.html
index 08113a91..cd2904b2 100644
--- a/people/3779.html
+++ b/people/3779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/378.html b/people/378.html
index 1b6a317d..cbbfbc1d 100644
--- a/people/378.html
+++ b/people/378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3780.html b/people/3780.html
index 65d9061e..20fda9f1 100644
--- a/people/3780.html
+++ b/people/3780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3781.html b/people/3781.html
index 5381ef4e..51901ded 100644
--- a/people/3781.html
+++ b/people/3781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3782.html b/people/3782.html
index 6d5b3075..272a75a9 100644
--- a/people/3782.html
+++ b/people/3782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3783.html b/people/3783.html
index 57d98f66..dbd590f8 100644
--- a/people/3783.html
+++ b/people/3783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3784.html b/people/3784.html
index a6a88749..646d0561 100644
--- a/people/3784.html
+++ b/people/3784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3785.html b/people/3785.html
index 8f310c33..28ae66c4 100644
--- a/people/3785.html
+++ b/people/3785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3786.html b/people/3786.html
index 0f7eafe7..b2ad9db3 100644
--- a/people/3786.html
+++ b/people/3786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3787.html b/people/3787.html
index 7cd4ed31..db4e50e2 100644
--- a/people/3787.html
+++ b/people/3787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3788.html b/people/3788.html
index 663ffab7..9802b847 100644
--- a/people/3788.html
+++ b/people/3788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3789.html b/people/3789.html
index 53d19b6f..b0f9105a 100644
--- a/people/3789.html
+++ b/people/3789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/379.html b/people/379.html
index 327d64c1..0446e83c 100644
--- a/people/379.html
+++ b/people/379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3790.html b/people/3790.html
index 1afadd92..90d46b41 100644
--- a/people/3790.html
+++ b/people/3790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3791.html b/people/3791.html
index 8a5ebf51..938049d0 100644
--- a/people/3791.html
+++ b/people/3791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3792.html b/people/3792.html
index 349a41cd..f14012a7 100644
--- a/people/3792.html
+++ b/people/3792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3793.html b/people/3793.html
index 4eaa65f6..f3c5b625 100644
--- a/people/3793.html
+++ b/people/3793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3794.html b/people/3794.html
index f7b9ac24..869afd9b 100644
--- a/people/3794.html
+++ b/people/3794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3795.html b/people/3795.html
index 4e49dc23..ba62e2a4 100644
--- a/people/3795.html
+++ b/people/3795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3796.html b/people/3796.html
index 4d5f0aeb..63b2434e 100644
--- a/people/3796.html
+++ b/people/3796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3797.html b/people/3797.html
index db0fa2d3..40d72353 100644
--- a/people/3797.html
+++ b/people/3797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3798.html b/people/3798.html
index 3e9cb00f..b5a84646 100644
--- a/people/3798.html
+++ b/people/3798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3799.html b/people/3799.html
index a55a7de4..b34f5213 100644
--- a/people/3799.html
+++ b/people/3799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/38.html b/people/38.html
index cdb95f99..e6c29c26 100644
--- a/people/38.html
+++ b/people/38.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/380.html b/people/380.html
index c5bc9790..8158d2fd 100644
--- a/people/380.html
+++ b/people/380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3800.html b/people/3800.html
index 02ef644f..337278c0 100644
--- a/people/3800.html
+++ b/people/3800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3801.html b/people/3801.html
index 76d93447..8d38f450 100644
--- a/people/3801.html
+++ b/people/3801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3802.html b/people/3802.html
index 08320737..23209487 100644
--- a/people/3802.html
+++ b/people/3802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3803.html b/people/3803.html
index 78861e40..ac46de51 100644
--- a/people/3803.html
+++ b/people/3803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3804.html b/people/3804.html
index e4cfaa5e..81a46778 100644
--- a/people/3804.html
+++ b/people/3804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3805.html b/people/3805.html
index 83f0f020..f189a6a3 100644
--- a/people/3805.html
+++ b/people/3805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3806.html b/people/3806.html
index 8237fdb9..09d7fbc1 100644
--- a/people/3806.html
+++ b/people/3806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3807.html b/people/3807.html
index d9a46521..3fc5e108 100644
--- a/people/3807.html
+++ b/people/3807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3808.html b/people/3808.html
index ea7c8324..e77fdc0d 100644
--- a/people/3808.html
+++ b/people/3808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3809.html b/people/3809.html
index 2a615ed4..64a1afb6 100644
--- a/people/3809.html
+++ b/people/3809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/381.html b/people/381.html
index f5428308..d023fa3c 100644
--- a/people/381.html
+++ b/people/381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3810.html b/people/3810.html
index a30fff3a..755fed78 100644
--- a/people/3810.html
+++ b/people/3810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3811.html b/people/3811.html
index adc2e9e3..3247a558 100644
--- a/people/3811.html
+++ b/people/3811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3812.html b/people/3812.html
index 4f4f1aed..e92d97ee 100644
--- a/people/3812.html
+++ b/people/3812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3813.html b/people/3813.html
index f7d60190..1e0b3a92 100644
--- a/people/3813.html
+++ b/people/3813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3814.html b/people/3814.html
index ceac9c58..9cbf7c71 100644
--- a/people/3814.html
+++ b/people/3814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3815.html b/people/3815.html
index ae8241aa..327ed406 100644
--- a/people/3815.html
+++ b/people/3815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3816.html b/people/3816.html
index 51058781..9c95b094 100644
--- a/people/3816.html
+++ b/people/3816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3817.html b/people/3817.html
index c57bc4f0..6a07d9dc 100644
--- a/people/3817.html
+++ b/people/3817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3818.html b/people/3818.html
index d497f453..e7cc22d7 100644
--- a/people/3818.html
+++ b/people/3818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3819.html b/people/3819.html
index c094652b..3eed269c 100644
--- a/people/3819.html
+++ b/people/3819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/382.html b/people/382.html
index e12e7e96..77de52af 100644
--- a/people/382.html
+++ b/people/382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3820.html b/people/3820.html
index 16e4696f..d429d172 100644
--- a/people/3820.html
+++ b/people/3820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3821.html b/people/3821.html
index 418bc7db..700b0545 100644
--- a/people/3821.html
+++ b/people/3821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3822.html b/people/3822.html
index ef2c615c..f2ed9827 100644
--- a/people/3822.html
+++ b/people/3822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3823.html b/people/3823.html
index 4b77db15..52408212 100644
--- a/people/3823.html
+++ b/people/3823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3824.html b/people/3824.html
index 9439d699..30cf362f 100644
--- a/people/3824.html
+++ b/people/3824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3825.html b/people/3825.html
index b5e3c2ce..2967abf5 100644
--- a/people/3825.html
+++ b/people/3825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3826.html b/people/3826.html
index 0458f577..0689879c 100644
--- a/people/3826.html
+++ b/people/3826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3827.html b/people/3827.html
index 5925e1e3..9b5448d8 100644
--- a/people/3827.html
+++ b/people/3827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3828.html b/people/3828.html
index 878d62ed..ab6f86d0 100644
--- a/people/3828.html
+++ b/people/3828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3829.html b/people/3829.html
index d8a3294d..de9c5815 100644
--- a/people/3829.html
+++ b/people/3829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/383.html b/people/383.html
index 9465c047..6823841b 100644
--- a/people/383.html
+++ b/people/383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3830.html b/people/3830.html
index fbc99edd..8a31b849 100644
--- a/people/3830.html
+++ b/people/3830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3831.html b/people/3831.html
index 2ec1877d..515be95b 100644
--- a/people/3831.html
+++ b/people/3831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3832.html b/people/3832.html
index 998bfbe5..0fc3851c 100644
--- a/people/3832.html
+++ b/people/3832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3833.html b/people/3833.html
index 13d5cf52..a763127f 100644
--- a/people/3833.html
+++ b/people/3833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3834.html b/people/3834.html
index fe3ed92f..1774b9a4 100644
--- a/people/3834.html
+++ b/people/3834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3835.html b/people/3835.html
index eff08411..e17c280a 100644
--- a/people/3835.html
+++ b/people/3835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3836.html b/people/3836.html
index 5ad9473d..6a3ea8b8 100644
--- a/people/3836.html
+++ b/people/3836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3837.html b/people/3837.html
index c8861fa2..642e0f93 100644
--- a/people/3837.html
+++ b/people/3837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3838.html b/people/3838.html
index c7f18bc5..aaf333a2 100644
--- a/people/3838.html
+++ b/people/3838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3839.html b/people/3839.html
index 60852f76..4b7929ec 100644
--- a/people/3839.html
+++ b/people/3839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/384.html b/people/384.html
index 808fcd88..ef8aad55 100644
--- a/people/384.html
+++ b/people/384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3840.html b/people/3840.html
index fa078871..9a172741 100644
--- a/people/3840.html
+++ b/people/3840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3841.html b/people/3841.html
index 16bba0cb..71a6b71f 100644
--- a/people/3841.html
+++ b/people/3841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3842.html b/people/3842.html
index 638ed3b8..aeb66b97 100644
--- a/people/3842.html
+++ b/people/3842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3843.html b/people/3843.html
index 5efd0ae3..ae23abc2 100644
--- a/people/3843.html
+++ b/people/3843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3844.html b/people/3844.html
index 33499546..920844fd 100644
--- a/people/3844.html
+++ b/people/3844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3845.html b/people/3845.html
index f76d641e..793460ef 100644
--- a/people/3845.html
+++ b/people/3845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3846.html b/people/3846.html
index e1f566f2..16361d4f 100644
--- a/people/3846.html
+++ b/people/3846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3847.html b/people/3847.html
index d1a35907..fcdf31a1 100644
--- a/people/3847.html
+++ b/people/3847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3848.html b/people/3848.html
index c2fa9fab..081f2730 100644
--- a/people/3848.html
+++ b/people/3848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3849.html b/people/3849.html
index 1fc48a98..86efd597 100644
--- a/people/3849.html
+++ b/people/3849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/385.html b/people/385.html
index 96494201..cafd3345 100644
--- a/people/385.html
+++ b/people/385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3850.html b/people/3850.html
index a519725d..a336e2d9 100644
--- a/people/3850.html
+++ b/people/3850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3851.html b/people/3851.html
index 3f380942..b1bd0855 100644
--- a/people/3851.html
+++ b/people/3851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3852.html b/people/3852.html
index ba5b8e1c..c7f37202 100644
--- a/people/3852.html
+++ b/people/3852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3853.html b/people/3853.html
index e5875df0..6fa47994 100644
--- a/people/3853.html
+++ b/people/3853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3854.html b/people/3854.html
index 2c281f7d..26cd5a82 100644
--- a/people/3854.html
+++ b/people/3854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3855.html b/people/3855.html
index a1bd12cf..199d0ebc 100644
--- a/people/3855.html
+++ b/people/3855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3856.html b/people/3856.html
index 7416afc6..92b5a19b 100644
--- a/people/3856.html
+++ b/people/3856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3857.html b/people/3857.html
index f15da2ca..5d437610 100644
--- a/people/3857.html
+++ b/people/3857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3858.html b/people/3858.html
index 9382c895..e08101b1 100644
--- a/people/3858.html
+++ b/people/3858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3859.html b/people/3859.html
index 8aa00bf9..7abe9dbf 100644
--- a/people/3859.html
+++ b/people/3859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/386.html b/people/386.html
index 7a61f031..65d05211 100644
--- a/people/386.html
+++ b/people/386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3860.html b/people/3860.html
index a6c54805..6fa4b91c 100644
--- a/people/3860.html
+++ b/people/3860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3861.html b/people/3861.html
index 8ca0ded4..2422f01e 100644
--- a/people/3861.html
+++ b/people/3861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3862.html b/people/3862.html
index 72dbb885..04ca3419 100644
--- a/people/3862.html
+++ b/people/3862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3863.html b/people/3863.html
index 8a4df610..92972ada 100644
--- a/people/3863.html
+++ b/people/3863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3864.html b/people/3864.html
index 55aed2a5..0baa6eb4 100644
--- a/people/3864.html
+++ b/people/3864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3865.html b/people/3865.html
index 7fca48c5..471dcc6d 100644
--- a/people/3865.html
+++ b/people/3865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3866.html b/people/3866.html
index efc46794..1ead9765 100644
--- a/people/3866.html
+++ b/people/3866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3867.html b/people/3867.html
index cb9e48e2..b9a88257 100644
--- a/people/3867.html
+++ b/people/3867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3868.html b/people/3868.html
index 5cf97f41..68a2622b 100644
--- a/people/3868.html
+++ b/people/3868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3869.html b/people/3869.html
index e555fd67..78164a4f 100644
--- a/people/3869.html
+++ b/people/3869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/387.html b/people/387.html
index 467ba468..c6f4301e 100644
--- a/people/387.html
+++ b/people/387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3870.html b/people/3870.html
index 553d2330..efb44305 100644
--- a/people/3870.html
+++ b/people/3870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3871.html b/people/3871.html
index 74959140..ba029bce 100644
--- a/people/3871.html
+++ b/people/3871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3872.html b/people/3872.html
index d42b012c..7cc88948 100644
--- a/people/3872.html
+++ b/people/3872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3873.html b/people/3873.html
index 4caa8240..9440e712 100644
--- a/people/3873.html
+++ b/people/3873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3874.html b/people/3874.html
index aae8cd09..ba9b82f8 100644
--- a/people/3874.html
+++ b/people/3874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3875.html b/people/3875.html
index b64c25f2..6ea8d233 100644
--- a/people/3875.html
+++ b/people/3875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3876.html b/people/3876.html
index f54f28b6..eaefd79e 100644
--- a/people/3876.html
+++ b/people/3876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3877.html b/people/3877.html
index da26b3e3..bb314b80 100644
--- a/people/3877.html
+++ b/people/3877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3878.html b/people/3878.html
index 071b9abd..822e7549 100644
--- a/people/3878.html
+++ b/people/3878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3879.html b/people/3879.html
index 2851d28e..456f39e7 100644
--- a/people/3879.html
+++ b/people/3879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/388.html b/people/388.html
index aed7eb31..97e34821 100644
--- a/people/388.html
+++ b/people/388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3880.html b/people/3880.html
index cbb7ed16..a6cf25ed 100644
--- a/people/3880.html
+++ b/people/3880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3881.html b/people/3881.html
index 46783465..bd6b56c6 100644
--- a/people/3881.html
+++ b/people/3881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3882.html b/people/3882.html
index a82d3fcf..afd585ee 100644
--- a/people/3882.html
+++ b/people/3882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3883.html b/people/3883.html
index 4ec66609..ea56da2d 100644
--- a/people/3883.html
+++ b/people/3883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3884.html b/people/3884.html
index a4f107ea..5c406bd3 100644
--- a/people/3884.html
+++ b/people/3884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3885.html b/people/3885.html
index 58a06faa..96de4c21 100644
--- a/people/3885.html
+++ b/people/3885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3886.html b/people/3886.html
index ae05e7c2..0eb0349d 100644
--- a/people/3886.html
+++ b/people/3886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3887.html b/people/3887.html
index c84ff358..bd4be8ca 100644
--- a/people/3887.html
+++ b/people/3887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3888.html b/people/3888.html
index 1ffcbbf3..0c179c5a 100644
--- a/people/3888.html
+++ b/people/3888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3889.html b/people/3889.html
index 07888821..40e5ff51 100644
--- a/people/3889.html
+++ b/people/3889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/389.html b/people/389.html
index dd939546..83a140b7 100644
--- a/people/389.html
+++ b/people/389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3890.html b/people/3890.html
index f4c08a14..25c96c73 100644
--- a/people/3890.html
+++ b/people/3890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3891.html b/people/3891.html
index d5b72f42..853b83d0 100644
--- a/people/3891.html
+++ b/people/3891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3892.html b/people/3892.html
index 420ed162..43728c8e 100644
--- a/people/3892.html
+++ b/people/3892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3893.html b/people/3893.html
index 51f133a4..05dc3710 100644
--- a/people/3893.html
+++ b/people/3893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3894.html b/people/3894.html
index 5318610d..c0ee33e6 100644
--- a/people/3894.html
+++ b/people/3894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3895.html b/people/3895.html
index a9ad0844..6b5acce8 100644
--- a/people/3895.html
+++ b/people/3895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3896.html b/people/3896.html
index aa172789..6fde2a89 100644
--- a/people/3896.html
+++ b/people/3896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3897.html b/people/3897.html
index b4069c6a..8aa84ea5 100644
--- a/people/3897.html
+++ b/people/3897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3898.html b/people/3898.html
index 119d034d..34b3f25e 100644
--- a/people/3898.html
+++ b/people/3898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3899.html b/people/3899.html
index 7ce84ae7..9c47cdff 100644
--- a/people/3899.html
+++ b/people/3899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/39.html b/people/39.html
index 6cc7250c..731d768b 100644
--- a/people/39.html
+++ b/people/39.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/390.html b/people/390.html
index e44aca8e..183022a9 100644
--- a/people/390.html
+++ b/people/390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3900.html b/people/3900.html
index 8078e7be..4de0c825 100644
--- a/people/3900.html
+++ b/people/3900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3901.html b/people/3901.html
index 71d3e97d..b30f219e 100644
--- a/people/3901.html
+++ b/people/3901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3902.html b/people/3902.html
index 75780ddd..a72c5058 100644
--- a/people/3902.html
+++ b/people/3902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3903.html b/people/3903.html
index a3a16a98..d9599195 100644
--- a/people/3903.html
+++ b/people/3903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3904.html b/people/3904.html
index bed4bb1c..a2fcc509 100644
--- a/people/3904.html
+++ b/people/3904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3905.html b/people/3905.html
index ff185e31..fe699500 100644
--- a/people/3905.html
+++ b/people/3905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3906.html b/people/3906.html
index 1c9b8a6a..7a6f0409 100644
--- a/people/3906.html
+++ b/people/3906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3907.html b/people/3907.html
index d21485ea..58475783 100644
--- a/people/3907.html
+++ b/people/3907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3908.html b/people/3908.html
index ecb2d1bc..75e5afba 100644
--- a/people/3908.html
+++ b/people/3908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3909.html b/people/3909.html
index 11207588..4e8b913d 100644
--- a/people/3909.html
+++ b/people/3909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/391.html b/people/391.html
index fbcd0684..a93ab968 100644
--- a/people/391.html
+++ b/people/391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3910.html b/people/3910.html
index 26083051..dac5db1f 100644
--- a/people/3910.html
+++ b/people/3910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3911.html b/people/3911.html
index 47fcaaf7..d18e58d8 100644
--- a/people/3911.html
+++ b/people/3911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3912.html b/people/3912.html
index 069c8ee3..1cbdcd3b 100644
--- a/people/3912.html
+++ b/people/3912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3913.html b/people/3913.html
index c21b8b98..a94e2823 100644
--- a/people/3913.html
+++ b/people/3913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3914.html b/people/3914.html
index dd2f5977..d33f3d0f 100644
--- a/people/3914.html
+++ b/people/3914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3915.html b/people/3915.html
index d53be888..c0f4b1f2 100644
--- a/people/3915.html
+++ b/people/3915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3916.html b/people/3916.html
index f7e01a8e..cdca519f 100644
--- a/people/3916.html
+++ b/people/3916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3917.html b/people/3917.html
index c91e486b..f5528edc 100644
--- a/people/3917.html
+++ b/people/3917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3918.html b/people/3918.html
index f665cc5c..138fa2f6 100644
--- a/people/3918.html
+++ b/people/3918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3919.html b/people/3919.html
index a9bed512..8b704f43 100644
--- a/people/3919.html
+++ b/people/3919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/392.html b/people/392.html
index 66105e1f..0aa05331 100644
--- a/people/392.html
+++ b/people/392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3920.html b/people/3920.html
index e7e2e542..77fc6c6b 100644
--- a/people/3920.html
+++ b/people/3920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3921.html b/people/3921.html
index 9bcda836..b55dac7d 100644
--- a/people/3921.html
+++ b/people/3921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3922.html b/people/3922.html
index 9c2c9013..a77597c2 100644
--- a/people/3922.html
+++ b/people/3922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3923.html b/people/3923.html
index 043116b3..f85490df 100644
--- a/people/3923.html
+++ b/people/3923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3924.html b/people/3924.html
index 7b4d956c..1fc17830 100644
--- a/people/3924.html
+++ b/people/3924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3925.html b/people/3925.html
index 16c1944b..740ee404 100644
--- a/people/3925.html
+++ b/people/3925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3926.html b/people/3926.html
index 6c540faf..fd662006 100644
--- a/people/3926.html
+++ b/people/3926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3927.html b/people/3927.html
index f0b75fe8..ef68a3de 100644
--- a/people/3927.html
+++ b/people/3927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3928.html b/people/3928.html
index 9282e73c..65a70978 100644
--- a/people/3928.html
+++ b/people/3928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3929.html b/people/3929.html
index 576a1bf1..f9ad885b 100644
--- a/people/3929.html
+++ b/people/3929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/393.html b/people/393.html
index 043e10a7..29e41659 100644
--- a/people/393.html
+++ b/people/393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3930.html b/people/3930.html
index e5bb6300..3919b085 100644
--- a/people/3930.html
+++ b/people/3930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3931.html b/people/3931.html
index 0fb5fe4b..85f5e11d 100644
--- a/people/3931.html
+++ b/people/3931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3932.html b/people/3932.html
index 9023896a..81b9e7c0 100644
--- a/people/3932.html
+++ b/people/3932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3933.html b/people/3933.html
index b44d0822..36b3b115 100644
--- a/people/3933.html
+++ b/people/3933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3934.html b/people/3934.html
index 29a38233..4867fca9 100644
--- a/people/3934.html
+++ b/people/3934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3935.html b/people/3935.html
index cccf98f3..afcc37cf 100644
--- a/people/3935.html
+++ b/people/3935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3936.html b/people/3936.html
index bb9bb0a9..1f5c7c00 100644
--- a/people/3936.html
+++ b/people/3936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3937.html b/people/3937.html
index 325d1756..4cee8e08 100644
--- a/people/3937.html
+++ b/people/3937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3938.html b/people/3938.html
index c416c776..6c203e6a 100644
--- a/people/3938.html
+++ b/people/3938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3939.html b/people/3939.html
index 41de1322..d5c8f0de 100644
--- a/people/3939.html
+++ b/people/3939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/394.html b/people/394.html
index ec8b81d6..b2d27d54 100644
--- a/people/394.html
+++ b/people/394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3940.html b/people/3940.html
index fdab8f32..ce66b6dd 100644
--- a/people/3940.html
+++ b/people/3940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3941.html b/people/3941.html
index eccbfa84..54c3f697 100644
--- a/people/3941.html
+++ b/people/3941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3942.html b/people/3942.html
index 8a35618d..fb68af30 100644
--- a/people/3942.html
+++ b/people/3942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3943.html b/people/3943.html
index fcf0b3f2..1900eb45 100644
--- a/people/3943.html
+++ b/people/3943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3944.html b/people/3944.html
index 740e1b6a..bc9705d7 100644
--- a/people/3944.html
+++ b/people/3944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3945.html b/people/3945.html
index f20b772a..8d90b760 100644
--- a/people/3945.html
+++ b/people/3945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3946.html b/people/3946.html
index 51402ba2..bbe9a929 100644
--- a/people/3946.html
+++ b/people/3946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3947.html b/people/3947.html
index ac1497f4..c1a8648b 100644
--- a/people/3947.html
+++ b/people/3947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3948.html b/people/3948.html
index 7a132409..becfafe4 100644
--- a/people/3948.html
+++ b/people/3948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3949.html b/people/3949.html
index e7745453..ce39f411 100644
--- a/people/3949.html
+++ b/people/3949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/395.html b/people/395.html
index a4a6f8ae..b9964350 100644
--- a/people/395.html
+++ b/people/395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3950.html b/people/3950.html
index 5d7a4a3d..51420194 100644
--- a/people/3950.html
+++ b/people/3950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3951.html b/people/3951.html
index fb4cf585..9e682c67 100644
--- a/people/3951.html
+++ b/people/3951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3952.html b/people/3952.html
index 8403ad28..f9498595 100644
--- a/people/3952.html
+++ b/people/3952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3953.html b/people/3953.html
index 36efd9fa..fc036061 100644
--- a/people/3953.html
+++ b/people/3953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3954.html b/people/3954.html
index 8178e51b..ba5d4989 100644
--- a/people/3954.html
+++ b/people/3954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3955.html b/people/3955.html
index 96a06c55..f8d9922e 100644
--- a/people/3955.html
+++ b/people/3955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3956.html b/people/3956.html
index 5761be63..034ee93e 100644
--- a/people/3956.html
+++ b/people/3956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3957.html b/people/3957.html
index b06e8641..2aca3f8f 100644
--- a/people/3957.html
+++ b/people/3957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3958.html b/people/3958.html
index d496b632..762fd114 100644
--- a/people/3958.html
+++ b/people/3958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3959.html b/people/3959.html
index 870afb44..38f2b327 100644
--- a/people/3959.html
+++ b/people/3959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/396.html b/people/396.html
index 64095ecd..d9eae201 100644
--- a/people/396.html
+++ b/people/396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3960.html b/people/3960.html
index fd5bd643..b50e3dc2 100644
--- a/people/3960.html
+++ b/people/3960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3961.html b/people/3961.html
index 38a63562..eb94facc 100644
--- a/people/3961.html
+++ b/people/3961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3962.html b/people/3962.html
index e5011a4f..1c997fce 100644
--- a/people/3962.html
+++ b/people/3962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3963.html b/people/3963.html
index a3132dc2..f46fce70 100644
--- a/people/3963.html
+++ b/people/3963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3964.html b/people/3964.html
index 4c41ebdb..3a9fa1af 100644
--- a/people/3964.html
+++ b/people/3964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3965.html b/people/3965.html
index 16095d50..82bad105 100644
--- a/people/3965.html
+++ b/people/3965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3966.html b/people/3966.html
index 0c6f4fff..16118af0 100644
--- a/people/3966.html
+++ b/people/3966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3967.html b/people/3967.html
index baec5725..b26c5849 100644
--- a/people/3967.html
+++ b/people/3967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3968.html b/people/3968.html
index c4e76012..60cff310 100644
--- a/people/3968.html
+++ b/people/3968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3969.html b/people/3969.html
index aaac5ea7..f8e24277 100644
--- a/people/3969.html
+++ b/people/3969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/397.html b/people/397.html
index 75a963ee..b70753fb 100644
--- a/people/397.html
+++ b/people/397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3970.html b/people/3970.html
index 72300037..1e8b24ca 100644
--- a/people/3970.html
+++ b/people/3970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3971.html b/people/3971.html
index e4aa8bc7..105c4dc1 100644
--- a/people/3971.html
+++ b/people/3971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3972.html b/people/3972.html
index b16f5b51..40d00252 100644
--- a/people/3972.html
+++ b/people/3972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3973.html b/people/3973.html
index 412f93c0..2445108a 100644
--- a/people/3973.html
+++ b/people/3973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3974.html b/people/3974.html
index bf1b9e4e..5eb62bd4 100644
--- a/people/3974.html
+++ b/people/3974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3975.html b/people/3975.html
index 6949c9b7..1ea81f93 100644
--- a/people/3975.html
+++ b/people/3975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3976.html b/people/3976.html
index 340fab22..df48eea0 100644
--- a/people/3976.html
+++ b/people/3976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3977.html b/people/3977.html
index a1e30ae1..f6bbebcd 100644
--- a/people/3977.html
+++ b/people/3977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3978.html b/people/3978.html
index 75ab4d77..dc982f32 100644
--- a/people/3978.html
+++ b/people/3978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3979.html b/people/3979.html
index f7a46701..8ee4c682 100644
--- a/people/3979.html
+++ b/people/3979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/398.html b/people/398.html
index 5a52e437..36bf8108 100644
--- a/people/398.html
+++ b/people/398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3980.html b/people/3980.html
index 48bcbb32..063441d8 100644
--- a/people/3980.html
+++ b/people/3980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3981.html b/people/3981.html
index d6f3770d..91d23d60 100644
--- a/people/3981.html
+++ b/people/3981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3982.html b/people/3982.html
index 4990057b..920766bc 100644
--- a/people/3982.html
+++ b/people/3982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3983.html b/people/3983.html
index 2cc3decb..fb790619 100644
--- a/people/3983.html
+++ b/people/3983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3984.html b/people/3984.html
index 91dbd2f0..63cefe5d 100644
--- a/people/3984.html
+++ b/people/3984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3985.html b/people/3985.html
index bbfdef45..d4578b4f 100644
--- a/people/3985.html
+++ b/people/3985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3986.html b/people/3986.html
index 36e3faa2..c95804a7 100644
--- a/people/3986.html
+++ b/people/3986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3987.html b/people/3987.html
index e30dc37f..081119e1 100644
--- a/people/3987.html
+++ b/people/3987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3988.html b/people/3988.html
index 3bc0bbbc..29092e2e 100644
--- a/people/3988.html
+++ b/people/3988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3989.html b/people/3989.html
index e594c800..06b46895 100644
--- a/people/3989.html
+++ b/people/3989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/399.html b/people/399.html
index adc0c41c..de4e06ec 100644
--- a/people/399.html
+++ b/people/399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3990.html b/people/3990.html
index 93d5eebf..8c1574e2 100644
--- a/people/3990.html
+++ b/people/3990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3991.html b/people/3991.html
index 3b5bed4a..e418951d 100644
--- a/people/3991.html
+++ b/people/3991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3992.html b/people/3992.html
index 151228d9..d1f8bd72 100644
--- a/people/3992.html
+++ b/people/3992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3993.html b/people/3993.html
index 7db575e7..2769cb62 100644
--- a/people/3993.html
+++ b/people/3993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3994.html b/people/3994.html
index d93629f6..d052be34 100644
--- a/people/3994.html
+++ b/people/3994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3995.html b/people/3995.html
index b1bbc995..1ddb6604 100644
--- a/people/3995.html
+++ b/people/3995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3996.html b/people/3996.html
index a5a5d700..b117f141 100644
--- a/people/3996.html
+++ b/people/3996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3997.html b/people/3997.html
index e9d48def..a26377bb 100644
--- a/people/3997.html
+++ b/people/3997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3998.html b/people/3998.html
index 64a6290b..59580922 100644
--- a/people/3998.html
+++ b/people/3998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/3999.html b/people/3999.html
index 7978763b..60a69e74 100644
--- a/people/3999.html
+++ b/people/3999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4.html b/people/4.html
index c9c7f1a9..1c305d6a 100644
--- a/people/4.html
+++ b/people/4.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/40.html b/people/40.html
index 2df6210a..0615b2cf 100644
--- a/people/40.html
+++ b/people/40.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/400.html b/people/400.html
index c5bd3f65..c10d6a0b 100644
--- a/people/400.html
+++ b/people/400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4000.html b/people/4000.html
index b5d792dc..cc41eeb1 100644
--- a/people/4000.html
+++ b/people/4000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4001.html b/people/4001.html
index 8ac67470..3b0fa926 100644
--- a/people/4001.html
+++ b/people/4001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4002.html b/people/4002.html
index c427ca1f..c036b218 100644
--- a/people/4002.html
+++ b/people/4002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4003.html b/people/4003.html
index c21f1b08..20680c3d 100644
--- a/people/4003.html
+++ b/people/4003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4004.html b/people/4004.html
index 1479a347..a6a47426 100644
--- a/people/4004.html
+++ b/people/4004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4005.html b/people/4005.html
index 9271155f..3682c21b 100644
--- a/people/4005.html
+++ b/people/4005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4006.html b/people/4006.html
index 6a63f9a7..2accbe6f 100644
--- a/people/4006.html
+++ b/people/4006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4007.html b/people/4007.html
index 554d0c73..ad83f57c 100644
--- a/people/4007.html
+++ b/people/4007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4008.html b/people/4008.html
index 575fa05a..0b674cd0 100644
--- a/people/4008.html
+++ b/people/4008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4009.html b/people/4009.html
index ec38cdd7..d5c5cc5e 100644
--- a/people/4009.html
+++ b/people/4009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/401.html b/people/401.html
index 139f2928..0be8064a 100644
--- a/people/401.html
+++ b/people/401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4010.html b/people/4010.html
index 592618c5..f9948c90 100644
--- a/people/4010.html
+++ b/people/4010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4011.html b/people/4011.html
index d550e0b4..8a217aff 100644
--- a/people/4011.html
+++ b/people/4011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4012.html b/people/4012.html
index 70af9ac2..0c81e461 100644
--- a/people/4012.html
+++ b/people/4012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4013.html b/people/4013.html
index 79271ae8..9fff4b10 100644
--- a/people/4013.html
+++ b/people/4013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4014.html b/people/4014.html
index 372134df..5755270b 100644
--- a/people/4014.html
+++ b/people/4014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4015.html b/people/4015.html
index b794f9bf..d1803dee 100644
--- a/people/4015.html
+++ b/people/4015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4016.html b/people/4016.html
index 0901f6ab..9615792e 100644
--- a/people/4016.html
+++ b/people/4016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4017.html b/people/4017.html
index 1415c075..da177496 100644
--- a/people/4017.html
+++ b/people/4017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4018.html b/people/4018.html
index 83a270c8..8a1d7b01 100644
--- a/people/4018.html
+++ b/people/4018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4019.html b/people/4019.html
index 2153d2b3..06a7cfcc 100644
--- a/people/4019.html
+++ b/people/4019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/402.html b/people/402.html
index 12fdabac..8132ec01 100644
--- a/people/402.html
+++ b/people/402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4020.html b/people/4020.html
index 777353bc..8a2af1a3 100644
--- a/people/4020.html
+++ b/people/4020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4021.html b/people/4021.html
index 5efc0389..3f46b86e 100644
--- a/people/4021.html
+++ b/people/4021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4022.html b/people/4022.html
index ce133d99..2a12db72 100644
--- a/people/4022.html
+++ b/people/4022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4023.html b/people/4023.html
index 28fe0f56..438ad5e6 100644
--- a/people/4023.html
+++ b/people/4023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4024.html b/people/4024.html
index 862cf80f..35ce6bb8 100644
--- a/people/4024.html
+++ b/people/4024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4025.html b/people/4025.html
index 73c789d9..dc983617 100644
--- a/people/4025.html
+++ b/people/4025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4026.html b/people/4026.html
index 622b368d..d8b969d9 100644
--- a/people/4026.html
+++ b/people/4026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4027.html b/people/4027.html
index 562a34e1..b54e1ec3 100644
--- a/people/4027.html
+++ b/people/4027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4028.html b/people/4028.html
index d4bfc73e..8948df14 100644
--- a/people/4028.html
+++ b/people/4028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4029.html b/people/4029.html
index b62ce127..44fd6ffd 100644
--- a/people/4029.html
+++ b/people/4029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/403.html b/people/403.html
index 84dbc059..5c594d73 100644
--- a/people/403.html
+++ b/people/403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4030.html b/people/4030.html
index 096fb9a6..937135df 100644
--- a/people/4030.html
+++ b/people/4030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4031.html b/people/4031.html
index c64d9f7d..560cd90c 100644
--- a/people/4031.html
+++ b/people/4031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4032.html b/people/4032.html
index b7ae2b13..6d99bbb4 100644
--- a/people/4032.html
+++ b/people/4032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4033.html b/people/4033.html
index 6329c191..4379d225 100644
--- a/people/4033.html
+++ b/people/4033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4034.html b/people/4034.html
index 5bde4962..271eeca5 100644
--- a/people/4034.html
+++ b/people/4034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4035.html b/people/4035.html
index b41010d9..5b50d0e4 100644
--- a/people/4035.html
+++ b/people/4035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4036.html b/people/4036.html
index 3baf8580..ae2b147e 100644
--- a/people/4036.html
+++ b/people/4036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4037.html b/people/4037.html
index 295c1321..09a534f8 100644
--- a/people/4037.html
+++ b/people/4037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4038.html b/people/4038.html
index c97fea9f..f81daf73 100644
--- a/people/4038.html
+++ b/people/4038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4039.html b/people/4039.html
index 835e00af..b31cc9cd 100644
--- a/people/4039.html
+++ b/people/4039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/404.html b/people/404.html
index 3f8f3c00..08b082f6 100644
--- a/people/404.html
+++ b/people/404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4040.html b/people/4040.html
index eabeef71..6167d2ab 100644
--- a/people/4040.html
+++ b/people/4040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4041.html b/people/4041.html
index a2013f28..92b4faf0 100644
--- a/people/4041.html
+++ b/people/4041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4042.html b/people/4042.html
index 69b1a758..37978b95 100644
--- a/people/4042.html
+++ b/people/4042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4043.html b/people/4043.html
index 6517fe79..fb2fa37f 100644
--- a/people/4043.html
+++ b/people/4043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4044.html b/people/4044.html
index e5b15d00..348004b1 100644
--- a/people/4044.html
+++ b/people/4044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4045.html b/people/4045.html
index b3f748fb..b78caf5d 100644
--- a/people/4045.html
+++ b/people/4045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4046.html b/people/4046.html
index 6a3170ec..cb950323 100644
--- a/people/4046.html
+++ b/people/4046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4047.html b/people/4047.html
index 604e09d9..7d8633b7 100644
--- a/people/4047.html
+++ b/people/4047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4048.html b/people/4048.html
index 49a18237..1a36ba5b 100644
--- a/people/4048.html
+++ b/people/4048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4049.html b/people/4049.html
index bf2068af..94d996f2 100644
--- a/people/4049.html
+++ b/people/4049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/405.html b/people/405.html
index 7270d796..93e4e7a7 100644
--- a/people/405.html
+++ b/people/405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4050.html b/people/4050.html
index 1c84eb49..6f3392a4 100644
--- a/people/4050.html
+++ b/people/4050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4051.html b/people/4051.html
index af98ea27..36b072e6 100644
--- a/people/4051.html
+++ b/people/4051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4052.html b/people/4052.html
index 6609e957..50ced9ea 100644
--- a/people/4052.html
+++ b/people/4052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4053.html b/people/4053.html
index 1239371a..9a6d0bb4 100644
--- a/people/4053.html
+++ b/people/4053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4054.html b/people/4054.html
index ea84dec5..1a3187a2 100644
--- a/people/4054.html
+++ b/people/4054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4055.html b/people/4055.html
index cbf31c85..509fee04 100644
--- a/people/4055.html
+++ b/people/4055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4056.html b/people/4056.html
index 23c71567..c286ada7 100644
--- a/people/4056.html
+++ b/people/4056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4057.html b/people/4057.html
index 3bddd6e1..1d6011a3 100644
--- a/people/4057.html
+++ b/people/4057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4058.html b/people/4058.html
index c2027ede..dd780b3a 100644
--- a/people/4058.html
+++ b/people/4058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4059.html b/people/4059.html
index fa591c31..852deeca 100644
--- a/people/4059.html
+++ b/people/4059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/406.html b/people/406.html
index 12faa474..7044949e 100644
--- a/people/406.html
+++ b/people/406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4060.html b/people/4060.html
index 8bb69130..34763061 100644
--- a/people/4060.html
+++ b/people/4060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4061.html b/people/4061.html
index f9e6de97..915d75eb 100644
--- a/people/4061.html
+++ b/people/4061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4062.html b/people/4062.html
index 0f59c80e..aaad0808 100644
--- a/people/4062.html
+++ b/people/4062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4063.html b/people/4063.html
index 83522d59..a84984c0 100644
--- a/people/4063.html
+++ b/people/4063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4064.html b/people/4064.html
index 5442c494..7ee34293 100644
--- a/people/4064.html
+++ b/people/4064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4065.html b/people/4065.html
index 7a026e94..5e6c14d0 100644
--- a/people/4065.html
+++ b/people/4065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4066.html b/people/4066.html
index 9896df2e..701719b4 100644
--- a/people/4066.html
+++ b/people/4066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4067.html b/people/4067.html
index 3468c2b1..2ea016bc 100644
--- a/people/4067.html
+++ b/people/4067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4068.html b/people/4068.html
index 3f8894ca..7f481eef 100644
--- a/people/4068.html
+++ b/people/4068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4069.html b/people/4069.html
index 97dcf05e..30af9ab8 100644
--- a/people/4069.html
+++ b/people/4069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/407.html b/people/407.html
index 84add252..d3861aca 100644
--- a/people/407.html
+++ b/people/407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4070.html b/people/4070.html
index 7cba407b..84e7afb5 100644
--- a/people/4070.html
+++ b/people/4070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4071.html b/people/4071.html
index ce920ed9..6db5e341 100644
--- a/people/4071.html
+++ b/people/4071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4072.html b/people/4072.html
index 0726c7fd..2bb15f33 100644
--- a/people/4072.html
+++ b/people/4072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4073.html b/people/4073.html
index d836ec33..55e27112 100644
--- a/people/4073.html
+++ b/people/4073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4074.html b/people/4074.html
index f145f30a..e6113310 100644
--- a/people/4074.html
+++ b/people/4074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4075.html b/people/4075.html
index 4b496bee..dd343db5 100644
--- a/people/4075.html
+++ b/people/4075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4076.html b/people/4076.html
index 719a3882..97dd0d75 100644
--- a/people/4076.html
+++ b/people/4076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4077.html b/people/4077.html
index dfb002ff..a5bf55a9 100644
--- a/people/4077.html
+++ b/people/4077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4078.html b/people/4078.html
index 27486cc3..1c68ca25 100644
--- a/people/4078.html
+++ b/people/4078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4079.html b/people/4079.html
index e4a87dfd..15e8929d 100644
--- a/people/4079.html
+++ b/people/4079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/408.html b/people/408.html
index c78ab403..460af701 100644
--- a/people/408.html
+++ b/people/408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4080.html b/people/4080.html
index 0f6f8351..63f2ba63 100644
--- a/people/4080.html
+++ b/people/4080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4081.html b/people/4081.html
index 06e7007f..b40e3db9 100644
--- a/people/4081.html
+++ b/people/4081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4082.html b/people/4082.html
index 62e4d560..21fac53e 100644
--- a/people/4082.html
+++ b/people/4082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4083.html b/people/4083.html
index f8ea6875..41ba9fd7 100644
--- a/people/4083.html
+++ b/people/4083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4084.html b/people/4084.html
index 8be90e2c..41e67547 100644
--- a/people/4084.html
+++ b/people/4084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4085.html b/people/4085.html
index 4fa1aaf7..91be40ba 100644
--- a/people/4085.html
+++ b/people/4085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4086.html b/people/4086.html
index 156740c3..707993de 100644
--- a/people/4086.html
+++ b/people/4086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4087.html b/people/4087.html
index 17c864b5..1b2f8910 100644
--- a/people/4087.html
+++ b/people/4087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4088.html b/people/4088.html
index 4ccaf44a..a5eeb975 100644
--- a/people/4088.html
+++ b/people/4088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4089.html b/people/4089.html
index c904dcd9..c526337a 100644
--- a/people/4089.html
+++ b/people/4089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/409.html b/people/409.html
index 23f806ca..103e56c9 100644
--- a/people/409.html
+++ b/people/409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4090.html b/people/4090.html
index 24cd3800..43863865 100644
--- a/people/4090.html
+++ b/people/4090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4091.html b/people/4091.html
index 9a62cc21..107f0ed3 100644
--- a/people/4091.html
+++ b/people/4091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4092.html b/people/4092.html
index 8f3e3a7c..dde6911d 100644
--- a/people/4092.html
+++ b/people/4092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4093.html b/people/4093.html
index 10010367..fa698593 100644
--- a/people/4093.html
+++ b/people/4093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4094.html b/people/4094.html
index 5d000ad4..0e2cdd2d 100644
--- a/people/4094.html
+++ b/people/4094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4095.html b/people/4095.html
index 19bbd07c..dc2bf4f9 100644
--- a/people/4095.html
+++ b/people/4095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4096.html b/people/4096.html
index ff1c4f25..df673c47 100644
--- a/people/4096.html
+++ b/people/4096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4097.html b/people/4097.html
index feb29c5e..1ea243e1 100644
--- a/people/4097.html
+++ b/people/4097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4098.html b/people/4098.html
index 43e09616..37827afc 100644
--- a/people/4098.html
+++ b/people/4098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4099.html b/people/4099.html
index 4b0b0718..f90f3d95 100644
--- a/people/4099.html
+++ b/people/4099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/41.html b/people/41.html
index dbee7704..a67e439d 100644
--- a/people/41.html
+++ b/people/41.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/410.html b/people/410.html
index b53dbf72..42cd9468 100644
--- a/people/410.html
+++ b/people/410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4100.html b/people/4100.html
index 8275e995..95b0e3af 100644
--- a/people/4100.html
+++ b/people/4100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4101.html b/people/4101.html
index 925533d3..440a7f00 100644
--- a/people/4101.html
+++ b/people/4101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4102.html b/people/4102.html
index a239c73a..876d105f 100644
--- a/people/4102.html
+++ b/people/4102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4103.html b/people/4103.html
index 54d17164..3e9a77d0 100644
--- a/people/4103.html
+++ b/people/4103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4104.html b/people/4104.html
index 18c29791..74dc7db7 100644
--- a/people/4104.html
+++ b/people/4104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4105.html b/people/4105.html
index f2af9be6..6d62136b 100644
--- a/people/4105.html
+++ b/people/4105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4106.html b/people/4106.html
index b4d82f6d..44889825 100644
--- a/people/4106.html
+++ b/people/4106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4107.html b/people/4107.html
index ea2b8bb5..a4318091 100644
--- a/people/4107.html
+++ b/people/4107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4108.html b/people/4108.html
index 0cabe9cc..060198ba 100644
--- a/people/4108.html
+++ b/people/4108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4109.html b/people/4109.html
index 479f8791..e225c796 100644
--- a/people/4109.html
+++ b/people/4109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/411.html b/people/411.html
index b1b2e672..2544d02d 100644
--- a/people/411.html
+++ b/people/411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4110.html b/people/4110.html
index 32915631..4251b820 100644
--- a/people/4110.html
+++ b/people/4110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4111.html b/people/4111.html
index 18b1f5b7..59e103ec 100644
--- a/people/4111.html
+++ b/people/4111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4112.html b/people/4112.html
index 629f3472..c9c0b0a6 100644
--- a/people/4112.html
+++ b/people/4112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4113.html b/people/4113.html
index ab64434b..b94d8e5a 100644
--- a/people/4113.html
+++ b/people/4113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4114.html b/people/4114.html
index 1f0dd873..80ebd080 100644
--- a/people/4114.html
+++ b/people/4114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4115.html b/people/4115.html
index 5672ff42..42238cb0 100644
--- a/people/4115.html
+++ b/people/4115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4116.html b/people/4116.html
index 0f9d7747..7e537eb7 100644
--- a/people/4116.html
+++ b/people/4116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4117.html b/people/4117.html
index 0545c724..8a9371ef 100644
--- a/people/4117.html
+++ b/people/4117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4118.html b/people/4118.html
index 21391227..b0ebc8f2 100644
--- a/people/4118.html
+++ b/people/4118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4119.html b/people/4119.html
index 13ab1e7e..8b187c27 100644
--- a/people/4119.html
+++ b/people/4119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/412.html b/people/412.html
index 845ac769..1e544935 100644
--- a/people/412.html
+++ b/people/412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4120.html b/people/4120.html
index 2796c933..52ade52c 100644
--- a/people/4120.html
+++ b/people/4120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4121.html b/people/4121.html
index cc8fdef8..3bb100be 100644
--- a/people/4121.html
+++ b/people/4121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4122.html b/people/4122.html
index a61a9867..1973b542 100644
--- a/people/4122.html
+++ b/people/4122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4123.html b/people/4123.html
index d341a438..451f7c4b 100644
--- a/people/4123.html
+++ b/people/4123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4124.html b/people/4124.html
index eccb1e7e..eb9fa387 100644
--- a/people/4124.html
+++ b/people/4124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4125.html b/people/4125.html
index c24b9713..602c223a 100644
--- a/people/4125.html
+++ b/people/4125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4126.html b/people/4126.html
index eb24053e..ed7dd313 100644
--- a/people/4126.html
+++ b/people/4126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4127.html b/people/4127.html
index c059ae06..dfc9d869 100644
--- a/people/4127.html
+++ b/people/4127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4128.html b/people/4128.html
index 06a260e2..38f20658 100644
--- a/people/4128.html
+++ b/people/4128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4129.html b/people/4129.html
index 3a658bfb..979d9cde 100644
--- a/people/4129.html
+++ b/people/4129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/413.html b/people/413.html
index 1d4bce35..f7f7e6df 100644
--- a/people/413.html
+++ b/people/413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4130.html b/people/4130.html
index 7a39e9d2..b61de793 100644
--- a/people/4130.html
+++ b/people/4130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4131.html b/people/4131.html
index ee7b924b..222fc3bc 100644
--- a/people/4131.html
+++ b/people/4131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4132.html b/people/4132.html
index d95008d6..8cce2c83 100644
--- a/people/4132.html
+++ b/people/4132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4133.html b/people/4133.html
index 3286fa49..c143d2a5 100644
--- a/people/4133.html
+++ b/people/4133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4134.html b/people/4134.html
index 3baea2b4..6365db77 100644
--- a/people/4134.html
+++ b/people/4134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4135.html b/people/4135.html
index eec74083..402c68c4 100644
--- a/people/4135.html
+++ b/people/4135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4136.html b/people/4136.html
index 7b3ebd83..18accf6f 100644
--- a/people/4136.html
+++ b/people/4136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4137.html b/people/4137.html
index d4989ba7..722bb10d 100644
--- a/people/4137.html
+++ b/people/4137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4138.html b/people/4138.html
index e6bc2ca4..cdf87cc1 100644
--- a/people/4138.html
+++ b/people/4138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4139.html b/people/4139.html
index d58a1699..2d1156b4 100644
--- a/people/4139.html
+++ b/people/4139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/414.html b/people/414.html
index 1b5f8ce2..aded13e1 100644
--- a/people/414.html
+++ b/people/414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4140.html b/people/4140.html
index a82c0a9b..88978894 100644
--- a/people/4140.html
+++ b/people/4140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4141.html b/people/4141.html
index f3689ba2..4048d5fe 100644
--- a/people/4141.html
+++ b/people/4141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4142.html b/people/4142.html
index 9c651e64..af6f44e4 100644
--- a/people/4142.html
+++ b/people/4142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4143.html b/people/4143.html
index 3a681595..3d62e810 100644
--- a/people/4143.html
+++ b/people/4143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4144.html b/people/4144.html
index 254e4c11..06374f3f 100644
--- a/people/4144.html
+++ b/people/4144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4145.html b/people/4145.html
index 6a71c7ac..1831f6ab 100644
--- a/people/4145.html
+++ b/people/4145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4146.html b/people/4146.html
index 36772f0e..02b07648 100644
--- a/people/4146.html
+++ b/people/4146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4147.html b/people/4147.html
index e5285bee..8f196673 100644
--- a/people/4147.html
+++ b/people/4147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4148.html b/people/4148.html
index 76d566cd..47c09b92 100644
--- a/people/4148.html
+++ b/people/4148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4149.html b/people/4149.html
index bd031271..51284bc7 100644
--- a/people/4149.html
+++ b/people/4149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/415.html b/people/415.html
index 194fcaaf..63a647b1 100644
--- a/people/415.html
+++ b/people/415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4150.html b/people/4150.html
index 84039e97..ab3e5f5a 100644
--- a/people/4150.html
+++ b/people/4150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4151.html b/people/4151.html
index ddf37538..940aad95 100644
--- a/people/4151.html
+++ b/people/4151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4152.html b/people/4152.html
index 0612448e..86dfb249 100644
--- a/people/4152.html
+++ b/people/4152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4153.html b/people/4153.html
index 6df83946..350a01fc 100644
--- a/people/4153.html
+++ b/people/4153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4154.html b/people/4154.html
index f1e6b431..873479f9 100644
--- a/people/4154.html
+++ b/people/4154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4155.html b/people/4155.html
index 17099d02..8c2900c3 100644
--- a/people/4155.html
+++ b/people/4155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4156.html b/people/4156.html
index de461d76..56f2c688 100644
--- a/people/4156.html
+++ b/people/4156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4157.html b/people/4157.html
index bcb7e23e..01932ae1 100644
--- a/people/4157.html
+++ b/people/4157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4158.html b/people/4158.html
index 6d405499..7f37d43c 100644
--- a/people/4158.html
+++ b/people/4158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4159.html b/people/4159.html
index 38118fff..c6347fb8 100644
--- a/people/4159.html
+++ b/people/4159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/416.html b/people/416.html
index 170b6a7c..f6df7bfc 100644
--- a/people/416.html
+++ b/people/416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4160.html b/people/4160.html
index 7edbfd84..ed997900 100644
--- a/people/4160.html
+++ b/people/4160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4161.html b/people/4161.html
index 4dcce27f..ab16650c 100644
--- a/people/4161.html
+++ b/people/4161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4162.html b/people/4162.html
index 4ba16c42..7ebca2bd 100644
--- a/people/4162.html
+++ b/people/4162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4163.html b/people/4163.html
index 3260d61d..d821c42a 100644
--- a/people/4163.html
+++ b/people/4163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4164.html b/people/4164.html
index 0328809f..21acd800 100644
--- a/people/4164.html
+++ b/people/4164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4165.html b/people/4165.html
index 0d8b1fc8..d83b74ec 100644
--- a/people/4165.html
+++ b/people/4165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4166.html b/people/4166.html
index 34c50a6b..7f9fc491 100644
--- a/people/4166.html
+++ b/people/4166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4167.html b/people/4167.html
index 62fdbea0..4a62db98 100644
--- a/people/4167.html
+++ b/people/4167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4168.html b/people/4168.html
index a7878b7f..79deffc7 100644
--- a/people/4168.html
+++ b/people/4168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4169.html b/people/4169.html
index 6cd48e06..4add6c4b 100644
--- a/people/4169.html
+++ b/people/4169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/417.html b/people/417.html
index 7b416487..fe24e9e5 100644
--- a/people/417.html
+++ b/people/417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4170.html b/people/4170.html
index 638a3b74..553a9021 100644
--- a/people/4170.html
+++ b/people/4170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4171.html b/people/4171.html
index 664cbfc3..bfdf5a47 100644
--- a/people/4171.html
+++ b/people/4171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4172.html b/people/4172.html
index cac8b855..56175d82 100644
--- a/people/4172.html
+++ b/people/4172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4173.html b/people/4173.html
index 8f1644a5..76fc5de9 100644
--- a/people/4173.html
+++ b/people/4173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4174.html b/people/4174.html
index a2ffa78b..c5d30bdc 100644
--- a/people/4174.html
+++ b/people/4174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4175.html b/people/4175.html
index 6756c918..38e53aaf 100644
--- a/people/4175.html
+++ b/people/4175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4176.html b/people/4176.html
index c81a7871..51559119 100644
--- a/people/4176.html
+++ b/people/4176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4177.html b/people/4177.html
index 8f8fc0cc..74470e3b 100644
--- a/people/4177.html
+++ b/people/4177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4178.html b/people/4178.html
index ffd43ef1..bec83992 100644
--- a/people/4178.html
+++ b/people/4178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4179.html b/people/4179.html
index 053c8756..a89df89f 100644
--- a/people/4179.html
+++ b/people/4179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/418.html b/people/418.html
index 5b1654f6..96e331ba 100644
--- a/people/418.html
+++ b/people/418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4180.html b/people/4180.html
index 4d2c4188..2bdeb261 100644
--- a/people/4180.html
+++ b/people/4180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4181.html b/people/4181.html
index ade5eb89..0a38c549 100644
--- a/people/4181.html
+++ b/people/4181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4182.html b/people/4182.html
index c1c0763b..062b4e56 100644
--- a/people/4182.html
+++ b/people/4182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4183.html b/people/4183.html
index 09578624..6db9fe91 100644
--- a/people/4183.html
+++ b/people/4183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4184.html b/people/4184.html
index 646953aa..e8cb7413 100644
--- a/people/4184.html
+++ b/people/4184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4185.html b/people/4185.html
index d5928806..5baf818a 100644
--- a/people/4185.html
+++ b/people/4185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4186.html b/people/4186.html
index 284c590c..a32395fe 100644
--- a/people/4186.html
+++ b/people/4186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4187.html b/people/4187.html
index eda8bb28..f56f7cb8 100644
--- a/people/4187.html
+++ b/people/4187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4188.html b/people/4188.html
index 5fcb1d29..718ef712 100644
--- a/people/4188.html
+++ b/people/4188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4189.html b/people/4189.html
index 16522395..b1e2c171 100644
--- a/people/4189.html
+++ b/people/4189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/419.html b/people/419.html
index aee1a862..fa9b7ac7 100644
--- a/people/419.html
+++ b/people/419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4190.html b/people/4190.html
index e2596537..9dd668d2 100644
--- a/people/4190.html
+++ b/people/4190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4191.html b/people/4191.html
index 00081029..a8dd4572 100644
--- a/people/4191.html
+++ b/people/4191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4192.html b/people/4192.html
index 8d38d50c..4b05532f 100644
--- a/people/4192.html
+++ b/people/4192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4193.html b/people/4193.html
index 9a294116..33e401f1 100644
--- a/people/4193.html
+++ b/people/4193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4194.html b/people/4194.html
index 2733aa5d..c6606588 100644
--- a/people/4194.html
+++ b/people/4194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4195.html b/people/4195.html
index c8dabed7..4832fc5a 100644
--- a/people/4195.html
+++ b/people/4195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4196.html b/people/4196.html
index ba0eb924..34e8634a 100644
--- a/people/4196.html
+++ b/people/4196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4197.html b/people/4197.html
index 96ab1c54..f3033a24 100644
--- a/people/4197.html
+++ b/people/4197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4198.html b/people/4198.html
index 31ca5406..8d5fa824 100644
--- a/people/4198.html
+++ b/people/4198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4199.html b/people/4199.html
index c9197b3a..5493f023 100644
--- a/people/4199.html
+++ b/people/4199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/42.html b/people/42.html
index 72e3474b..b754296b 100644
--- a/people/42.html
+++ b/people/42.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/420.html b/people/420.html
index ec5ab952..f9609f8a 100644
--- a/people/420.html
+++ b/people/420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4200.html b/people/4200.html
index 54c293d1..a8df0ab3 100644
--- a/people/4200.html
+++ b/people/4200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4201.html b/people/4201.html
index ada693d8..15209b4a 100644
--- a/people/4201.html
+++ b/people/4201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4202.html b/people/4202.html
index 2c179231..07128b17 100644
--- a/people/4202.html
+++ b/people/4202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4203.html b/people/4203.html
index 7301b4ea..2582a201 100644
--- a/people/4203.html
+++ b/people/4203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4204.html b/people/4204.html
index 262a6990..dd440909 100644
--- a/people/4204.html
+++ b/people/4204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4205.html b/people/4205.html
index 6cc2d9fd..b4ea8834 100644
--- a/people/4205.html
+++ b/people/4205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4206.html b/people/4206.html
index 9063c82a..ce491fb6 100644
--- a/people/4206.html
+++ b/people/4206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4207.html b/people/4207.html
index f88d50f4..afdd0a76 100644
--- a/people/4207.html
+++ b/people/4207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4208.html b/people/4208.html
index 219746c5..75d441ab 100644
--- a/people/4208.html
+++ b/people/4208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4209.html b/people/4209.html
index c4f82a0a..1416da72 100644
--- a/people/4209.html
+++ b/people/4209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/421.html b/people/421.html
index e69affc9..52e92989 100644
--- a/people/421.html
+++ b/people/421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4210.html b/people/4210.html
index 021a32f1..e1586117 100644
--- a/people/4210.html
+++ b/people/4210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4211.html b/people/4211.html
index 8387967a..f861093f 100644
--- a/people/4211.html
+++ b/people/4211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4212.html b/people/4212.html
index d09169a4..b4da5101 100644
--- a/people/4212.html
+++ b/people/4212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4213.html b/people/4213.html
index 450c155e..1497fc47 100644
--- a/people/4213.html
+++ b/people/4213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4214.html b/people/4214.html
index 2f82af60..129a0009 100644
--- a/people/4214.html
+++ b/people/4214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4215.html b/people/4215.html
index 134ba4ea..42e0c957 100644
--- a/people/4215.html
+++ b/people/4215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4216.html b/people/4216.html
index d051683a..fee916d2 100644
--- a/people/4216.html
+++ b/people/4216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4217.html b/people/4217.html
index f172b937..ce46364f 100644
--- a/people/4217.html
+++ b/people/4217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4218.html b/people/4218.html
index 7d183056..7f81166b 100644
--- a/people/4218.html
+++ b/people/4218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4219.html b/people/4219.html
index 5f70b4c9..95a11206 100644
--- a/people/4219.html
+++ b/people/4219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/422.html b/people/422.html
index 2f6c304b..868aa439 100644
--- a/people/422.html
+++ b/people/422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4220.html b/people/4220.html
index 37dbd20a..67123bb9 100644
--- a/people/4220.html
+++ b/people/4220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4221.html b/people/4221.html
index 6cf2bada..76a90681 100644
--- a/people/4221.html
+++ b/people/4221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4222.html b/people/4222.html
index 82d4373d..87690479 100644
--- a/people/4222.html
+++ b/people/4222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4223.html b/people/4223.html
index 6198f1fe..69350270 100644
--- a/people/4223.html
+++ b/people/4223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4224.html b/people/4224.html
index c4387686..c30b0dcb 100644
--- a/people/4224.html
+++ b/people/4224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4225.html b/people/4225.html
index cc4da682..062714ee 100644
--- a/people/4225.html
+++ b/people/4225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4226.html b/people/4226.html
index 53689881..d9baa3e6 100644
--- a/people/4226.html
+++ b/people/4226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4227.html b/people/4227.html
index d8c3c1a0..06a7775a 100644
--- a/people/4227.html
+++ b/people/4227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4228.html b/people/4228.html
index 3faf4a3a..d35b4fd4 100644
--- a/people/4228.html
+++ b/people/4228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4229.html b/people/4229.html
index 810c6fb2..457f7304 100644
--- a/people/4229.html
+++ b/people/4229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/423.html b/people/423.html
index 63c640af..45b2f7b2 100644
--- a/people/423.html
+++ b/people/423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4230.html b/people/4230.html
index 9e2a49c0..b208131a 100644
--- a/people/4230.html
+++ b/people/4230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4231.html b/people/4231.html
index 9763cfbf..f9ebf3df 100644
--- a/people/4231.html
+++ b/people/4231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4232.html b/people/4232.html
index d37ee881..3d9dd6af 100644
--- a/people/4232.html
+++ b/people/4232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4233.html b/people/4233.html
index 21a1914c..50e5b5b8 100644
--- a/people/4233.html
+++ b/people/4233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4234.html b/people/4234.html
index e0aa46c2..98b09183 100644
--- a/people/4234.html
+++ b/people/4234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4235.html b/people/4235.html
index 361d6895..3bafa303 100644
--- a/people/4235.html
+++ b/people/4235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4236.html b/people/4236.html
index e3f081ff..e751bdce 100644
--- a/people/4236.html
+++ b/people/4236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4237.html b/people/4237.html
index be0d56e2..029d0995 100644
--- a/people/4237.html
+++ b/people/4237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4238.html b/people/4238.html
index d942fb9c..aae1d7c2 100644
--- a/people/4238.html
+++ b/people/4238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4239.html b/people/4239.html
index 7f39fa36..6a25e79c 100644
--- a/people/4239.html
+++ b/people/4239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/424.html b/people/424.html
index 94dc19f1..0e9a6eda 100644
--- a/people/424.html
+++ b/people/424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4240.html b/people/4240.html
index 6db9d4a7..cda7cd09 100644
--- a/people/4240.html
+++ b/people/4240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4241.html b/people/4241.html
index 7dea72dd..1b30d3db 100644
--- a/people/4241.html
+++ b/people/4241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4242.html b/people/4242.html
index 5d5af756..27b5c465 100644
--- a/people/4242.html
+++ b/people/4242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4243.html b/people/4243.html
index 129866e4..b13e3516 100644
--- a/people/4243.html
+++ b/people/4243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4244.html b/people/4244.html
index 58dcc7e9..f69bb96e 100644
--- a/people/4244.html
+++ b/people/4244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4245.html b/people/4245.html
index 2f63281c..af0efc54 100644
--- a/people/4245.html
+++ b/people/4245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4246.html b/people/4246.html
index b4970be5..26e18173 100644
--- a/people/4246.html
+++ b/people/4246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4247.html b/people/4247.html
index b170ebfc..4c4051e3 100644
--- a/people/4247.html
+++ b/people/4247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4248.html b/people/4248.html
index 5a0e6e57..9b214720 100644
--- a/people/4248.html
+++ b/people/4248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4249.html b/people/4249.html
index 422be53e..094ec7ff 100644
--- a/people/4249.html
+++ b/people/4249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/425.html b/people/425.html
index 6bfe1722..7e7f6106 100644
--- a/people/425.html
+++ b/people/425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4250.html b/people/4250.html
index ae44e99c..eaecb36d 100644
--- a/people/4250.html
+++ b/people/4250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4251.html b/people/4251.html
index 89b62ff2..fbe62bb3 100644
--- a/people/4251.html
+++ b/people/4251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4252.html b/people/4252.html
index c5cbbe98..596e1fcc 100644
--- a/people/4252.html
+++ b/people/4252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4253.html b/people/4253.html
index 0c228444..777ff1de 100644
--- a/people/4253.html
+++ b/people/4253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4254.html b/people/4254.html
index ca6fbaf8..2f8e0dd8 100644
--- a/people/4254.html
+++ b/people/4254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4255.html b/people/4255.html
index e67dd01b..07d60be1 100644
--- a/people/4255.html
+++ b/people/4255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4256.html b/people/4256.html
index 800157b2..3058847c 100644
--- a/people/4256.html
+++ b/people/4256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4257.html b/people/4257.html
index 45c3b699..3763f4b6 100644
--- a/people/4257.html
+++ b/people/4257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4258.html b/people/4258.html
index cc9c3b2e..a4e3b25a 100644
--- a/people/4258.html
+++ b/people/4258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4259.html b/people/4259.html
index d971ff05..2b5f614e 100644
--- a/people/4259.html
+++ b/people/4259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/426.html b/people/426.html
index 06ac6921..12920912 100644
--- a/people/426.html
+++ b/people/426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4260.html b/people/4260.html
index fde0ea08..da634452 100644
--- a/people/4260.html
+++ b/people/4260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4261.html b/people/4261.html
index 83f6afe9..1085d835 100644
--- a/people/4261.html
+++ b/people/4261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4262.html b/people/4262.html
index 0aab64ba..8d1d4ebf 100644
--- a/people/4262.html
+++ b/people/4262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4263.html b/people/4263.html
index 86f7f98e..11863e09 100644
--- a/people/4263.html
+++ b/people/4263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4264.html b/people/4264.html
index 86664bb2..dbcd0f42 100644
--- a/people/4264.html
+++ b/people/4264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4265.html b/people/4265.html
index d68a021f..1b9c1aa5 100644
--- a/people/4265.html
+++ b/people/4265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4266.html b/people/4266.html
index a1709194..ed71eb6f 100644
--- a/people/4266.html
+++ b/people/4266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4267.html b/people/4267.html
index b98f7581..e53d3e72 100644
--- a/people/4267.html
+++ b/people/4267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4268.html b/people/4268.html
index 7bbdbcb6..b9b45330 100644
--- a/people/4268.html
+++ b/people/4268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4269.html b/people/4269.html
index 9465ce69..277f0d4d 100644
--- a/people/4269.html
+++ b/people/4269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/427.html b/people/427.html
index 0d0c5505..bfc4a7a9 100644
--- a/people/427.html
+++ b/people/427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4270.html b/people/4270.html
index a21cf8fa..6efab13e 100644
--- a/people/4270.html
+++ b/people/4270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4271.html b/people/4271.html
index 757bdc3b..f08ced50 100644
--- a/people/4271.html
+++ b/people/4271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4272.html b/people/4272.html
index a69b2710..94dff0ff 100644
--- a/people/4272.html
+++ b/people/4272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4273.html b/people/4273.html
index c7ba6d06..d26518c5 100644
--- a/people/4273.html
+++ b/people/4273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4274.html b/people/4274.html
index 38f84d6e..6b4f7809 100644
--- a/people/4274.html
+++ b/people/4274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4275.html b/people/4275.html
index 2021eb01..8cfc8338 100644
--- a/people/4275.html
+++ b/people/4275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4276.html b/people/4276.html
index 5f073e65..76316b15 100644
--- a/people/4276.html
+++ b/people/4276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4277.html b/people/4277.html
index b5dc8528..6f7ff767 100644
--- a/people/4277.html
+++ b/people/4277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4278.html b/people/4278.html
index 10f52bd9..25fda049 100644
--- a/people/4278.html
+++ b/people/4278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4279.html b/people/4279.html
index 9e77c3a7..ec248db4 100644
--- a/people/4279.html
+++ b/people/4279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/428.html b/people/428.html
index 60ad54b2..fa4d5c50 100644
--- a/people/428.html
+++ b/people/428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4280.html b/people/4280.html
index 4fedf1fe..ea20e26d 100644
--- a/people/4280.html
+++ b/people/4280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4281.html b/people/4281.html
index 6e161d58..48f224a6 100644
--- a/people/4281.html
+++ b/people/4281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4282.html b/people/4282.html
index 266e8b84..e1ebdd71 100644
--- a/people/4282.html
+++ b/people/4282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4283.html b/people/4283.html
index 2a045bb5..57ecf2c1 100644
--- a/people/4283.html
+++ b/people/4283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4284.html b/people/4284.html
index aa6f9a8b..03eff4e0 100644
--- a/people/4284.html
+++ b/people/4284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4285.html b/people/4285.html
index e18dbf94..03099d84 100644
--- a/people/4285.html
+++ b/people/4285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4286.html b/people/4286.html
index 1cf58549..bc75e57c 100644
--- a/people/4286.html
+++ b/people/4286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4287.html b/people/4287.html
index 733d665d..b5392ce4 100644
--- a/people/4287.html
+++ b/people/4287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4288.html b/people/4288.html
index 951f34fe..0b4723c0 100644
--- a/people/4288.html
+++ b/people/4288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4289.html b/people/4289.html
index 03856fbe..93e830d1 100644
--- a/people/4289.html
+++ b/people/4289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/429.html b/people/429.html
index 95a1120c..d7b2688c 100644
--- a/people/429.html
+++ b/people/429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4290.html b/people/4290.html
index 520bb265..9188f4e3 100644
--- a/people/4290.html
+++ b/people/4290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4291.html b/people/4291.html
index 6f6c981d..9d650cea 100644
--- a/people/4291.html
+++ b/people/4291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4292.html b/people/4292.html
index 3b9479b6..5df51c81 100644
--- a/people/4292.html
+++ b/people/4292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4293.html b/people/4293.html
index c44a2536..07fc4c98 100644
--- a/people/4293.html
+++ b/people/4293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4294.html b/people/4294.html
index f13a9a50..9f1a8c6e 100644
--- a/people/4294.html
+++ b/people/4294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4295.html b/people/4295.html
index ce5930f2..35070cee 100644
--- a/people/4295.html
+++ b/people/4295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4296.html b/people/4296.html
index 83cebe84..0750f1af 100644
--- a/people/4296.html
+++ b/people/4296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4297.html b/people/4297.html
index 57d52399..a3cc7bd6 100644
--- a/people/4297.html
+++ b/people/4297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4298.html b/people/4298.html
index f2c559ab..a8d4428c 100644
--- a/people/4298.html
+++ b/people/4298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4299.html b/people/4299.html
index 1b60f96b..8f61fde9 100644
--- a/people/4299.html
+++ b/people/4299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/43.html b/people/43.html
index ef3eb0ab..b7db432f 100644
--- a/people/43.html
+++ b/people/43.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/430.html b/people/430.html
index 0d3033b8..09625d67 100644
--- a/people/430.html
+++ b/people/430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4300.html b/people/4300.html
index 6fdf181c..72e9fb6b 100644
--- a/people/4300.html
+++ b/people/4300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4301.html b/people/4301.html
index 63791ab3..47c517a6 100644
--- a/people/4301.html
+++ b/people/4301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4302.html b/people/4302.html
index 8b731540..f81f136b 100644
--- a/people/4302.html
+++ b/people/4302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4303.html b/people/4303.html
index f7d95502..051d995a 100644
--- a/people/4303.html
+++ b/people/4303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4304.html b/people/4304.html
index 4045f87a..31798387 100644
--- a/people/4304.html
+++ b/people/4304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4305.html b/people/4305.html
index e031652c..dc9a9b7b 100644
--- a/people/4305.html
+++ b/people/4305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4306.html b/people/4306.html
index 597340c8..0fe8b1d6 100644
--- a/people/4306.html
+++ b/people/4306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4307.html b/people/4307.html
index a4bfe761..755ea051 100644
--- a/people/4307.html
+++ b/people/4307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4308.html b/people/4308.html
index 072a1d13..84631749 100644
--- a/people/4308.html
+++ b/people/4308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4309.html b/people/4309.html
index ee9858d2..27c65649 100644
--- a/people/4309.html
+++ b/people/4309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/431.html b/people/431.html
index 2e71bd9d..d1b87107 100644
--- a/people/431.html
+++ b/people/431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4310.html b/people/4310.html
index 871f1915..254edfba 100644
--- a/people/4310.html
+++ b/people/4310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4311.html b/people/4311.html
index 0451c2cb..dad27262 100644
--- a/people/4311.html
+++ b/people/4311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4312.html b/people/4312.html
index 14d8a0ac..a556087e 100644
--- a/people/4312.html
+++ b/people/4312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4313.html b/people/4313.html
index 3ee45ccb..65201c35 100644
--- a/people/4313.html
+++ b/people/4313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4314.html b/people/4314.html
index 5af107be..fe108295 100644
--- a/people/4314.html
+++ b/people/4314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4315.html b/people/4315.html
index 5818e1b5..ff6cbe46 100644
--- a/people/4315.html
+++ b/people/4315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4316.html b/people/4316.html
index 6806d9a6..d31930be 100644
--- a/people/4316.html
+++ b/people/4316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4317.html b/people/4317.html
index 5e928755..aa2c2624 100644
--- a/people/4317.html
+++ b/people/4317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4318.html b/people/4318.html
index 9371c678..98b4060e 100644
--- a/people/4318.html
+++ b/people/4318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4319.html b/people/4319.html
index b749b665..b03777ab 100644
--- a/people/4319.html
+++ b/people/4319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/432.html b/people/432.html
index b8765ade..85e0a4e9 100644
--- a/people/432.html
+++ b/people/432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4320.html b/people/4320.html
index 7dadbf25..7c31dd0f 100644
--- a/people/4320.html
+++ b/people/4320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4321.html b/people/4321.html
index 26c48126..fd4399d8 100644
--- a/people/4321.html
+++ b/people/4321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4322.html b/people/4322.html
index 60a291d8..13737114 100644
--- a/people/4322.html
+++ b/people/4322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4323.html b/people/4323.html
index 151d30f6..93596dd9 100644
--- a/people/4323.html
+++ b/people/4323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4324.html b/people/4324.html
index 5b5d9609..d437b2bc 100644
--- a/people/4324.html
+++ b/people/4324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4325.html b/people/4325.html
index 994cff0c..7f2ceedf 100644
--- a/people/4325.html
+++ b/people/4325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4326.html b/people/4326.html
index 72da422c..8cd4c470 100644
--- a/people/4326.html
+++ b/people/4326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4327.html b/people/4327.html
index b4b72f00..dc232b09 100644
--- a/people/4327.html
+++ b/people/4327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4328.html b/people/4328.html
index 5f5871bc..0bb28411 100644
--- a/people/4328.html
+++ b/people/4328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4329.html b/people/4329.html
index a62bf2d5..9b585c32 100644
--- a/people/4329.html
+++ b/people/4329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/433.html b/people/433.html
index d2a7cf58..d2cf4cd3 100644
--- a/people/433.html
+++ b/people/433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4330.html b/people/4330.html
index b0498e88..9b57b747 100644
--- a/people/4330.html
+++ b/people/4330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4331.html b/people/4331.html
index 05ff513c..b3fbe4c9 100644
--- a/people/4331.html
+++ b/people/4331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4332.html b/people/4332.html
index cfb854e0..99a01a5c 100644
--- a/people/4332.html
+++ b/people/4332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4333.html b/people/4333.html
index 68d840a6..20400041 100644
--- a/people/4333.html
+++ b/people/4333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4334.html b/people/4334.html
index 659ba2a5..03a5606b 100644
--- a/people/4334.html
+++ b/people/4334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4335.html b/people/4335.html
index 9f98bb92..7e324786 100644
--- a/people/4335.html
+++ b/people/4335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4336.html b/people/4336.html
index 1a025bc5..beee588c 100644
--- a/people/4336.html
+++ b/people/4336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4337.html b/people/4337.html
index 01997103..13bb8a15 100644
--- a/people/4337.html
+++ b/people/4337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4338.html b/people/4338.html
index 32be1be1..8cac4fa0 100644
--- a/people/4338.html
+++ b/people/4338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4339.html b/people/4339.html
index 957d291b..064df74b 100644
--- a/people/4339.html
+++ b/people/4339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/434.html b/people/434.html
index 1cb116d8..86784c7c 100644
--- a/people/434.html
+++ b/people/434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4340.html b/people/4340.html
index 34b8887e..802e5c32 100644
--- a/people/4340.html
+++ b/people/4340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4341.html b/people/4341.html
index b5748683..9ffd1737 100644
--- a/people/4341.html
+++ b/people/4341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4342.html b/people/4342.html
index e4823169..a9245517 100644
--- a/people/4342.html
+++ b/people/4342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4343.html b/people/4343.html
index 38dc8a3a..06b086ff 100644
--- a/people/4343.html
+++ b/people/4343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4344.html b/people/4344.html
index 903cbc0e..e9ff7194 100644
--- a/people/4344.html
+++ b/people/4344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4345.html b/people/4345.html
index 2a4e100c..303fe047 100644
--- a/people/4345.html
+++ b/people/4345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4346.html b/people/4346.html
index 63de7ea5..ed986ba2 100644
--- a/people/4346.html
+++ b/people/4346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4347.html b/people/4347.html
index 4ca745c9..02d56e04 100644
--- a/people/4347.html
+++ b/people/4347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4348.html b/people/4348.html
index 1776bd01..891659af 100644
--- a/people/4348.html
+++ b/people/4348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4349.html b/people/4349.html
index d051524c..6a2b8195 100644
--- a/people/4349.html
+++ b/people/4349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/435.html b/people/435.html
index 77a84ed4..ad321c88 100644
--- a/people/435.html
+++ b/people/435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4350.html b/people/4350.html
index e0fcc6dd..645e13fb 100644
--- a/people/4350.html
+++ b/people/4350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4351.html b/people/4351.html
index 2e36f82f..5168be8e 100644
--- a/people/4351.html
+++ b/people/4351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4352.html b/people/4352.html
index 2f9e70d6..acd54e2f 100644
--- a/people/4352.html
+++ b/people/4352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4353.html b/people/4353.html
index 4618b8ac..27fda72f 100644
--- a/people/4353.html
+++ b/people/4353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4354.html b/people/4354.html
index 4d955966..4bb34abc 100644
--- a/people/4354.html
+++ b/people/4354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4355.html b/people/4355.html
index fda6de41..e6ec8d89 100644
--- a/people/4355.html
+++ b/people/4355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4356.html b/people/4356.html
index 9101b22a..7d3b2956 100644
--- a/people/4356.html
+++ b/people/4356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4357.html b/people/4357.html
index cf80f488..4f0b2c43 100644
--- a/people/4357.html
+++ b/people/4357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4358.html b/people/4358.html
index 6f3f9f05..8258190c 100644
--- a/people/4358.html
+++ b/people/4358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4359.html b/people/4359.html
index 01ca4265..3d40e1ab 100644
--- a/people/4359.html
+++ b/people/4359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/436.html b/people/436.html
index 4296e531..0b43caac 100644
--- a/people/436.html
+++ b/people/436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4360.html b/people/4360.html
index 753bbe5b..2d1cb730 100644
--- a/people/4360.html
+++ b/people/4360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4361.html b/people/4361.html
index e8e9123e..82f20081 100644
--- a/people/4361.html
+++ b/people/4361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4362.html b/people/4362.html
index 75d2454c..b79d2861 100644
--- a/people/4362.html
+++ b/people/4362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4363.html b/people/4363.html
index 641a3121..a0bbff69 100644
--- a/people/4363.html
+++ b/people/4363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4364.html b/people/4364.html
index 633da157..c0406709 100644
--- a/people/4364.html
+++ b/people/4364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4365.html b/people/4365.html
index 6523e472..281342f0 100644
--- a/people/4365.html
+++ b/people/4365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4366.html b/people/4366.html
index 6de146c0..72012596 100644
--- a/people/4366.html
+++ b/people/4366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4367.html b/people/4367.html
index 6f026c9e..acf1ac95 100644
--- a/people/4367.html
+++ b/people/4367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4368.html b/people/4368.html
index 6c9d73c3..d3248a8a 100644
--- a/people/4368.html
+++ b/people/4368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4369.html b/people/4369.html
index 90c93dda..8103c366 100644
--- a/people/4369.html
+++ b/people/4369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/437.html b/people/437.html
index d01f03c7..59778396 100644
--- a/people/437.html
+++ b/people/437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4370.html b/people/4370.html
index 11e9fbf2..78911af3 100644
--- a/people/4370.html
+++ b/people/4370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4371.html b/people/4371.html
index 429930be..56bcb30c 100644
--- a/people/4371.html
+++ b/people/4371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4372.html b/people/4372.html
index 9182a578..687f8b98 100644
--- a/people/4372.html
+++ b/people/4372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4373.html b/people/4373.html
index f2527c39..a49a05eb 100644
--- a/people/4373.html
+++ b/people/4373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4374.html b/people/4374.html
index 8598ab1c..9569f168 100644
--- a/people/4374.html
+++ b/people/4374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4375.html b/people/4375.html
index 4d16adc7..bcf8ec9f 100644
--- a/people/4375.html
+++ b/people/4375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4376.html b/people/4376.html
index 005c83c4..d5a38f95 100644
--- a/people/4376.html
+++ b/people/4376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4377.html b/people/4377.html
index 6d6ca671..350c28e7 100644
--- a/people/4377.html
+++ b/people/4377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4378.html b/people/4378.html
index 92121081..765b2580 100644
--- a/people/4378.html
+++ b/people/4378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4379.html b/people/4379.html
index 50514578..dcfa0861 100644
--- a/people/4379.html
+++ b/people/4379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/438.html b/people/438.html
index 98a5ee4b..2091831f 100644
--- a/people/438.html
+++ b/people/438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4380.html b/people/4380.html
index f0d9b923..09fd6204 100644
--- a/people/4380.html
+++ b/people/4380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4381.html b/people/4381.html
index 79703a29..e7907b24 100644
--- a/people/4381.html
+++ b/people/4381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4382.html b/people/4382.html
index 57553f98..b5784ee5 100644
--- a/people/4382.html
+++ b/people/4382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4383.html b/people/4383.html
index cd6fb793..4dd72ce1 100644
--- a/people/4383.html
+++ b/people/4383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4384.html b/people/4384.html
index 9bc655be..cd45cc00 100644
--- a/people/4384.html
+++ b/people/4384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4385.html b/people/4385.html
index b96ff782..2ca9422e 100644
--- a/people/4385.html
+++ b/people/4385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4386.html b/people/4386.html
index 60ca5a46..108c3147 100644
--- a/people/4386.html
+++ b/people/4386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4387.html b/people/4387.html
index d439860e..aabfb169 100644
--- a/people/4387.html
+++ b/people/4387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4388.html b/people/4388.html
index 7dd04fc6..3ee3b452 100644
--- a/people/4388.html
+++ b/people/4388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4389.html b/people/4389.html
index aee83d4e..f2d7e7bd 100644
--- a/people/4389.html
+++ b/people/4389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/439.html b/people/439.html
index 59433c44..8e88b527 100644
--- a/people/439.html
+++ b/people/439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4390.html b/people/4390.html
index 6ea6e4c0..cabd0f8c 100644
--- a/people/4390.html
+++ b/people/4390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4391.html b/people/4391.html
index 123530fc..5314d95a 100644
--- a/people/4391.html
+++ b/people/4391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4392.html b/people/4392.html
index 4f9f1091..97c2e00a 100644
--- a/people/4392.html
+++ b/people/4392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4393.html b/people/4393.html
index d9facc0e..11ec7e0c 100644
--- a/people/4393.html
+++ b/people/4393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4394.html b/people/4394.html
index a6e8644f..5e44051f 100644
--- a/people/4394.html
+++ b/people/4394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4395.html b/people/4395.html
index 99724715..2ee7bc27 100644
--- a/people/4395.html
+++ b/people/4395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4396.html b/people/4396.html
index b77ba6b4..2a50c122 100644
--- a/people/4396.html
+++ b/people/4396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4397.html b/people/4397.html
index 24bcb54b..fc4fb645 100644
--- a/people/4397.html
+++ b/people/4397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4398.html b/people/4398.html
index bc9aab1c..f9fc92fa 100644
--- a/people/4398.html
+++ b/people/4398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4399.html b/people/4399.html
index b011e120..d4a0f774 100644
--- a/people/4399.html
+++ b/people/4399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/44.html b/people/44.html
index 98faa67a..1bb54e77 100644
--- a/people/44.html
+++ b/people/44.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/440.html b/people/440.html
index 05ed0ac2..c113fc19 100644
--- a/people/440.html
+++ b/people/440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4400.html b/people/4400.html
index 7c1f98d0..31168f89 100644
--- a/people/4400.html
+++ b/people/4400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4401.html b/people/4401.html
index 8892a88d..6deb8d21 100644
--- a/people/4401.html
+++ b/people/4401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4402.html b/people/4402.html
index facf2c51..b118c930 100644
--- a/people/4402.html
+++ b/people/4402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4403.html b/people/4403.html
index f44c56b4..9e599ce6 100644
--- a/people/4403.html
+++ b/people/4403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4404.html b/people/4404.html
index f92fdd55..fcb51d29 100644
--- a/people/4404.html
+++ b/people/4404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4405.html b/people/4405.html
index 6b91673e..586343fc 100644
--- a/people/4405.html
+++ b/people/4405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4406.html b/people/4406.html
index f8c6288e..7eacbdb6 100644
--- a/people/4406.html
+++ b/people/4406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4407.html b/people/4407.html
index 9a0b86f3..c1caeade 100644
--- a/people/4407.html
+++ b/people/4407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4408.html b/people/4408.html
index 648d4c97..53aeb9b5 100644
--- a/people/4408.html
+++ b/people/4408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4409.html b/people/4409.html
index b4141205..020bc7af 100644
--- a/people/4409.html
+++ b/people/4409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/441.html b/people/441.html
index e9fa61b6..74ec8852 100644
--- a/people/441.html
+++ b/people/441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4410.html b/people/4410.html
index 2e671383..381eeb02 100644
--- a/people/4410.html
+++ b/people/4410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4411.html b/people/4411.html
index c2ad96fc..b43fe1b4 100644
--- a/people/4411.html
+++ b/people/4411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4412.html b/people/4412.html
index 3607e044..b4d1149a 100644
--- a/people/4412.html
+++ b/people/4412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4413.html b/people/4413.html
index 88f3b712..a1b13b91 100644
--- a/people/4413.html
+++ b/people/4413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4414.html b/people/4414.html
index 2186ad23..d1237afb 100644
--- a/people/4414.html
+++ b/people/4414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4415.html b/people/4415.html
index 3da7457b..2d695522 100644
--- a/people/4415.html
+++ b/people/4415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4416.html b/people/4416.html
index 8e2845c4..490b90e1 100644
--- a/people/4416.html
+++ b/people/4416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4417.html b/people/4417.html
index e8165e0a..2fd465ef 100644
--- a/people/4417.html
+++ b/people/4417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4418.html b/people/4418.html
index c55933c9..29ec91a8 100644
--- a/people/4418.html
+++ b/people/4418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4419.html b/people/4419.html
index 78acabcf..c9c808b8 100644
--- a/people/4419.html
+++ b/people/4419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/442.html b/people/442.html
index 8ec9c1ea..c0089034 100644
--- a/people/442.html
+++ b/people/442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4420.html b/people/4420.html
index 5b4354e5..64a9df32 100644
--- a/people/4420.html
+++ b/people/4420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4421.html b/people/4421.html
index bb48c6e1..5c130d04 100644
--- a/people/4421.html
+++ b/people/4421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4422.html b/people/4422.html
index fc1e8966..39d03637 100644
--- a/people/4422.html
+++ b/people/4422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4423.html b/people/4423.html
index b2966ca4..691c4cbd 100644
--- a/people/4423.html
+++ b/people/4423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4424.html b/people/4424.html
index 43ec82be..b51e88a6 100644
--- a/people/4424.html
+++ b/people/4424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4425.html b/people/4425.html
index 66763ad3..7d0479d8 100644
--- a/people/4425.html
+++ b/people/4425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4426.html b/people/4426.html
index bcf133e9..d44dec82 100644
--- a/people/4426.html
+++ b/people/4426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4427.html b/people/4427.html
index 5a47c325..75ebb064 100644
--- a/people/4427.html
+++ b/people/4427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4428.html b/people/4428.html
index 41b3999d..4c7dbaa9 100644
--- a/people/4428.html
+++ b/people/4428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4429.html b/people/4429.html
index edb2a941..af5d3a63 100644
--- a/people/4429.html
+++ b/people/4429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/443.html b/people/443.html
index bdb9d955..0767cce2 100644
--- a/people/443.html
+++ b/people/443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4430.html b/people/4430.html
index b8f21a49..3f32036e 100644
--- a/people/4430.html
+++ b/people/4430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4431.html b/people/4431.html
index 12a90622..37e108e0 100644
--- a/people/4431.html
+++ b/people/4431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4432.html b/people/4432.html
index 7b483238..38e2b205 100644
--- a/people/4432.html
+++ b/people/4432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4433.html b/people/4433.html
index 5276a025..6e54d496 100644
--- a/people/4433.html
+++ b/people/4433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4434.html b/people/4434.html
index 89081cda..e462292d 100644
--- a/people/4434.html
+++ b/people/4434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4435.html b/people/4435.html
index 94b0dc82..c8f236bf 100644
--- a/people/4435.html
+++ b/people/4435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4436.html b/people/4436.html
index 74b14056..fc878c9c 100644
--- a/people/4436.html
+++ b/people/4436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4437.html b/people/4437.html
index 812af441..32b32b27 100644
--- a/people/4437.html
+++ b/people/4437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4438.html b/people/4438.html
index 0e1902fd..8f6c1f01 100644
--- a/people/4438.html
+++ b/people/4438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4439.html b/people/4439.html
index 25fdfc49..0a893298 100644
--- a/people/4439.html
+++ b/people/4439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/444.html b/people/444.html
index 4a75f72e..82819ef8 100644
--- a/people/444.html
+++ b/people/444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4440.html b/people/4440.html
index d997d0c6..4035d951 100644
--- a/people/4440.html
+++ b/people/4440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4441.html b/people/4441.html
index 85cc5be1..91a3dedc 100644
--- a/people/4441.html
+++ b/people/4441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4442.html b/people/4442.html
index 381d6288..6f5baf8f 100644
--- a/people/4442.html
+++ b/people/4442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4443.html b/people/4443.html
index 26279ca2..1d2e980c 100644
--- a/people/4443.html
+++ b/people/4443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4444.html b/people/4444.html
index 52d559b6..045ee80b 100644
--- a/people/4444.html
+++ b/people/4444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4445.html b/people/4445.html
index 97d69fe8..6a0824c4 100644
--- a/people/4445.html
+++ b/people/4445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4446.html b/people/4446.html
index cbca1ebc..a1945fda 100644
--- a/people/4446.html
+++ b/people/4446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4447.html b/people/4447.html
index f3dc3ff8..c920a062 100644
--- a/people/4447.html
+++ b/people/4447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4448.html b/people/4448.html
index 782657dc..0e13df57 100644
--- a/people/4448.html
+++ b/people/4448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4449.html b/people/4449.html
index f634828b..a215c8e5 100644
--- a/people/4449.html
+++ b/people/4449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/445.html b/people/445.html
index 47be7509..bbf1aa1f 100644
--- a/people/445.html
+++ b/people/445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4450.html b/people/4450.html
index dd7d0923..f3e2a368 100644
--- a/people/4450.html
+++ b/people/4450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4451.html b/people/4451.html
index f86a09a9..9161b084 100644
--- a/people/4451.html
+++ b/people/4451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4452.html b/people/4452.html
index ff266bae..bb9ce80b 100644
--- a/people/4452.html
+++ b/people/4452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4453.html b/people/4453.html
index e099315f..bec1d2a8 100644
--- a/people/4453.html
+++ b/people/4453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4454.html b/people/4454.html
index 6136ef69..a208445f 100644
--- a/people/4454.html
+++ b/people/4454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4455.html b/people/4455.html
index be5f8868..23e98596 100644
--- a/people/4455.html
+++ b/people/4455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4456.html b/people/4456.html
index 5dd6ceb2..aa67bfc9 100644
--- a/people/4456.html
+++ b/people/4456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4457.html b/people/4457.html
index 7be9334e..93da2edc 100644
--- a/people/4457.html
+++ b/people/4457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4458.html b/people/4458.html
index 5645f025..c281bd83 100644
--- a/people/4458.html
+++ b/people/4458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4459.html b/people/4459.html
index dacafb7d..b96a880b 100644
--- a/people/4459.html
+++ b/people/4459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/446.html b/people/446.html
index 65084d62..3fad5d1c 100644
--- a/people/446.html
+++ b/people/446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4460.html b/people/4460.html
index 4733707b..02e4f254 100644
--- a/people/4460.html
+++ b/people/4460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4461.html b/people/4461.html
index d19117a2..ab2ebf0d 100644
--- a/people/4461.html
+++ b/people/4461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4462.html b/people/4462.html
index b7a9092b..a4c30fea 100644
--- a/people/4462.html
+++ b/people/4462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4463.html b/people/4463.html
index 307b73c3..92d4d8f0 100644
--- a/people/4463.html
+++ b/people/4463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4464.html b/people/4464.html
index d85d74a0..efa4d129 100644
--- a/people/4464.html
+++ b/people/4464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4465.html b/people/4465.html
index e22abe12..15bf3af6 100644
--- a/people/4465.html
+++ b/people/4465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4466.html b/people/4466.html
index e607b8bf..bb9e5a73 100644
--- a/people/4466.html
+++ b/people/4466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4467.html b/people/4467.html
index 2ab076ca..48fd5754 100644
--- a/people/4467.html
+++ b/people/4467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4468.html b/people/4468.html
index d2a4fa88..9a4f066c 100644
--- a/people/4468.html
+++ b/people/4468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4469.html b/people/4469.html
index 668e8e01..75479192 100644
--- a/people/4469.html
+++ b/people/4469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/447.html b/people/447.html
index 7e378b94..b723515f 100644
--- a/people/447.html
+++ b/people/447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4470.html b/people/4470.html
index 5c5c6b1b..a18b0ee8 100644
--- a/people/4470.html
+++ b/people/4470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4471.html b/people/4471.html
index 79e9d957..6c51766c 100644
--- a/people/4471.html
+++ b/people/4471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4472.html b/people/4472.html
index 9f6f02de..2aa354a3 100644
--- a/people/4472.html
+++ b/people/4472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4473.html b/people/4473.html
index e189b88f..88eada88 100644
--- a/people/4473.html
+++ b/people/4473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4474.html b/people/4474.html
index 90a0bb77..1c4b4af1 100644
--- a/people/4474.html
+++ b/people/4474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4475.html b/people/4475.html
index 01cab615..64435453 100644
--- a/people/4475.html
+++ b/people/4475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4476.html b/people/4476.html
index 3eae1226..029cdcac 100644
--- a/people/4476.html
+++ b/people/4476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4477.html b/people/4477.html
index 47119e00..b297a314 100644
--- a/people/4477.html
+++ b/people/4477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4478.html b/people/4478.html
index fb52ecbf..73341117 100644
--- a/people/4478.html
+++ b/people/4478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4479.html b/people/4479.html
index 6425599f..fcab6608 100644
--- a/people/4479.html
+++ b/people/4479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/448.html b/people/448.html
index edefacfc..6242410f 100644
--- a/people/448.html
+++ b/people/448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4480.html b/people/4480.html
index 65b5b80e..afa303a6 100644
--- a/people/4480.html
+++ b/people/4480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4481.html b/people/4481.html
index 2751e3b0..205b4571 100644
--- a/people/4481.html
+++ b/people/4481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4482.html b/people/4482.html
index 37fc89b8..f46c19f9 100644
--- a/people/4482.html
+++ b/people/4482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4483.html b/people/4483.html
index 3f3230ea..624e7057 100644
--- a/people/4483.html
+++ b/people/4483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4484.html b/people/4484.html
index edf343c9..0c100d38 100644
--- a/people/4484.html
+++ b/people/4484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4485.html b/people/4485.html
index 33e867fe..de1179bb 100644
--- a/people/4485.html
+++ b/people/4485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4486.html b/people/4486.html
index 5b5b3cbf..1b699467 100644
--- a/people/4486.html
+++ b/people/4486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4487.html b/people/4487.html
index d2a05c91..152745b2 100644
--- a/people/4487.html
+++ b/people/4487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4488.html b/people/4488.html
index b9b5df91..443340bf 100644
--- a/people/4488.html
+++ b/people/4488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4489.html b/people/4489.html
index 8f7ca69b..8e0b9247 100644
--- a/people/4489.html
+++ b/people/4489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/449.html b/people/449.html
index d410d073..c955268b 100644
--- a/people/449.html
+++ b/people/449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4490.html b/people/4490.html
index 12d7d88d..8271ecd6 100644
--- a/people/4490.html
+++ b/people/4490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4491.html b/people/4491.html
index 831f9287..5d59d166 100644
--- a/people/4491.html
+++ b/people/4491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4492.html b/people/4492.html
index 016dc0b4..12fb145c 100644
--- a/people/4492.html
+++ b/people/4492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4493.html b/people/4493.html
index e3f4563a..9820957c 100644
--- a/people/4493.html
+++ b/people/4493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4494.html b/people/4494.html
index f49ae5d0..507b98d6 100644
--- a/people/4494.html
+++ b/people/4494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4495.html b/people/4495.html
index 3ae2bcb8..aba7b302 100644
--- a/people/4495.html
+++ b/people/4495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4496.html b/people/4496.html
index 6e010668..0d150524 100644
--- a/people/4496.html
+++ b/people/4496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4497.html b/people/4497.html
index 670ec555..a6469573 100644
--- a/people/4497.html
+++ b/people/4497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4498.html b/people/4498.html
index db00e09f..2e412ebc 100644
--- a/people/4498.html
+++ b/people/4498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4499.html b/people/4499.html
index a54bb26b..23f62ea7 100644
--- a/people/4499.html
+++ b/people/4499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/45.html b/people/45.html
index 28a6f45a..0be024c6 100644
--- a/people/45.html
+++ b/people/45.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/450.html b/people/450.html
index 0f1ced8c..347779ca 100644
--- a/people/450.html
+++ b/people/450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4500.html b/people/4500.html
index 45195ec5..dddedf7a 100644
--- a/people/4500.html
+++ b/people/4500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4501.html b/people/4501.html
index 6dc9c7c5..97f15df1 100644
--- a/people/4501.html
+++ b/people/4501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4502.html b/people/4502.html
index ce767788..9e8a8b01 100644
--- a/people/4502.html
+++ b/people/4502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4503.html b/people/4503.html
index bda9e2a0..19713236 100644
--- a/people/4503.html
+++ b/people/4503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4504.html b/people/4504.html
index 9694f014..99826a66 100644
--- a/people/4504.html
+++ b/people/4504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4505.html b/people/4505.html
index 3b4a9274..25c4275a 100644
--- a/people/4505.html
+++ b/people/4505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4506.html b/people/4506.html
index 382c0243..dcea8b8c 100644
--- a/people/4506.html
+++ b/people/4506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4507.html b/people/4507.html
index 59f6c452..548870ab 100644
--- a/people/4507.html
+++ b/people/4507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4508.html b/people/4508.html
index b364e90f..b2b44e36 100644
--- a/people/4508.html
+++ b/people/4508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4509.html b/people/4509.html
index f955f4c1..0ee28b07 100644
--- a/people/4509.html
+++ b/people/4509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/451.html b/people/451.html
index 06641099..1cd22886 100644
--- a/people/451.html
+++ b/people/451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4510.html b/people/4510.html
index 9f51b24f..ac5c969e 100644
--- a/people/4510.html
+++ b/people/4510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4511.html b/people/4511.html
index 1ff05ca3..1a36b636 100644
--- a/people/4511.html
+++ b/people/4511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4512.html b/people/4512.html
index 397c364a..df2b080d 100644
--- a/people/4512.html
+++ b/people/4512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4513.html b/people/4513.html
index a3a5494a..2533f3f6 100644
--- a/people/4513.html
+++ b/people/4513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4514.html b/people/4514.html
index cd83f7fb..fd29558e 100644
--- a/people/4514.html
+++ b/people/4514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4515.html b/people/4515.html
index 196db7ec..d22f4c72 100644
--- a/people/4515.html
+++ b/people/4515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4516.html b/people/4516.html
index 5bd724dc..eeb4ff5d 100644
--- a/people/4516.html
+++ b/people/4516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4517.html b/people/4517.html
index 75b090f9..e6a7df14 100644
--- a/people/4517.html
+++ b/people/4517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4518.html b/people/4518.html
index 74da3d68..b03c8bce 100644
--- a/people/4518.html
+++ b/people/4518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4519.html b/people/4519.html
index f84cbf6b..314d5862 100644
--- a/people/4519.html
+++ b/people/4519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/452.html b/people/452.html
index 4f395d8a..72ba9b1f 100644
--- a/people/452.html
+++ b/people/452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4520.html b/people/4520.html
index 9eb9c7e4..8ae19417 100644
--- a/people/4520.html
+++ b/people/4520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4521.html b/people/4521.html
index 67fca0b8..4c60f2b7 100644
--- a/people/4521.html
+++ b/people/4521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4522.html b/people/4522.html
index 18717eb6..d67aa834 100644
--- a/people/4522.html
+++ b/people/4522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4523.html b/people/4523.html
index 1da99a14..ff8f6805 100644
--- a/people/4523.html
+++ b/people/4523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4524.html b/people/4524.html
index e63a2c59..7d9008e0 100644
--- a/people/4524.html
+++ b/people/4524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4525.html b/people/4525.html
index a99a8e97..1ad1838a 100644
--- a/people/4525.html
+++ b/people/4525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4526.html b/people/4526.html
index e88cc7bc..af6964e1 100644
--- a/people/4526.html
+++ b/people/4526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4527.html b/people/4527.html
index 00609143..edb72a62 100644
--- a/people/4527.html
+++ b/people/4527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4528.html b/people/4528.html
index d44a0378..9dec2917 100644
--- a/people/4528.html
+++ b/people/4528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4529.html b/people/4529.html
index e69833f1..468ec8b9 100644
--- a/people/4529.html
+++ b/people/4529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/453.html b/people/453.html
index 772b7cea..e8d263f5 100644
--- a/people/453.html
+++ b/people/453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4530.html b/people/4530.html
index db8644fc..39e245c4 100644
--- a/people/4530.html
+++ b/people/4530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4531.html b/people/4531.html
index 24f71a5c..d48c8aef 100644
--- a/people/4531.html
+++ b/people/4531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4532.html b/people/4532.html
index 8bfb9528..0eccc4b8 100644
--- a/people/4532.html
+++ b/people/4532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4533.html b/people/4533.html
index d4358b13..ac7f1437 100644
--- a/people/4533.html
+++ b/people/4533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4534.html b/people/4534.html
index a0bac2f0..b498e9e1 100644
--- a/people/4534.html
+++ b/people/4534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4535.html b/people/4535.html
index b00f3c6d..3c4eca0d 100644
--- a/people/4535.html
+++ b/people/4535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4536.html b/people/4536.html
index 3d8a9e92..d1d800bb 100644
--- a/people/4536.html
+++ b/people/4536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4537.html b/people/4537.html
index 5454e653..7a975944 100644
--- a/people/4537.html
+++ b/people/4537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4538.html b/people/4538.html
index 6e0fcc4d..e1d532f4 100644
--- a/people/4538.html
+++ b/people/4538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4539.html b/people/4539.html
index 668f4c8c..53c877d7 100644
--- a/people/4539.html
+++ b/people/4539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/454.html b/people/454.html
index 0596b3b1..7c6413bc 100644
--- a/people/454.html
+++ b/people/454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4540.html b/people/4540.html
index 1858148e..4ec3e6c9 100644
--- a/people/4540.html
+++ b/people/4540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4541.html b/people/4541.html
index 3eabc3aa..d4b07c05 100644
--- a/people/4541.html
+++ b/people/4541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4542.html b/people/4542.html
index 06b8c42e..2e41c358 100644
--- a/people/4542.html
+++ b/people/4542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4543.html b/people/4543.html
index e5920e82..6342e6d1 100644
--- a/people/4543.html
+++ b/people/4543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4544.html b/people/4544.html
index 8ea12e9f..f75c223c 100644
--- a/people/4544.html
+++ b/people/4544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4545.html b/people/4545.html
index 1df7c5ab..0085af2f 100644
--- a/people/4545.html
+++ b/people/4545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4546.html b/people/4546.html
index 95513935..0806d830 100644
--- a/people/4546.html
+++ b/people/4546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4547.html b/people/4547.html
index 7873f841..1fa03e2a 100644
--- a/people/4547.html
+++ b/people/4547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4548.html b/people/4548.html
index cd386181..2b7e57c6 100644
--- a/people/4548.html
+++ b/people/4548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4549.html b/people/4549.html
index 7f1ff414..d14b7072 100644
--- a/people/4549.html
+++ b/people/4549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/455.html b/people/455.html
index 16a6305f..0898b508 100644
--- a/people/455.html
+++ b/people/455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4550.html b/people/4550.html
index de680a1b..05acbd61 100644
--- a/people/4550.html
+++ b/people/4550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4551.html b/people/4551.html
index e77e5a4b..310881ed 100644
--- a/people/4551.html
+++ b/people/4551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4552.html b/people/4552.html
index ceb817ee..dcd7e201 100644
--- a/people/4552.html
+++ b/people/4552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4553.html b/people/4553.html
index 7cbbea20..6caca826 100644
--- a/people/4553.html
+++ b/people/4553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4554.html b/people/4554.html
index d82a1182..7b5210a2 100644
--- a/people/4554.html
+++ b/people/4554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4555.html b/people/4555.html
index 6de35ea2..70a026fc 100644
--- a/people/4555.html
+++ b/people/4555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4556.html b/people/4556.html
index 75cc3a3f..c945fe11 100644
--- a/people/4556.html
+++ b/people/4556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4557.html b/people/4557.html
index 7ebc226d..28469806 100644
--- a/people/4557.html
+++ b/people/4557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4558.html b/people/4558.html
index 9b9e4dc3..82692e49 100644
--- a/people/4558.html
+++ b/people/4558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4559.html b/people/4559.html
index 73337064..936c4a0a 100644
--- a/people/4559.html
+++ b/people/4559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/456.html b/people/456.html
index 8411de33..7ed1e0bf 100644
--- a/people/456.html
+++ b/people/456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4560.html b/people/4560.html
index 7ebf0238..5de34d77 100644
--- a/people/4560.html
+++ b/people/4560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4561.html b/people/4561.html
index 72407f75..718277c3 100644
--- a/people/4561.html
+++ b/people/4561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4562.html b/people/4562.html
index 46d35249..0fd58d8a 100644
--- a/people/4562.html
+++ b/people/4562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4563.html b/people/4563.html
index f3ec9fff..9224791f 100644
--- a/people/4563.html
+++ b/people/4563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4564.html b/people/4564.html
index 106f2759..cd1ee8fc 100644
--- a/people/4564.html
+++ b/people/4564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4565.html b/people/4565.html
index cd8b6997..f3d8df71 100644
--- a/people/4565.html
+++ b/people/4565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4566.html b/people/4566.html
index cabd3d69..f416cc06 100644
--- a/people/4566.html
+++ b/people/4566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4567.html b/people/4567.html
index cbb9089b..64d664f0 100644
--- a/people/4567.html
+++ b/people/4567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4568.html b/people/4568.html
index 1d7128f4..a1f30db5 100644
--- a/people/4568.html
+++ b/people/4568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4569.html b/people/4569.html
index 6c2c8ca1..bf2ba36c 100644
--- a/people/4569.html
+++ b/people/4569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/457.html b/people/457.html
index 2c1e939f..6e38482b 100644
--- a/people/457.html
+++ b/people/457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4570.html b/people/4570.html
index 72d9f3df..2d7b5a92 100644
--- a/people/4570.html
+++ b/people/4570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4571.html b/people/4571.html
index 17f23a66..0d5a139e 100644
--- a/people/4571.html
+++ b/people/4571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4572.html b/people/4572.html
index 1143415b..7df427c5 100644
--- a/people/4572.html
+++ b/people/4572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4573.html b/people/4573.html
index 2ffed72c..fdce9928 100644
--- a/people/4573.html
+++ b/people/4573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4574.html b/people/4574.html
index 273d4875..92e52d9c 100644
--- a/people/4574.html
+++ b/people/4574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4575.html b/people/4575.html
index f0b887d2..8972381f 100644
--- a/people/4575.html
+++ b/people/4575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4576.html b/people/4576.html
index 128630ae..0aac324e 100644
--- a/people/4576.html
+++ b/people/4576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4577.html b/people/4577.html
index 373d1ae3..d58e2ded 100644
--- a/people/4577.html
+++ b/people/4577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4578.html b/people/4578.html
index 5ec8062d..8ba6437e 100644
--- a/people/4578.html
+++ b/people/4578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4579.html b/people/4579.html
index 1e8b8346..8b42ca2e 100644
--- a/people/4579.html
+++ b/people/4579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/458.html b/people/458.html
index ffd22e8e..df7a2ae2 100644
--- a/people/458.html
+++ b/people/458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4580.html b/people/4580.html
index 78450e3a..950ef6c6 100644
--- a/people/4580.html
+++ b/people/4580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4581.html b/people/4581.html
index f1a17636..b274d037 100644
--- a/people/4581.html
+++ b/people/4581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4582.html b/people/4582.html
index 2512a675..a65b2b97 100644
--- a/people/4582.html
+++ b/people/4582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4583.html b/people/4583.html
index 750bc087..4e46056a 100644
--- a/people/4583.html
+++ b/people/4583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4584.html b/people/4584.html
index 11126738..45285250 100644
--- a/people/4584.html
+++ b/people/4584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4585.html b/people/4585.html
index b2c03324..c38d9e66 100644
--- a/people/4585.html
+++ b/people/4585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4586.html b/people/4586.html
index e09127ef..52d16c6d 100644
--- a/people/4586.html
+++ b/people/4586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4587.html b/people/4587.html
index 6bfe1a14..740a1031 100644
--- a/people/4587.html
+++ b/people/4587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4588.html b/people/4588.html
index 3c937f9e..02789cdd 100644
--- a/people/4588.html
+++ b/people/4588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4589.html b/people/4589.html
index 66d83f9a..2a128e8d 100644
--- a/people/4589.html
+++ b/people/4589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/459.html b/people/459.html
index d4cbfc76..193ebbc2 100644
--- a/people/459.html
+++ b/people/459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4590.html b/people/4590.html
index 1554318a..f30341b1 100644
--- a/people/4590.html
+++ b/people/4590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4591.html b/people/4591.html
index 3429623c..a2b57323 100644
--- a/people/4591.html
+++ b/people/4591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4592.html b/people/4592.html
index f28499c4..f39016a9 100644
--- a/people/4592.html
+++ b/people/4592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4593.html b/people/4593.html
index cece9c38..96f36bfa 100644
--- a/people/4593.html
+++ b/people/4593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4594.html b/people/4594.html
index 0a751cb0..72f777c6 100644
--- a/people/4594.html
+++ b/people/4594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4595.html b/people/4595.html
index f97f88d5..a5332b27 100644
--- a/people/4595.html
+++ b/people/4595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4596.html b/people/4596.html
index 666e870d..2faefbc1 100644
--- a/people/4596.html
+++ b/people/4596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4597.html b/people/4597.html
index 1111007b..941b9ca8 100644
--- a/people/4597.html
+++ b/people/4597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4598.html b/people/4598.html
index 21cf568f..e7984c15 100644
--- a/people/4598.html
+++ b/people/4598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4599.html b/people/4599.html
index 2f658945..a185dffe 100644
--- a/people/4599.html
+++ b/people/4599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/46.html b/people/46.html
index 0296569a..ec48dbbe 100644
--- a/people/46.html
+++ b/people/46.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/460.html b/people/460.html
index 025ee6e2..7662ce0e 100644
--- a/people/460.html
+++ b/people/460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4600.html b/people/4600.html
index beffb9f7..e3f9c1a7 100644
--- a/people/4600.html
+++ b/people/4600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4601.html b/people/4601.html
index 93e3a5b3..d455856b 100644
--- a/people/4601.html
+++ b/people/4601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4602.html b/people/4602.html
index 53433af3..8884d921 100644
--- a/people/4602.html
+++ b/people/4602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4603.html b/people/4603.html
index 1eaffa2c..d036f0cb 100644
--- a/people/4603.html
+++ b/people/4603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4604.html b/people/4604.html
index cb827b5a..8fa06edc 100644
--- a/people/4604.html
+++ b/people/4604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4605.html b/people/4605.html
index c4e3c2c3..da1d543a 100644
--- a/people/4605.html
+++ b/people/4605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4606.html b/people/4606.html
index b9899061..d310455c 100644
--- a/people/4606.html
+++ b/people/4606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4607.html b/people/4607.html
index 6001faa1..3955c59c 100644
--- a/people/4607.html
+++ b/people/4607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4608.html b/people/4608.html
index 80032ddb..00f6b079 100644
--- a/people/4608.html
+++ b/people/4608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4609.html b/people/4609.html
index 98505191..48d62e58 100644
--- a/people/4609.html
+++ b/people/4609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/461.html b/people/461.html
index c08532cc..14d9b361 100644
--- a/people/461.html
+++ b/people/461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4610.html b/people/4610.html
index ae87b9cd..ad31feb0 100644
--- a/people/4610.html
+++ b/people/4610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4611.html b/people/4611.html
index d865d0a8..e88df2d6 100644
--- a/people/4611.html
+++ b/people/4611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4612.html b/people/4612.html
index 309f45ff..294008df 100644
--- a/people/4612.html
+++ b/people/4612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4613.html b/people/4613.html
index 93dcfc53..0c974308 100644
--- a/people/4613.html
+++ b/people/4613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4614.html b/people/4614.html
index 4576d070..3e3431dd 100644
--- a/people/4614.html
+++ b/people/4614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4615.html b/people/4615.html
index 83b2933e..452cd8a3 100644
--- a/people/4615.html
+++ b/people/4615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4616.html b/people/4616.html
index c26d830a..9ce512b2 100644
--- a/people/4616.html
+++ b/people/4616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4617.html b/people/4617.html
index 9eeb7219..2790cf76 100644
--- a/people/4617.html
+++ b/people/4617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4618.html b/people/4618.html
index 1e8717f0..2ff57594 100644
--- a/people/4618.html
+++ b/people/4618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4619.html b/people/4619.html
index 393f29fe..0ce1cca2 100644
--- a/people/4619.html
+++ b/people/4619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/462.html b/people/462.html
index f9cd0215..188db621 100644
--- a/people/462.html
+++ b/people/462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4620.html b/people/4620.html
index ec56be7b..5f11fcc3 100644
--- a/people/4620.html
+++ b/people/4620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4621.html b/people/4621.html
index a4ebe9d9..eb572801 100644
--- a/people/4621.html
+++ b/people/4621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4622.html b/people/4622.html
index 824e8d5e..f29a1448 100644
--- a/people/4622.html
+++ b/people/4622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4623.html b/people/4623.html
index b3c6665d..3534aa26 100644
--- a/people/4623.html
+++ b/people/4623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4624.html b/people/4624.html
index 22a3af16..3d8910dd 100644
--- a/people/4624.html
+++ b/people/4624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4625.html b/people/4625.html
index 4d1ce3d7..8c442b66 100644
--- a/people/4625.html
+++ b/people/4625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4626.html b/people/4626.html
index 7118c726..aa3a97b6 100644
--- a/people/4626.html
+++ b/people/4626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4627.html b/people/4627.html
index 99a58529..5eb6cc52 100644
--- a/people/4627.html
+++ b/people/4627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4628.html b/people/4628.html
index 9f597916..8a20ca05 100644
--- a/people/4628.html
+++ b/people/4628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4629.html b/people/4629.html
index a438678f..7426526f 100644
--- a/people/4629.html
+++ b/people/4629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/463.html b/people/463.html
index 390bfad9..48cd07bc 100644
--- a/people/463.html
+++ b/people/463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4630.html b/people/4630.html
index b99be3ed..b3e2223f 100644
--- a/people/4630.html
+++ b/people/4630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4631.html b/people/4631.html
index ccb618e7..327f375c 100644
--- a/people/4631.html
+++ b/people/4631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4632.html b/people/4632.html
index a0bb9679..c48f1fcd 100644
--- a/people/4632.html
+++ b/people/4632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4633.html b/people/4633.html
index f4268e80..e3e7b06b 100644
--- a/people/4633.html
+++ b/people/4633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4634.html b/people/4634.html
index f9c09095..44f57563 100644
--- a/people/4634.html
+++ b/people/4634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4635.html b/people/4635.html
index bc71c4dd..5cceb863 100644
--- a/people/4635.html
+++ b/people/4635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4636.html b/people/4636.html
index f85650a8..26f1948d 100644
--- a/people/4636.html
+++ b/people/4636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4637.html b/people/4637.html
index 30115b91..302efb04 100644
--- a/people/4637.html
+++ b/people/4637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4638.html b/people/4638.html
index 0f82bec4..e7d74a32 100644
--- a/people/4638.html
+++ b/people/4638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4639.html b/people/4639.html
index 640fd3ea..76264d20 100644
--- a/people/4639.html
+++ b/people/4639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/464.html b/people/464.html
index 2e887801..4039ebe2 100644
--- a/people/464.html
+++ b/people/464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4640.html b/people/4640.html
index 62be09e2..7540073f 100644
--- a/people/4640.html
+++ b/people/4640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4641.html b/people/4641.html
index b5fbd439..21cf416f 100644
--- a/people/4641.html
+++ b/people/4641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4642.html b/people/4642.html
index 11feeb04..73006aa4 100644
--- a/people/4642.html
+++ b/people/4642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4643.html b/people/4643.html
index 2e1e53b8..23d0a276 100644
--- a/people/4643.html
+++ b/people/4643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4644.html b/people/4644.html
index 5bd75d40..bced5586 100644
--- a/people/4644.html
+++ b/people/4644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4645.html b/people/4645.html
index 2472d43f..85182c81 100644
--- a/people/4645.html
+++ b/people/4645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4646.html b/people/4646.html
index 22c39227..55dc4f87 100644
--- a/people/4646.html
+++ b/people/4646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4647.html b/people/4647.html
index 854f26b9..391e4569 100644
--- a/people/4647.html
+++ b/people/4647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4648.html b/people/4648.html
index a3f42c3b..7912cd84 100644
--- a/people/4648.html
+++ b/people/4648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4649.html b/people/4649.html
index 3ae69cc7..d9765c02 100644
--- a/people/4649.html
+++ b/people/4649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/465.html b/people/465.html
index 460c889c..a8a5c4bb 100644
--- a/people/465.html
+++ b/people/465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4650.html b/people/4650.html
index 5efbf701..2c0d528f 100644
--- a/people/4650.html
+++ b/people/4650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4651.html b/people/4651.html
index 461b1463..d8717d6b 100644
--- a/people/4651.html
+++ b/people/4651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4652.html b/people/4652.html
index 54ee30a3..301de932 100644
--- a/people/4652.html
+++ b/people/4652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4653.html b/people/4653.html
index 5676a8ba..1a060a49 100644
--- a/people/4653.html
+++ b/people/4653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4654.html b/people/4654.html
index 16f68e21..72e71b5b 100644
--- a/people/4654.html
+++ b/people/4654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4655.html b/people/4655.html
index fd44a98d..4a6a84df 100644
--- a/people/4655.html
+++ b/people/4655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4656.html b/people/4656.html
index 370ea9a0..6702c0b1 100644
--- a/people/4656.html
+++ b/people/4656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4657.html b/people/4657.html
index daa3151f..852584ae 100644
--- a/people/4657.html
+++ b/people/4657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4658.html b/people/4658.html
index a4153a85..7b96cae8 100644
--- a/people/4658.html
+++ b/people/4658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4659.html b/people/4659.html
index f35cfa9f..4e5412db 100644
--- a/people/4659.html
+++ b/people/4659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/466.html b/people/466.html
index 76dd6754..408b02cb 100644
--- a/people/466.html
+++ b/people/466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4660.html b/people/4660.html
index 8d37ce6c..052a5f89 100644
--- a/people/4660.html
+++ b/people/4660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4661.html b/people/4661.html
index 31bd06da..c28f2eb1 100644
--- a/people/4661.html
+++ b/people/4661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4662.html b/people/4662.html
index a79875d9..3f1160eb 100644
--- a/people/4662.html
+++ b/people/4662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4663.html b/people/4663.html
index 9f293a52..ce4715a5 100644
--- a/people/4663.html
+++ b/people/4663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4664.html b/people/4664.html
index 2312b5a9..0ec0b97b 100644
--- a/people/4664.html
+++ b/people/4664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4665.html b/people/4665.html
index ba525e9c..de416dfb 100644
--- a/people/4665.html
+++ b/people/4665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4666.html b/people/4666.html
index ccb8ffd2..d2c8c055 100644
--- a/people/4666.html
+++ b/people/4666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4667.html b/people/4667.html
index 64ff802c..b24dd360 100644
--- a/people/4667.html
+++ b/people/4667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4668.html b/people/4668.html
index b6d7ca68..e8cb7430 100644
--- a/people/4668.html
+++ b/people/4668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4669.html b/people/4669.html
index 1781a4e1..dc78e656 100644
--- a/people/4669.html
+++ b/people/4669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/467.html b/people/467.html
index 92ac00d4..8ccf9b4b 100644
--- a/people/467.html
+++ b/people/467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4670.html b/people/4670.html
index 8576593e..6925c6c1 100644
--- a/people/4670.html
+++ b/people/4670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4671.html b/people/4671.html
index 0963da19..33e571bb 100644
--- a/people/4671.html
+++ b/people/4671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4672.html b/people/4672.html
index d626ef8d..d26a78c7 100644
--- a/people/4672.html
+++ b/people/4672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4673.html b/people/4673.html
index 9b895bf5..6be736a6 100644
--- a/people/4673.html
+++ b/people/4673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4674.html b/people/4674.html
index 9ad28c9b..0317a208 100644
--- a/people/4674.html
+++ b/people/4674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4675.html b/people/4675.html
index 79fd5eb1..824ace8b 100644
--- a/people/4675.html
+++ b/people/4675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4676.html b/people/4676.html
index c07483ef..717fcf98 100644
--- a/people/4676.html
+++ b/people/4676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4677.html b/people/4677.html
index dbeeaf24..f4f6338c 100644
--- a/people/4677.html
+++ b/people/4677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4678.html b/people/4678.html
index 5d70b8ed..2b19feeb 100644
--- a/people/4678.html
+++ b/people/4678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4679.html b/people/4679.html
index 0f33cc90..c4488d4a 100644
--- a/people/4679.html
+++ b/people/4679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/468.html b/people/468.html
index 9726426a..4ff3aae0 100644
--- a/people/468.html
+++ b/people/468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4680.html b/people/4680.html
index c925376c..2a2a8a4a 100644
--- a/people/4680.html
+++ b/people/4680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4681.html b/people/4681.html
index dc58b845..ef66b38c 100644
--- a/people/4681.html
+++ b/people/4681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4682.html b/people/4682.html
index 28e1c50a..4d660774 100644
--- a/people/4682.html
+++ b/people/4682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4683.html b/people/4683.html
index f4897f41..58031b4e 100644
--- a/people/4683.html
+++ b/people/4683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4684.html b/people/4684.html
index 628a475d..7796c4ee 100644
--- a/people/4684.html
+++ b/people/4684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4685.html b/people/4685.html
index 06a4e4a1..9cf23a05 100644
--- a/people/4685.html
+++ b/people/4685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4686.html b/people/4686.html
index ed34c3e9..4c2faaa7 100644
--- a/people/4686.html
+++ b/people/4686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4687.html b/people/4687.html
index cba7cad0..5282ffc8 100644
--- a/people/4687.html
+++ b/people/4687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4688.html b/people/4688.html
index 343fa9fd..a8971d83 100644
--- a/people/4688.html
+++ b/people/4688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4689.html b/people/4689.html
index 79834a19..b0badd9d 100644
--- a/people/4689.html
+++ b/people/4689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/469.html b/people/469.html
index 03880682..537cf945 100644
--- a/people/469.html
+++ b/people/469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4690.html b/people/4690.html
index ad59306f..e5f1d5a6 100644
--- a/people/4690.html
+++ b/people/4690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4691.html b/people/4691.html
index 494296e3..7e887ec5 100644
--- a/people/4691.html
+++ b/people/4691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4692.html b/people/4692.html
index 5d2ab4ef..42507637 100644
--- a/people/4692.html
+++ b/people/4692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4693.html b/people/4693.html
index b2ebafd7..c824d0bc 100644
--- a/people/4693.html
+++ b/people/4693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4694.html b/people/4694.html
index 2b967d17..5eb6bf0a 100644
--- a/people/4694.html
+++ b/people/4694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4695.html b/people/4695.html
index 965452e7..0dacd221 100644
--- a/people/4695.html
+++ b/people/4695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4696.html b/people/4696.html
index 0cbcbca6..30f56f0e 100644
--- a/people/4696.html
+++ b/people/4696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4697.html b/people/4697.html
index 21a2d791..c5ba96f9 100644
--- a/people/4697.html
+++ b/people/4697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4698.html b/people/4698.html
index 7f0468c6..adca5bdb 100644
--- a/people/4698.html
+++ b/people/4698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4699.html b/people/4699.html
index b89b6e3d..8b353cb1 100644
--- a/people/4699.html
+++ b/people/4699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/47.html b/people/47.html
index e90ce2f5..014cbb2f 100644
--- a/people/47.html
+++ b/people/47.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/470.html b/people/470.html
index bc6e311e..28fa018e 100644
--- a/people/470.html
+++ b/people/470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4700.html b/people/4700.html
index d525cb05..646f7f86 100644
--- a/people/4700.html
+++ b/people/4700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4701.html b/people/4701.html
index 045058f2..c5cbbb95 100644
--- a/people/4701.html
+++ b/people/4701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4702.html b/people/4702.html
index 89c3e520..0e6bd228 100644
--- a/people/4702.html
+++ b/people/4702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4703.html b/people/4703.html
index e6590a73..d94f3690 100644
--- a/people/4703.html
+++ b/people/4703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4704.html b/people/4704.html
index 0a3d076b..eb0f7c2a 100644
--- a/people/4704.html
+++ b/people/4704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4705.html b/people/4705.html
index 8b0c9bf6..ffd282ce 100644
--- a/people/4705.html
+++ b/people/4705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4706.html b/people/4706.html
index 0c986bb4..6794db91 100644
--- a/people/4706.html
+++ b/people/4706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4707.html b/people/4707.html
index 2b73342a..07359d1b 100644
--- a/people/4707.html
+++ b/people/4707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4708.html b/people/4708.html
index ee62a60d..69632a03 100644
--- a/people/4708.html
+++ b/people/4708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4709.html b/people/4709.html
index 09787649..47dd9683 100644
--- a/people/4709.html
+++ b/people/4709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/471.html b/people/471.html
index f6d3dce5..8ffba3ed 100644
--- a/people/471.html
+++ b/people/471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4710.html b/people/4710.html
index a0681c97..7a97ab79 100644
--- a/people/4710.html
+++ b/people/4710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4711.html b/people/4711.html
index 5cbe6bb1..abea0458 100644
--- a/people/4711.html
+++ b/people/4711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4712.html b/people/4712.html
index 8c071079..7f464ebb 100644
--- a/people/4712.html
+++ b/people/4712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4713.html b/people/4713.html
index cecde23f..edacfdaf 100644
--- a/people/4713.html
+++ b/people/4713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4714.html b/people/4714.html
index 5cd38df5..4817babf 100644
--- a/people/4714.html
+++ b/people/4714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4715.html b/people/4715.html
index 157a9b3a..018eeaaa 100644
--- a/people/4715.html
+++ b/people/4715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4716.html b/people/4716.html
index b0e106d5..a77aa2f5 100644
--- a/people/4716.html
+++ b/people/4716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4717.html b/people/4717.html
index a0adcf1d..0fa2432b 100644
--- a/people/4717.html
+++ b/people/4717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4718.html b/people/4718.html
index 645afe80..eadb34b9 100644
--- a/people/4718.html
+++ b/people/4718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4719.html b/people/4719.html
index 5ee9abac..4d066ee4 100644
--- a/people/4719.html
+++ b/people/4719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/472.html b/people/472.html
index 09037875..6a525a70 100644
--- a/people/472.html
+++ b/people/472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4720.html b/people/4720.html
index e88fbfab..135c7221 100644
--- a/people/4720.html
+++ b/people/4720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4721.html b/people/4721.html
index 1b194e0e..a2b7010b 100644
--- a/people/4721.html
+++ b/people/4721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4722.html b/people/4722.html
index 7ce8ad8b..dd6a0c7d 100644
--- a/people/4722.html
+++ b/people/4722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4723.html b/people/4723.html
index a45cd1f9..18e2b811 100644
--- a/people/4723.html
+++ b/people/4723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4724.html b/people/4724.html
index abee307d..c184bc94 100644
--- a/people/4724.html
+++ b/people/4724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4725.html b/people/4725.html
index 3c6ad94c..f0658056 100644
--- a/people/4725.html
+++ b/people/4725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4726.html b/people/4726.html
index e2603219..c5b52670 100644
--- a/people/4726.html
+++ b/people/4726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4727.html b/people/4727.html
index 572d709f..4273124c 100644
--- a/people/4727.html
+++ b/people/4727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4728.html b/people/4728.html
index f931983a..c27b343e 100644
--- a/people/4728.html
+++ b/people/4728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4729.html b/people/4729.html
index 217940bf..8a884de8 100644
--- a/people/4729.html
+++ b/people/4729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/473.html b/people/473.html
index 5843b17d..2d073dc1 100644
--- a/people/473.html
+++ b/people/473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4730.html b/people/4730.html
index 36c2190d..cf3068e5 100644
--- a/people/4730.html
+++ b/people/4730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4731.html b/people/4731.html
index 2805050f..e9ffc9a6 100644
--- a/people/4731.html
+++ b/people/4731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4732.html b/people/4732.html
index 8b75a8c9..38595bec 100644
--- a/people/4732.html
+++ b/people/4732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4733.html b/people/4733.html
index 6f7fa6d3..cb254fbb 100644
--- a/people/4733.html
+++ b/people/4733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4734.html b/people/4734.html
index 238d3ac8..45e0cda6 100644
--- a/people/4734.html
+++ b/people/4734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4735.html b/people/4735.html
index 6a2c7c0b..f9e3e4e8 100644
--- a/people/4735.html
+++ b/people/4735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4736.html b/people/4736.html
index 16039f8a..a01cb217 100644
--- a/people/4736.html
+++ b/people/4736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4737.html b/people/4737.html
index df9a1ee1..c27d3961 100644
--- a/people/4737.html
+++ b/people/4737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4738.html b/people/4738.html
index 2f795d42..5fd0b174 100644
--- a/people/4738.html
+++ b/people/4738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4739.html b/people/4739.html
index 7d400c05..66f966c6 100644
--- a/people/4739.html
+++ b/people/4739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/474.html b/people/474.html
index 33652be1..53bf8db1 100644
--- a/people/474.html
+++ b/people/474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4740.html b/people/4740.html
index 0c3ad30e..f54f5a60 100644
--- a/people/4740.html
+++ b/people/4740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4741.html b/people/4741.html
index dfdf5f87..c192e69a 100644
--- a/people/4741.html
+++ b/people/4741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4742.html b/people/4742.html
index fcd847f2..9427d531 100644
--- a/people/4742.html
+++ b/people/4742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4743.html b/people/4743.html
index 1a862387..b2b4a3ac 100644
--- a/people/4743.html
+++ b/people/4743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4744.html b/people/4744.html
index 35ea8295..971c0c96 100644
--- a/people/4744.html
+++ b/people/4744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4745.html b/people/4745.html
index 2306822e..00cf6686 100644
--- a/people/4745.html
+++ b/people/4745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4746.html b/people/4746.html
index 91f8df99..5dc806e4 100644
--- a/people/4746.html
+++ b/people/4746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4747.html b/people/4747.html
index 9d87272a..2e15c8e9 100644
--- a/people/4747.html
+++ b/people/4747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4748.html b/people/4748.html
index 0bbd6472..be38bfe0 100644
--- a/people/4748.html
+++ b/people/4748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4749.html b/people/4749.html
index 0f8b2b90..aab72ac5 100644
--- a/people/4749.html
+++ b/people/4749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/475.html b/people/475.html
index 16825d79..b47f19b3 100644
--- a/people/475.html
+++ b/people/475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4750.html b/people/4750.html
index 03d10d24..0602eeba 100644
--- a/people/4750.html
+++ b/people/4750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4751.html b/people/4751.html
index bc6e5134..6517c566 100644
--- a/people/4751.html
+++ b/people/4751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4752.html b/people/4752.html
index f7567e03..c90cc277 100644
--- a/people/4752.html
+++ b/people/4752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4753.html b/people/4753.html
index 31713877..1c6db409 100644
--- a/people/4753.html
+++ b/people/4753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4754.html b/people/4754.html
index 7799c3c4..5b030d03 100644
--- a/people/4754.html
+++ b/people/4754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4755.html b/people/4755.html
index 156c311a..76ceefe5 100644
--- a/people/4755.html
+++ b/people/4755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4756.html b/people/4756.html
index dd668257..db1ff9ae 100644
--- a/people/4756.html
+++ b/people/4756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4757.html b/people/4757.html
index a0dfbda7..70af95d7 100644
--- a/people/4757.html
+++ b/people/4757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4758.html b/people/4758.html
index acb4f3ef..5c54d118 100644
--- a/people/4758.html
+++ b/people/4758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4759.html b/people/4759.html
index 01752782..26831725 100644
--- a/people/4759.html
+++ b/people/4759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/476.html b/people/476.html
index 4eb65b7d..039b89f2 100644
--- a/people/476.html
+++ b/people/476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4760.html b/people/4760.html
index 95a7e094..6b6f4985 100644
--- a/people/4760.html
+++ b/people/4760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4761.html b/people/4761.html
index e761a2ea..ac60dad4 100644
--- a/people/4761.html
+++ b/people/4761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4762.html b/people/4762.html
index 7656e4ac..e72f7adb 100644
--- a/people/4762.html
+++ b/people/4762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4763.html b/people/4763.html
index 0879c866..accf6940 100644
--- a/people/4763.html
+++ b/people/4763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4764.html b/people/4764.html
index cb42cb7c..a672100f 100644
--- a/people/4764.html
+++ b/people/4764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4765.html b/people/4765.html
index 4292175c..e1610cdf 100644
--- a/people/4765.html
+++ b/people/4765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4766.html b/people/4766.html
index ff6f1b0c..41500812 100644
--- a/people/4766.html
+++ b/people/4766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4767.html b/people/4767.html
index 19e41c9b..4e0c4ad3 100644
--- a/people/4767.html
+++ b/people/4767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4768.html b/people/4768.html
index f8f51e15..d802977a 100644
--- a/people/4768.html
+++ b/people/4768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4769.html b/people/4769.html
index 52ec6130..2a74ffc4 100644
--- a/people/4769.html
+++ b/people/4769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/477.html b/people/477.html
index bb7d258c..aa3cc9e3 100644
--- a/people/477.html
+++ b/people/477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4770.html b/people/4770.html
index eea4f715..e63771a8 100644
--- a/people/4770.html
+++ b/people/4770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4771.html b/people/4771.html
index c9f82ebe..55c4f225 100644
--- a/people/4771.html
+++ b/people/4771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4772.html b/people/4772.html
index c6845f61..f3f1ceb7 100644
--- a/people/4772.html
+++ b/people/4772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4773.html b/people/4773.html
index 36b5e7bf..0ec083fe 100644
--- a/people/4773.html
+++ b/people/4773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4774.html b/people/4774.html
index b27bc0a6..8d39de88 100644
--- a/people/4774.html
+++ b/people/4774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4775.html b/people/4775.html
index fc0fee2a..b13a8de0 100644
--- a/people/4775.html
+++ b/people/4775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4776.html b/people/4776.html
index a0a313a9..aaeda7a9 100644
--- a/people/4776.html
+++ b/people/4776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4777.html b/people/4777.html
index d3faa893..aa78266b 100644
--- a/people/4777.html
+++ b/people/4777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4778.html b/people/4778.html
index 5d6027e5..a94c9fcb 100644
--- a/people/4778.html
+++ b/people/4778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4779.html b/people/4779.html
index ba039f77..e2020105 100644
--- a/people/4779.html
+++ b/people/4779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/478.html b/people/478.html
index 4451e9c6..023501f2 100644
--- a/people/478.html
+++ b/people/478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4780.html b/people/4780.html
index 73d4511c..25b9ffee 100644
--- a/people/4780.html
+++ b/people/4780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4781.html b/people/4781.html
index 7666d335..91a9672f 100644
--- a/people/4781.html
+++ b/people/4781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4782.html b/people/4782.html
index 9e8ff8bd..6b2df6f9 100644
--- a/people/4782.html
+++ b/people/4782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4783.html b/people/4783.html
index 856e73a2..13ef77b8 100644
--- a/people/4783.html
+++ b/people/4783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4784.html b/people/4784.html
index 93bfcbf1..03767cec 100644
--- a/people/4784.html
+++ b/people/4784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4785.html b/people/4785.html
index de3ee805..0b0aa651 100644
--- a/people/4785.html
+++ b/people/4785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4786.html b/people/4786.html
index 688b0dd1..e1c5ada4 100644
--- a/people/4786.html
+++ b/people/4786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4787.html b/people/4787.html
index 70c14f83..e112a51c 100644
--- a/people/4787.html
+++ b/people/4787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4788.html b/people/4788.html
index 6b2bacf3..a36240cb 100644
--- a/people/4788.html
+++ b/people/4788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4789.html b/people/4789.html
index e0b1f8fd..fb0d050d 100644
--- a/people/4789.html
+++ b/people/4789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/479.html b/people/479.html
index 691d60c9..c72e80e0 100644
--- a/people/479.html
+++ b/people/479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4790.html b/people/4790.html
index 2cd8d42a..0625d03f 100644
--- a/people/4790.html
+++ b/people/4790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4791.html b/people/4791.html
index b07a3222..7dc68a1f 100644
--- a/people/4791.html
+++ b/people/4791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4792.html b/people/4792.html
index 0de5111e..e3f323dd 100644
--- a/people/4792.html
+++ b/people/4792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4793.html b/people/4793.html
index 6eb8ad01..3c9b6ab9 100644
--- a/people/4793.html
+++ b/people/4793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4794.html b/people/4794.html
index ff4d566b..4ecd657c 100644
--- a/people/4794.html
+++ b/people/4794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4795.html b/people/4795.html
index 13a46805..be3dd9e7 100644
--- a/people/4795.html
+++ b/people/4795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4796.html b/people/4796.html
index e056ede9..4269fad9 100644
--- a/people/4796.html
+++ b/people/4796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4797.html b/people/4797.html
index 513e3e2f..0f15b68e 100644
--- a/people/4797.html
+++ b/people/4797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4798.html b/people/4798.html
index 9a6c3aba..39d27abc 100644
--- a/people/4798.html
+++ b/people/4798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4799.html b/people/4799.html
index 5f24802f..23c12df8 100644
--- a/people/4799.html
+++ b/people/4799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/48.html b/people/48.html
index 3575733e..15a405df 100644
--- a/people/48.html
+++ b/people/48.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/480.html b/people/480.html
index c82535d5..7f6d53ba 100644
--- a/people/480.html
+++ b/people/480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4800.html b/people/4800.html
index 0687fd48..07a407ca 100644
--- a/people/4800.html
+++ b/people/4800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4801.html b/people/4801.html
index 3d37e26a..870fa45f 100644
--- a/people/4801.html
+++ b/people/4801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4802.html b/people/4802.html
index ecbec725..5060e652 100644
--- a/people/4802.html
+++ b/people/4802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4803.html b/people/4803.html
index ae80fc87..c808954d 100644
--- a/people/4803.html
+++ b/people/4803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4804.html b/people/4804.html
index ca1c6c3d..33e9afa6 100644
--- a/people/4804.html
+++ b/people/4804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4805.html b/people/4805.html
index 591e7e1d..a6053bc8 100644
--- a/people/4805.html
+++ b/people/4805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4806.html b/people/4806.html
index d48ce9af..e0ae22d4 100644
--- a/people/4806.html
+++ b/people/4806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4807.html b/people/4807.html
index cb401fc1..42250e2d 100644
--- a/people/4807.html
+++ b/people/4807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4808.html b/people/4808.html
index 98958c7f..75440d01 100644
--- a/people/4808.html
+++ b/people/4808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4809.html b/people/4809.html
index 3320cf73..82867337 100644
--- a/people/4809.html
+++ b/people/4809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/481.html b/people/481.html
index ca73f98b..45ea5c8c 100644
--- a/people/481.html
+++ b/people/481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4810.html b/people/4810.html
index 3ee23f67..6a962e06 100644
--- a/people/4810.html
+++ b/people/4810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4811.html b/people/4811.html
index 1551bab4..8070e18d 100644
--- a/people/4811.html
+++ b/people/4811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4812.html b/people/4812.html
index 44b9030d..7b49e4c0 100644
--- a/people/4812.html
+++ b/people/4812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4813.html b/people/4813.html
index 13d65db8..3c2e2413 100644
--- a/people/4813.html
+++ b/people/4813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4814.html b/people/4814.html
index e1994e56..0157715e 100644
--- a/people/4814.html
+++ b/people/4814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4815.html b/people/4815.html
index 18d9f6d1..9010fb0c 100644
--- a/people/4815.html
+++ b/people/4815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4816.html b/people/4816.html
index 633b7404..56dc882c 100644
--- a/people/4816.html
+++ b/people/4816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4817.html b/people/4817.html
index cca464ed..5a76b742 100644
--- a/people/4817.html
+++ b/people/4817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4818.html b/people/4818.html
index 0d4751e0..5c0ad3f5 100644
--- a/people/4818.html
+++ b/people/4818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4819.html b/people/4819.html
index f438acb4..4c008bd0 100644
--- a/people/4819.html
+++ b/people/4819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/482.html b/people/482.html
index a400a3f0..99a9982f 100644
--- a/people/482.html
+++ b/people/482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4820.html b/people/4820.html
index 4a893b03..3f2c55e2 100644
--- a/people/4820.html
+++ b/people/4820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4821.html b/people/4821.html
index 820762f4..bc7bbeba 100644
--- a/people/4821.html
+++ b/people/4821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4822.html b/people/4822.html
index eaae75d4..e1a39659 100644
--- a/people/4822.html
+++ b/people/4822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4823.html b/people/4823.html
index 88df260e..ea06ca99 100644
--- a/people/4823.html
+++ b/people/4823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4824.html b/people/4824.html
index 594e66aa..d0715fbd 100644
--- a/people/4824.html
+++ b/people/4824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4825.html b/people/4825.html
index cc6121b7..6a65e20c 100644
--- a/people/4825.html
+++ b/people/4825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4826.html b/people/4826.html
index b78642e4..d39d8f89 100644
--- a/people/4826.html
+++ b/people/4826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4827.html b/people/4827.html
index 1e308557..1f48cc74 100644
--- a/people/4827.html
+++ b/people/4827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4828.html b/people/4828.html
index 5e25874a..cfd0c1ed 100644
--- a/people/4828.html
+++ b/people/4828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4829.html b/people/4829.html
index fb43e272..f04f4f77 100644
--- a/people/4829.html
+++ b/people/4829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/483.html b/people/483.html
index 3ec2d6b2..2a13d3f4 100644
--- a/people/483.html
+++ b/people/483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4830.html b/people/4830.html
index 339f2db7..f600b9f2 100644
--- a/people/4830.html
+++ b/people/4830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4831.html b/people/4831.html
index d880c7f3..bd908b65 100644
--- a/people/4831.html
+++ b/people/4831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4832.html b/people/4832.html
index cffdfe21..945ec1af 100644
--- a/people/4832.html
+++ b/people/4832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4833.html b/people/4833.html
index afc3ba36..d3657f0d 100644
--- a/people/4833.html
+++ b/people/4833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4834.html b/people/4834.html
index 1d82d244..5d423573 100644
--- a/people/4834.html
+++ b/people/4834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4835.html b/people/4835.html
index 1a2afcc7..12166839 100644
--- a/people/4835.html
+++ b/people/4835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4836.html b/people/4836.html
index 9eb4369a..b7cf1e6f 100644
--- a/people/4836.html
+++ b/people/4836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4837.html b/people/4837.html
index ec791142..6fcb3d98 100644
--- a/people/4837.html
+++ b/people/4837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4838.html b/people/4838.html
index 94b97b83..e8245f05 100644
--- a/people/4838.html
+++ b/people/4838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4839.html b/people/4839.html
index c4453374..dd7c681c 100644
--- a/people/4839.html
+++ b/people/4839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/484.html b/people/484.html
index 57faa0a8..485a6186 100644
--- a/people/484.html
+++ b/people/484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4840.html b/people/4840.html
index a4d0f807..7afdd3ed 100644
--- a/people/4840.html
+++ b/people/4840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4841.html b/people/4841.html
index bdb525c3..fe452243 100644
--- a/people/4841.html
+++ b/people/4841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4842.html b/people/4842.html
index 6ece46e4..02b47834 100644
--- a/people/4842.html
+++ b/people/4842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4843.html b/people/4843.html
index 802daca2..397b1437 100644
--- a/people/4843.html
+++ b/people/4843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4844.html b/people/4844.html
index 806ad9a1..29651678 100644
--- a/people/4844.html
+++ b/people/4844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4845.html b/people/4845.html
index c6eeb4f0..f54cbca6 100644
--- a/people/4845.html
+++ b/people/4845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4846.html b/people/4846.html
index 5b2900f9..71bd5933 100644
--- a/people/4846.html
+++ b/people/4846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4847.html b/people/4847.html
index c49849d4..037ae66b 100644
--- a/people/4847.html
+++ b/people/4847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4848.html b/people/4848.html
index b9b3b453..1064d5c6 100644
--- a/people/4848.html
+++ b/people/4848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4849.html b/people/4849.html
index fdfd3fef..0ccc0d13 100644
--- a/people/4849.html
+++ b/people/4849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/485.html b/people/485.html
index 76c4a37a..9c702c50 100644
--- a/people/485.html
+++ b/people/485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4850.html b/people/4850.html
index edb0d37c..97e12ab7 100644
--- a/people/4850.html
+++ b/people/4850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4851.html b/people/4851.html
index 4b468baa..c2a59000 100644
--- a/people/4851.html
+++ b/people/4851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4852.html b/people/4852.html
index 4d8d5d56..a165f477 100644
--- a/people/4852.html
+++ b/people/4852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4853.html b/people/4853.html
index 8d751e60..632c10a9 100644
--- a/people/4853.html
+++ b/people/4853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4854.html b/people/4854.html
index 7a42cf47..c7aeec58 100644
--- a/people/4854.html
+++ b/people/4854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4855.html b/people/4855.html
index 863ac860..e5b812ae 100644
--- a/people/4855.html
+++ b/people/4855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4856.html b/people/4856.html
index ff366d08..520cabce 100644
--- a/people/4856.html
+++ b/people/4856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4857.html b/people/4857.html
index e29ac751..823aef3c 100644
--- a/people/4857.html
+++ b/people/4857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4858.html b/people/4858.html
index a138d201..bb6995a0 100644
--- a/people/4858.html
+++ b/people/4858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4859.html b/people/4859.html
index 3f4f309e..3f3de612 100644
--- a/people/4859.html
+++ b/people/4859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/486.html b/people/486.html
index 9b303ea7..e40ef52a 100644
--- a/people/486.html
+++ b/people/486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4860.html b/people/4860.html
index f16796b2..1df757e7 100644
--- a/people/4860.html
+++ b/people/4860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4861.html b/people/4861.html
index 188262a1..2e3818c2 100644
--- a/people/4861.html
+++ b/people/4861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4862.html b/people/4862.html
index fc3e2790..41ee45dd 100644
--- a/people/4862.html
+++ b/people/4862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4863.html b/people/4863.html
index 83d65224..01d36ecb 100644
--- a/people/4863.html
+++ b/people/4863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4864.html b/people/4864.html
index 31920e3b..db2d670d 100644
--- a/people/4864.html
+++ b/people/4864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4865.html b/people/4865.html
index 9d9d9c55..d21e9b7e 100644
--- a/people/4865.html
+++ b/people/4865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4866.html b/people/4866.html
index 370c998c..2d8ed2f9 100644
--- a/people/4866.html
+++ b/people/4866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4867.html b/people/4867.html
index 65807ecf..d7416f36 100644
--- a/people/4867.html
+++ b/people/4867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4868.html b/people/4868.html
index 1193b8a8..fc880a9e 100644
--- a/people/4868.html
+++ b/people/4868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4869.html b/people/4869.html
index 5b7afca9..d9d978c4 100644
--- a/people/4869.html
+++ b/people/4869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/487.html b/people/487.html
index 2573a8f5..e71bdc5a 100644
--- a/people/487.html
+++ b/people/487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4870.html b/people/4870.html
index 40530edb..850ad5b1 100644
--- a/people/4870.html
+++ b/people/4870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4871.html b/people/4871.html
index e2bc11db..269ebd2e 100644
--- a/people/4871.html
+++ b/people/4871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4872.html b/people/4872.html
index bce9d2d4..33f7a2ab 100644
--- a/people/4872.html
+++ b/people/4872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4873.html b/people/4873.html
index 5504ef72..cc3f2e59 100644
--- a/people/4873.html
+++ b/people/4873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4874.html b/people/4874.html
index ef673bd8..da64ce9d 100644
--- a/people/4874.html
+++ b/people/4874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4875.html b/people/4875.html
index 25e53b68..0f52bb52 100644
--- a/people/4875.html
+++ b/people/4875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4876.html b/people/4876.html
index 87c9d206..66b649a7 100644
--- a/people/4876.html
+++ b/people/4876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4877.html b/people/4877.html
index 92e6e012..5cd6e85d 100644
--- a/people/4877.html
+++ b/people/4877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4878.html b/people/4878.html
index 8396ff3c..c9d854f6 100644
--- a/people/4878.html
+++ b/people/4878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4879.html b/people/4879.html
index 786558fa..b5a1f617 100644
--- a/people/4879.html
+++ b/people/4879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/488.html b/people/488.html
index aa13ead5..d37d1a68 100644
--- a/people/488.html
+++ b/people/488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4880.html b/people/4880.html
index 55a86206..28c575a1 100644
--- a/people/4880.html
+++ b/people/4880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4881.html b/people/4881.html
index 10b377b4..778c2c5b 100644
--- a/people/4881.html
+++ b/people/4881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4882.html b/people/4882.html
index 8c780329..c62e7d00 100644
--- a/people/4882.html
+++ b/people/4882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4883.html b/people/4883.html
index 71d76464..65b6c70a 100644
--- a/people/4883.html
+++ b/people/4883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4884.html b/people/4884.html
index b56fce01..e4d8857e 100644
--- a/people/4884.html
+++ b/people/4884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4885.html b/people/4885.html
index 2e14eac0..7bb8922c 100644
--- a/people/4885.html
+++ b/people/4885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4886.html b/people/4886.html
index 1992282e..028fa7a1 100644
--- a/people/4886.html
+++ b/people/4886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4887.html b/people/4887.html
index 647c63d1..aac0648a 100644
--- a/people/4887.html
+++ b/people/4887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4888.html b/people/4888.html
index 26bb7c0d..30d4fe8d 100644
--- a/people/4888.html
+++ b/people/4888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4889.html b/people/4889.html
index 9d0c7f6d..aebd29e8 100644
--- a/people/4889.html
+++ b/people/4889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/489.html b/people/489.html
index 4f5ec0ac..9f5865ec 100644
--- a/people/489.html
+++ b/people/489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4890.html b/people/4890.html
index 5f93bc59..ab5eba07 100644
--- a/people/4890.html
+++ b/people/4890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4891.html b/people/4891.html
index 547e1010..6d66eb8d 100644
--- a/people/4891.html
+++ b/people/4891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4892.html b/people/4892.html
index b0ff866f..b3136406 100644
--- a/people/4892.html
+++ b/people/4892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4893.html b/people/4893.html
index ba69ff85..6d4ffde4 100644
--- a/people/4893.html
+++ b/people/4893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4894.html b/people/4894.html
index 5906bc36..2c47f5c9 100644
--- a/people/4894.html
+++ b/people/4894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4895.html b/people/4895.html
index f5a1ce83..494ff714 100644
--- a/people/4895.html
+++ b/people/4895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4896.html b/people/4896.html
index 5b710800..11578cdb 100644
--- a/people/4896.html
+++ b/people/4896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4897.html b/people/4897.html
index 0fbbe151..a40d4618 100644
--- a/people/4897.html
+++ b/people/4897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4898.html b/people/4898.html
index a03bcf42..33cab5ef 100644
--- a/people/4898.html
+++ b/people/4898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4899.html b/people/4899.html
index 9a29b6ce..11adce05 100644
--- a/people/4899.html
+++ b/people/4899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/49.html b/people/49.html
index efc3edd4..19496fea 100644
--- a/people/49.html
+++ b/people/49.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/490.html b/people/490.html
index 463e5758..2b5bb5df 100644
--- a/people/490.html
+++ b/people/490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4900.html b/people/4900.html
index 9eaee519..579d9790 100644
--- a/people/4900.html
+++ b/people/4900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4901.html b/people/4901.html
index aea807e6..808354e9 100644
--- a/people/4901.html
+++ b/people/4901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4902.html b/people/4902.html
index 38cdb329..7d513237 100644
--- a/people/4902.html
+++ b/people/4902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4903.html b/people/4903.html
index 27a55620..f73d7428 100644
--- a/people/4903.html
+++ b/people/4903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4904.html b/people/4904.html
index e8c2b5a5..2735b1a4 100644
--- a/people/4904.html
+++ b/people/4904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4905.html b/people/4905.html
index e41d99d1..5d73f6ba 100644
--- a/people/4905.html
+++ b/people/4905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4906.html b/people/4906.html
index 3212675c..5c1f2120 100644
--- a/people/4906.html
+++ b/people/4906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4907.html b/people/4907.html
index cb9cf743..3d06492e 100644
--- a/people/4907.html
+++ b/people/4907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4908.html b/people/4908.html
index 7f9f956b..2550ca72 100644
--- a/people/4908.html
+++ b/people/4908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4909.html b/people/4909.html
index a45613d8..06e0522a 100644
--- a/people/4909.html
+++ b/people/4909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/491.html b/people/491.html
index 9059e3fe..8cbf9b0b 100644
--- a/people/491.html
+++ b/people/491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4910.html b/people/4910.html
index ae79a98b..c3486797 100644
--- a/people/4910.html
+++ b/people/4910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4911.html b/people/4911.html
index 4476ed26..e1adcb71 100644
--- a/people/4911.html
+++ b/people/4911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4912.html b/people/4912.html
index 683c2b36..0218d49a 100644
--- a/people/4912.html
+++ b/people/4912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4913.html b/people/4913.html
index 59df7650..61fe6d01 100644
--- a/people/4913.html
+++ b/people/4913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4914.html b/people/4914.html
index c4f1bdb3..3b821bdc 100644
--- a/people/4914.html
+++ b/people/4914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4915.html b/people/4915.html
index 492bc23c..8c107d56 100644
--- a/people/4915.html
+++ b/people/4915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4916.html b/people/4916.html
index 004fee62..d9512934 100644
--- a/people/4916.html
+++ b/people/4916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4917.html b/people/4917.html
index 34713ef3..e5eec289 100644
--- a/people/4917.html
+++ b/people/4917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4918.html b/people/4918.html
index dfdcd076..3001f962 100644
--- a/people/4918.html
+++ b/people/4918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4919.html b/people/4919.html
index ed9ee56b..71fb275c 100644
--- a/people/4919.html
+++ b/people/4919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/492.html b/people/492.html
index 2200c155..6338693e 100644
--- a/people/492.html
+++ b/people/492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4920.html b/people/4920.html
index de7bcde8..f81509fc 100644
--- a/people/4920.html
+++ b/people/4920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4921.html b/people/4921.html
index 9af7d1ac..6da85f7d 100644
--- a/people/4921.html
+++ b/people/4921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4922.html b/people/4922.html
index 72e5a13c..c05954b2 100644
--- a/people/4922.html
+++ b/people/4922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4923.html b/people/4923.html
index 2fe64ae6..5d07f25b 100644
--- a/people/4923.html
+++ b/people/4923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4924.html b/people/4924.html
index 650ce982..fd264fe2 100644
--- a/people/4924.html
+++ b/people/4924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4925.html b/people/4925.html
index 9e72ee49..dbd57017 100644
--- a/people/4925.html
+++ b/people/4925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4926.html b/people/4926.html
index e2498e8a..06823e7e 100644
--- a/people/4926.html
+++ b/people/4926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4927.html b/people/4927.html
index 81648cc9..e46316e3 100644
--- a/people/4927.html
+++ b/people/4927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4928.html b/people/4928.html
index 73ec5936..e65fc8ad 100644
--- a/people/4928.html
+++ b/people/4928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4929.html b/people/4929.html
index 9e9dc03a..15965cc6 100644
--- a/people/4929.html
+++ b/people/4929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/493.html b/people/493.html
index 8d0b4f56..6e6ada70 100644
--- a/people/493.html
+++ b/people/493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4930.html b/people/4930.html
index cb52030b..1cf5beb8 100644
--- a/people/4930.html
+++ b/people/4930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4931.html b/people/4931.html
index 4f556c66..330d0516 100644
--- a/people/4931.html
+++ b/people/4931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4932.html b/people/4932.html
index 7d3ebe7f..27a1ff05 100644
--- a/people/4932.html
+++ b/people/4932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4933.html b/people/4933.html
index 8bdbbd78..84be8cc9 100644
--- a/people/4933.html
+++ b/people/4933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4934.html b/people/4934.html
index c26b081a..ee77dc16 100644
--- a/people/4934.html
+++ b/people/4934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4935.html b/people/4935.html
index 530db396..5eeb863a 100644
--- a/people/4935.html
+++ b/people/4935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4936.html b/people/4936.html
index e5b6ce2c..0b360a30 100644
--- a/people/4936.html
+++ b/people/4936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4937.html b/people/4937.html
index deb7f5c8..5b7717f8 100644
--- a/people/4937.html
+++ b/people/4937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4938.html b/people/4938.html
index d98a2665..c3f54270 100644
--- a/people/4938.html
+++ b/people/4938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4939.html b/people/4939.html
index 8281d703..ea8da024 100644
--- a/people/4939.html
+++ b/people/4939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/494.html b/people/494.html
index 792b12f0..efb7242c 100644
--- a/people/494.html
+++ b/people/494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4940.html b/people/4940.html
index e03ed6fb..6980afe5 100644
--- a/people/4940.html
+++ b/people/4940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4941.html b/people/4941.html
index 43c7539c..1084e764 100644
--- a/people/4941.html
+++ b/people/4941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4942.html b/people/4942.html
index 711ad8f3..8e85d0b4 100644
--- a/people/4942.html
+++ b/people/4942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4943.html b/people/4943.html
index 7e8c5af5..d142d260 100644
--- a/people/4943.html
+++ b/people/4943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4944.html b/people/4944.html
index 5873f9a8..89e39f62 100644
--- a/people/4944.html
+++ b/people/4944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4945.html b/people/4945.html
index ffd9423d..27c0dfd1 100644
--- a/people/4945.html
+++ b/people/4945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4946.html b/people/4946.html
index 3c05b865..4e55db68 100644
--- a/people/4946.html
+++ b/people/4946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4947.html b/people/4947.html
index 0350bb4a..4e878013 100644
--- a/people/4947.html
+++ b/people/4947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4948.html b/people/4948.html
index dfd1a070..805ca544 100644
--- a/people/4948.html
+++ b/people/4948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4949.html b/people/4949.html
index 49657e8a..fd7270f5 100644
--- a/people/4949.html
+++ b/people/4949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/495.html b/people/495.html
index 5c93bf1e..4aadc441 100644
--- a/people/495.html
+++ b/people/495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4950.html b/people/4950.html
index 68ef8a2f..32684a0e 100644
--- a/people/4950.html
+++ b/people/4950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4951.html b/people/4951.html
index 535fdfea..70b4e582 100644
--- a/people/4951.html
+++ b/people/4951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4952.html b/people/4952.html
index 1ad52b7c..569a1689 100644
--- a/people/4952.html
+++ b/people/4952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4953.html b/people/4953.html
index fa96e320..a3e7b50e 100644
--- a/people/4953.html
+++ b/people/4953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4954.html b/people/4954.html
index c0a5832a..7af961a0 100644
--- a/people/4954.html
+++ b/people/4954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4955.html b/people/4955.html
index dd09094e..3d866a0e 100644
--- a/people/4955.html
+++ b/people/4955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4956.html b/people/4956.html
index e88ed286..db75015d 100644
--- a/people/4956.html
+++ b/people/4956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4957.html b/people/4957.html
index cb523397..abe21db2 100644
--- a/people/4957.html
+++ b/people/4957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4958.html b/people/4958.html
index 251e0550..787f3e15 100644
--- a/people/4958.html
+++ b/people/4958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4959.html b/people/4959.html
index 267171ed..1ab9d6ca 100644
--- a/people/4959.html
+++ b/people/4959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/496.html b/people/496.html
index e8d6794d..1064b182 100644
--- a/people/496.html
+++ b/people/496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4960.html b/people/4960.html
index 5d3d0236..0f051e2c 100644
--- a/people/4960.html
+++ b/people/4960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4961.html b/people/4961.html
index 0ab947b5..69fefad4 100644
--- a/people/4961.html
+++ b/people/4961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4962.html b/people/4962.html
index 352e34ef..50dd499e 100644
--- a/people/4962.html
+++ b/people/4962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4963.html b/people/4963.html
index c4f7db6b..8e4b3f28 100644
--- a/people/4963.html
+++ b/people/4963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4964.html b/people/4964.html
index eb923153..aeba2986 100644
--- a/people/4964.html
+++ b/people/4964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4965.html b/people/4965.html
index f62a831f..c6bbc894 100644
--- a/people/4965.html
+++ b/people/4965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4966.html b/people/4966.html
index f30a467f..2dc81662 100644
--- a/people/4966.html
+++ b/people/4966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4967.html b/people/4967.html
index 961ea499..74e4b6b3 100644
--- a/people/4967.html
+++ b/people/4967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4968.html b/people/4968.html
index 7626b1cd..9e691d27 100644
--- a/people/4968.html
+++ b/people/4968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4969.html b/people/4969.html
index 9668bd80..8b00a245 100644
--- a/people/4969.html
+++ b/people/4969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/497.html b/people/497.html
index 373eeeed..92047017 100644
--- a/people/497.html
+++ b/people/497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4970.html b/people/4970.html
index 23c016e3..daa5e313 100644
--- a/people/4970.html
+++ b/people/4970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4971.html b/people/4971.html
index 9379fd70..aef031bc 100644
--- a/people/4971.html
+++ b/people/4971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4972.html b/people/4972.html
index 9ec23702..02be73b4 100644
--- a/people/4972.html
+++ b/people/4972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4973.html b/people/4973.html
index 1916a310..a9bb77d6 100644
--- a/people/4973.html
+++ b/people/4973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4974.html b/people/4974.html
index 6e7e7d85..822f60c0 100644
--- a/people/4974.html
+++ b/people/4974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4975.html b/people/4975.html
index c9b7ba33..9983db24 100644
--- a/people/4975.html
+++ b/people/4975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4976.html b/people/4976.html
index c3d7c39f..00d936ce 100644
--- a/people/4976.html
+++ b/people/4976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4977.html b/people/4977.html
index 5f66f50c..4680612a 100644
--- a/people/4977.html
+++ b/people/4977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4978.html b/people/4978.html
index e1b43d46..41649396 100644
--- a/people/4978.html
+++ b/people/4978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4979.html b/people/4979.html
index 830970d9..bc48331d 100644
--- a/people/4979.html
+++ b/people/4979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/498.html b/people/498.html
index 7a57152a..768832d6 100644
--- a/people/498.html
+++ b/people/498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4980.html b/people/4980.html
index a1422525..86ff9910 100644
--- a/people/4980.html
+++ b/people/4980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4981.html b/people/4981.html
index e8895ae6..7876e0d7 100644
--- a/people/4981.html
+++ b/people/4981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4982.html b/people/4982.html
index 2d067eec..147c7cbb 100644
--- a/people/4982.html
+++ b/people/4982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4983.html b/people/4983.html
index b929b937..ca9d4738 100644
--- a/people/4983.html
+++ b/people/4983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4984.html b/people/4984.html
index 36e41cb7..a4f14c74 100644
--- a/people/4984.html
+++ b/people/4984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4985.html b/people/4985.html
index 8fa8c223..4145e68a 100644
--- a/people/4985.html
+++ b/people/4985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4986.html b/people/4986.html
index 651e9787..99da7abe 100644
--- a/people/4986.html
+++ b/people/4986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4987.html b/people/4987.html
index bc4c3db1..be5d16e4 100644
--- a/people/4987.html
+++ b/people/4987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4988.html b/people/4988.html
index 65fca953..9f8c086f 100644
--- a/people/4988.html
+++ b/people/4988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4989.html b/people/4989.html
index 8efcaa90..843a5ffc 100644
--- a/people/4989.html
+++ b/people/4989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/499.html b/people/499.html
index 063e2dc5..069f0149 100644
--- a/people/499.html
+++ b/people/499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4990.html b/people/4990.html
index 275e5d8e..f51802a8 100644
--- a/people/4990.html
+++ b/people/4990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4991.html b/people/4991.html
index 89dc2d24..1d661d34 100644
--- a/people/4991.html
+++ b/people/4991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4992.html b/people/4992.html
index fdc8c70d..a643733f 100644
--- a/people/4992.html
+++ b/people/4992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4993.html b/people/4993.html
index 013b7c81..8c811dc6 100644
--- a/people/4993.html
+++ b/people/4993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4994.html b/people/4994.html
index c18a21ec..4b0c9870 100644
--- a/people/4994.html
+++ b/people/4994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4995.html b/people/4995.html
index 8ee3ba12..c9f7f6d0 100644
--- a/people/4995.html
+++ b/people/4995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4996.html b/people/4996.html
index 25a04469..16542bf3 100644
--- a/people/4996.html
+++ b/people/4996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4997.html b/people/4997.html
index 75e0acc7..8c482536 100644
--- a/people/4997.html
+++ b/people/4997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4998.html b/people/4998.html
index afceae5e..509f665d 100644
--- a/people/4998.html
+++ b/people/4998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/4999.html b/people/4999.html
index 3e8a646e..0e9cd676 100644
--- a/people/4999.html
+++ b/people/4999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5.html b/people/5.html
index 34b1e4b6..68cc5274 100644
--- a/people/5.html
+++ b/people/5.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/50.html b/people/50.html
index d608a387..eeafcf5c 100644
--- a/people/50.html
+++ b/people/50.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/500.html b/people/500.html
index 724c292b..95ae7610 100644
--- a/people/500.html
+++ b/people/500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5000.html b/people/5000.html
index cc5b24b4..0e437c42 100644
--- a/people/5000.html
+++ b/people/5000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5001.html b/people/5001.html
index 0d66ce35..511ac85a 100644
--- a/people/5001.html
+++ b/people/5001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5002.html b/people/5002.html
index b48ffe8d..d2a35975 100644
--- a/people/5002.html
+++ b/people/5002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5003.html b/people/5003.html
index 3140b622..2b11374e 100644
--- a/people/5003.html
+++ b/people/5003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5004.html b/people/5004.html
index 5205248d..07b8e269 100644
--- a/people/5004.html
+++ b/people/5004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5005.html b/people/5005.html
index 7ecb1537..7605c366 100644
--- a/people/5005.html
+++ b/people/5005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5006.html b/people/5006.html
index a211f45f..8f925196 100644
--- a/people/5006.html
+++ b/people/5006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5007.html b/people/5007.html
index 1296fa94..a3733d2b 100644
--- a/people/5007.html
+++ b/people/5007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5008.html b/people/5008.html
index 2b3d7bd2..0f48e1d4 100644
--- a/people/5008.html
+++ b/people/5008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5009.html b/people/5009.html
index 2aa84134..656c3e27 100644
--- a/people/5009.html
+++ b/people/5009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/501.html b/people/501.html
index cf1dfe26..74bc1f58 100644
--- a/people/501.html
+++ b/people/501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5010.html b/people/5010.html
index a37d2a73..3c810b87 100644
--- a/people/5010.html
+++ b/people/5010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5011.html b/people/5011.html
index 51149c53..a4fd1765 100644
--- a/people/5011.html
+++ b/people/5011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5012.html b/people/5012.html
index 205afb84..9600cc45 100644
--- a/people/5012.html
+++ b/people/5012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5013.html b/people/5013.html
index 2fe88087..c9aa7075 100644
--- a/people/5013.html
+++ b/people/5013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5014.html b/people/5014.html
index 50240eca..587efeca 100644
--- a/people/5014.html
+++ b/people/5014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5015.html b/people/5015.html
index 98776f3e..41fb7086 100644
--- a/people/5015.html
+++ b/people/5015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5016.html b/people/5016.html
index 62cdf873..a15c2214 100644
--- a/people/5016.html
+++ b/people/5016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5017.html b/people/5017.html
index cdf040d9..f3deb682 100644
--- a/people/5017.html
+++ b/people/5017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5018.html b/people/5018.html
index 0008727e..51ebb162 100644
--- a/people/5018.html
+++ b/people/5018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5019.html b/people/5019.html
index 443a14c6..38932288 100644
--- a/people/5019.html
+++ b/people/5019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/502.html b/people/502.html
index 41b8adda..ac01884b 100644
--- a/people/502.html
+++ b/people/502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5020.html b/people/5020.html
index 37dca9fb..5a9024d6 100644
--- a/people/5020.html
+++ b/people/5020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5021.html b/people/5021.html
index 553fb578..ea2e62c4 100644
--- a/people/5021.html
+++ b/people/5021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5022.html b/people/5022.html
index 51694fda..e62e6d7b 100644
--- a/people/5022.html
+++ b/people/5022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5023.html b/people/5023.html
index f254acb6..283f7da5 100644
--- a/people/5023.html
+++ b/people/5023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5024.html b/people/5024.html
index 20150e90..2569664f 100644
--- a/people/5024.html
+++ b/people/5024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5025.html b/people/5025.html
index 9fcabc6c..68f5a610 100644
--- a/people/5025.html
+++ b/people/5025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5026.html b/people/5026.html
index 4b4c0a4c..e33f99a6 100644
--- a/people/5026.html
+++ b/people/5026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5027.html b/people/5027.html
index 7f8a3138..317cd5d0 100644
--- a/people/5027.html
+++ b/people/5027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5028.html b/people/5028.html
index ca33b6dc..a8631775 100644
--- a/people/5028.html
+++ b/people/5028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5029.html b/people/5029.html
index 90ea2af8..4fe7e74f 100644
--- a/people/5029.html
+++ b/people/5029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/503.html b/people/503.html
index 098052ce..23a798d9 100644
--- a/people/503.html
+++ b/people/503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5030.html b/people/5030.html
index e4137221..e9e3796a 100644
--- a/people/5030.html
+++ b/people/5030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5031.html b/people/5031.html
index 110897fe..c13bad43 100644
--- a/people/5031.html
+++ b/people/5031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5032.html b/people/5032.html
index 4a076a12..aea750a9 100644
--- a/people/5032.html
+++ b/people/5032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5033.html b/people/5033.html
index ccb4422c..f46e3ff3 100644
--- a/people/5033.html
+++ b/people/5033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5034.html b/people/5034.html
index d67b127a..f2d38e63 100644
--- a/people/5034.html
+++ b/people/5034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5035.html b/people/5035.html
index a1b5483c..86d68d75 100644
--- a/people/5035.html
+++ b/people/5035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5036.html b/people/5036.html
index 28304546..2ae894bf 100644
--- a/people/5036.html
+++ b/people/5036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5037.html b/people/5037.html
index 054db179..a769d648 100644
--- a/people/5037.html
+++ b/people/5037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5038.html b/people/5038.html
index e0663af7..8f005e0a 100644
--- a/people/5038.html
+++ b/people/5038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5039.html b/people/5039.html
index f813bc17..a424edd4 100644
--- a/people/5039.html
+++ b/people/5039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/504.html b/people/504.html
index 105cd5b3..4a996a4f 100644
--- a/people/504.html
+++ b/people/504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5040.html b/people/5040.html
index 6d4477c2..e7a1ae6e 100644
--- a/people/5040.html
+++ b/people/5040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5041.html b/people/5041.html
index b0189e3a..96949e18 100644
--- a/people/5041.html
+++ b/people/5041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5042.html b/people/5042.html
index b9d042f5..2a1d19c3 100644
--- a/people/5042.html
+++ b/people/5042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5043.html b/people/5043.html
index 3cfcfd44..d9e888e4 100644
--- a/people/5043.html
+++ b/people/5043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5044.html b/people/5044.html
index 32a334be..b2ee126a 100644
--- a/people/5044.html
+++ b/people/5044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5045.html b/people/5045.html
index b5722988..e7f55b54 100644
--- a/people/5045.html
+++ b/people/5045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5046.html b/people/5046.html
index bb880ea0..9cb2c2b3 100644
--- a/people/5046.html
+++ b/people/5046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5047.html b/people/5047.html
index f233572d..8cf3e70f 100644
--- a/people/5047.html
+++ b/people/5047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5048.html b/people/5048.html
index 86be0c3d..a078df09 100644
--- a/people/5048.html
+++ b/people/5048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5049.html b/people/5049.html
index 39312653..8d20934e 100644
--- a/people/5049.html
+++ b/people/5049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/505.html b/people/505.html
index 0de94029..f245854c 100644
--- a/people/505.html
+++ b/people/505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5050.html b/people/5050.html
index 30d19db3..658d2a73 100644
--- a/people/5050.html
+++ b/people/5050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5051.html b/people/5051.html
index 5ad71a97..583930c0 100644
--- a/people/5051.html
+++ b/people/5051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5052.html b/people/5052.html
index 9b8ec6d5..6fdf85b7 100644
--- a/people/5052.html
+++ b/people/5052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5053.html b/people/5053.html
index 71be7119..089f6d87 100644
--- a/people/5053.html
+++ b/people/5053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5054.html b/people/5054.html
index 6a7d6255..9b023de2 100644
--- a/people/5054.html
+++ b/people/5054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5055.html b/people/5055.html
index f866b4cd..27697d20 100644
--- a/people/5055.html
+++ b/people/5055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5056.html b/people/5056.html
index 9c5b9dcf..c3477b71 100644
--- a/people/5056.html
+++ b/people/5056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5057.html b/people/5057.html
index 80193b0f..7f9ab2db 100644
--- a/people/5057.html
+++ b/people/5057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5058.html b/people/5058.html
index 8fb2b976..31ee1893 100644
--- a/people/5058.html
+++ b/people/5058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5059.html b/people/5059.html
index 2bab7904..ef016092 100644
--- a/people/5059.html
+++ b/people/5059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/506.html b/people/506.html
index a80df79d..4f095e31 100644
--- a/people/506.html
+++ b/people/506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5060.html b/people/5060.html
index 832477a8..363e3022 100644
--- a/people/5060.html
+++ b/people/5060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5061.html b/people/5061.html
index 4bcf8539..1df9941b 100644
--- a/people/5061.html
+++ b/people/5061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5062.html b/people/5062.html
index 0d14551a..7b50de53 100644
--- a/people/5062.html
+++ b/people/5062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5063.html b/people/5063.html
index 5d5678d9..1f37f342 100644
--- a/people/5063.html
+++ b/people/5063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5064.html b/people/5064.html
index b8ad90ac..996fe1ec 100644
--- a/people/5064.html
+++ b/people/5064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5065.html b/people/5065.html
index af985653..5405af59 100644
--- a/people/5065.html
+++ b/people/5065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5066.html b/people/5066.html
index 841a5018..b7305b3f 100644
--- a/people/5066.html
+++ b/people/5066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5067.html b/people/5067.html
index 07b4ae04..93bdf482 100644
--- a/people/5067.html
+++ b/people/5067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5068.html b/people/5068.html
index 376b0c67..681f5409 100644
--- a/people/5068.html
+++ b/people/5068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5069.html b/people/5069.html
index 6157cc2e..83fcdf6e 100644
--- a/people/5069.html
+++ b/people/5069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/507.html b/people/507.html
index c03dd269..998a9621 100644
--- a/people/507.html
+++ b/people/507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5070.html b/people/5070.html
index bb388700..eb23d268 100644
--- a/people/5070.html
+++ b/people/5070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5071.html b/people/5071.html
index 772816a6..cf79a829 100644
--- a/people/5071.html
+++ b/people/5071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5072.html b/people/5072.html
index 4b6ab4d7..2d48eb3c 100644
--- a/people/5072.html
+++ b/people/5072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5073.html b/people/5073.html
index 31361620..ece6d0bd 100644
--- a/people/5073.html
+++ b/people/5073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5074.html b/people/5074.html
index d198a2d1..bc6eebf5 100644
--- a/people/5074.html
+++ b/people/5074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5075.html b/people/5075.html
index 760c02ff..fc7a460d 100644
--- a/people/5075.html
+++ b/people/5075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5076.html b/people/5076.html
index 215809fd..8938af68 100644
--- a/people/5076.html
+++ b/people/5076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5077.html b/people/5077.html
index 9cfeb6bd..410da1e8 100644
--- a/people/5077.html
+++ b/people/5077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5078.html b/people/5078.html
index 00301a84..70c9cf5d 100644
--- a/people/5078.html
+++ b/people/5078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5079.html b/people/5079.html
index 5ebc3490..27fb6611 100644
--- a/people/5079.html
+++ b/people/5079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/508.html b/people/508.html
index 3c2ef140..63f33677 100644
--- a/people/508.html
+++ b/people/508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5080.html b/people/5080.html
index f44e3540..625f0817 100644
--- a/people/5080.html
+++ b/people/5080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5081.html b/people/5081.html
index 6c1e96c0..8880f543 100644
--- a/people/5081.html
+++ b/people/5081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5082.html b/people/5082.html
index f4d87a39..4eba1c91 100644
--- a/people/5082.html
+++ b/people/5082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5083.html b/people/5083.html
index 6b09e95e..919ae146 100644
--- a/people/5083.html
+++ b/people/5083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5084.html b/people/5084.html
index a8d9c1bd..ff1831c4 100644
--- a/people/5084.html
+++ b/people/5084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5085.html b/people/5085.html
index 27518b79..4f98d98f 100644
--- a/people/5085.html
+++ b/people/5085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5086.html b/people/5086.html
index 64d5ad64..f963bbf7 100644
--- a/people/5086.html
+++ b/people/5086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5087.html b/people/5087.html
index 724f35f1..b8979212 100644
--- a/people/5087.html
+++ b/people/5087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5088.html b/people/5088.html
index feeba1e6..3070cd24 100644
--- a/people/5088.html
+++ b/people/5088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5089.html b/people/5089.html
index 9182d520..f7a57c23 100644
--- a/people/5089.html
+++ b/people/5089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/509.html b/people/509.html
index 665a8195..e37ac08d 100644
--- a/people/509.html
+++ b/people/509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5090.html b/people/5090.html
index 105dfcf4..61e08f2e 100644
--- a/people/5090.html
+++ b/people/5090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5091.html b/people/5091.html
index 713f8abf..03c610b5 100644
--- a/people/5091.html
+++ b/people/5091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5092.html b/people/5092.html
index 1aee59ed..831ab8ef 100644
--- a/people/5092.html
+++ b/people/5092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5093.html b/people/5093.html
index 5277700f..dff6063e 100644
--- a/people/5093.html
+++ b/people/5093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5094.html b/people/5094.html
index 66f8579c..32495bd5 100644
--- a/people/5094.html
+++ b/people/5094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5095.html b/people/5095.html
index 046a92ce..24dd33f2 100644
--- a/people/5095.html
+++ b/people/5095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5096.html b/people/5096.html
index aa9be22e..85593dca 100644
--- a/people/5096.html
+++ b/people/5096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5097.html b/people/5097.html
index f1938ecf..23ca2035 100644
--- a/people/5097.html
+++ b/people/5097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5098.html b/people/5098.html
index aaa60093..8cb23c90 100644
--- a/people/5098.html
+++ b/people/5098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5099.html b/people/5099.html
index a3634d18..d616e371 100644
--- a/people/5099.html
+++ b/people/5099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/51.html b/people/51.html
index 11f7347d..da1453e2 100644
--- a/people/51.html
+++ b/people/51.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/510.html b/people/510.html
index d29906ec..291de433 100644
--- a/people/510.html
+++ b/people/510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5100.html b/people/5100.html
index 7d9975fe..24e48dff 100644
--- a/people/5100.html
+++ b/people/5100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5101.html b/people/5101.html
index 389a5f0c..e4772dcc 100644
--- a/people/5101.html
+++ b/people/5101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5102.html b/people/5102.html
index 4ea85f58..63b22a00 100644
--- a/people/5102.html
+++ b/people/5102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5103.html b/people/5103.html
index 57bea6ee..399a5af1 100644
--- a/people/5103.html
+++ b/people/5103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5104.html b/people/5104.html
index c515f5a3..a4e98df7 100644
--- a/people/5104.html
+++ b/people/5104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5105.html b/people/5105.html
index 572865ff..9fd00ece 100644
--- a/people/5105.html
+++ b/people/5105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5106.html b/people/5106.html
index 2c568e5d..cd772748 100644
--- a/people/5106.html
+++ b/people/5106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5107.html b/people/5107.html
index 0dcf5afd..0eee82d6 100644
--- a/people/5107.html
+++ b/people/5107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5108.html b/people/5108.html
index b8d8f747..2eaaf1aa 100644
--- a/people/5108.html
+++ b/people/5108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5109.html b/people/5109.html
index c7f6b13d..96deb12d 100644
--- a/people/5109.html
+++ b/people/5109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/511.html b/people/511.html
index 22155902..5149b140 100644
--- a/people/511.html
+++ b/people/511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5110.html b/people/5110.html
index 98a73c68..52fabc13 100644
--- a/people/5110.html
+++ b/people/5110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5111.html b/people/5111.html
index 3c7dbd27..4d2fea06 100644
--- a/people/5111.html
+++ b/people/5111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5112.html b/people/5112.html
index a217780e..fdf7dc80 100644
--- a/people/5112.html
+++ b/people/5112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5113.html b/people/5113.html
index 80e43afe..26ba6c4d 100644
--- a/people/5113.html
+++ b/people/5113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5114.html b/people/5114.html
index 8b0f622d..84639cf9 100644
--- a/people/5114.html
+++ b/people/5114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5115.html b/people/5115.html
index 79c54487..cb81b0da 100644
--- a/people/5115.html
+++ b/people/5115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5116.html b/people/5116.html
index ee489260..aba149ae 100644
--- a/people/5116.html
+++ b/people/5116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5117.html b/people/5117.html
index 490ce909..6790ba14 100644
--- a/people/5117.html
+++ b/people/5117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5118.html b/people/5118.html
index 960472a3..619dde50 100644
--- a/people/5118.html
+++ b/people/5118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5119.html b/people/5119.html
index 221e8682..9b85d283 100644
--- a/people/5119.html
+++ b/people/5119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/512.html b/people/512.html
index c4b9fa27..2acadbeb 100644
--- a/people/512.html
+++ b/people/512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5120.html b/people/5120.html
index 306084c0..6eb33f1f 100644
--- a/people/5120.html
+++ b/people/5120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5121.html b/people/5121.html
index b8101e27..4b479c4e 100644
--- a/people/5121.html
+++ b/people/5121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5122.html b/people/5122.html
index 9e357340..8dba93be 100644
--- a/people/5122.html
+++ b/people/5122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5123.html b/people/5123.html
index 774dbf0c..3bc67806 100644
--- a/people/5123.html
+++ b/people/5123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5124.html b/people/5124.html
index a62ad986..3f7dd58e 100644
--- a/people/5124.html
+++ b/people/5124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5125.html b/people/5125.html
index 930c7c91..2d421cc6 100644
--- a/people/5125.html
+++ b/people/5125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5126.html b/people/5126.html
index 6f218800..5d77a078 100644
--- a/people/5126.html
+++ b/people/5126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5127.html b/people/5127.html
index 3d67be5c..f1eb52c0 100644
--- a/people/5127.html
+++ b/people/5127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5128.html b/people/5128.html
index 7a196b6d..88565af9 100644
--- a/people/5128.html
+++ b/people/5128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5129.html b/people/5129.html
index 0b050fcc..7326ea1d 100644
--- a/people/5129.html
+++ b/people/5129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/513.html b/people/513.html
index baab9f14..c6ee42ec 100644
--- a/people/513.html
+++ b/people/513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5130.html b/people/5130.html
index 94626b2c..aa773e7a 100644
--- a/people/5130.html
+++ b/people/5130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5131.html b/people/5131.html
index 5b9842f2..334a9265 100644
--- a/people/5131.html
+++ b/people/5131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5132.html b/people/5132.html
index c4a282c9..9a5b1683 100644
--- a/people/5132.html
+++ b/people/5132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5133.html b/people/5133.html
index 4b24d0de..8d25b9e0 100644
--- a/people/5133.html
+++ b/people/5133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5134.html b/people/5134.html
index 1e960994..b11756a5 100644
--- a/people/5134.html
+++ b/people/5134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5135.html b/people/5135.html
index 8d662a94..f8b44d42 100644
--- a/people/5135.html
+++ b/people/5135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5136.html b/people/5136.html
index 04b2fbd3..87935d96 100644
--- a/people/5136.html
+++ b/people/5136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5137.html b/people/5137.html
index 191217d8..fecaf854 100644
--- a/people/5137.html
+++ b/people/5137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5138.html b/people/5138.html
index edb4448c..dde254d2 100644
--- a/people/5138.html
+++ b/people/5138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5139.html b/people/5139.html
index 9c671bee..a2e58e26 100644
--- a/people/5139.html
+++ b/people/5139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/514.html b/people/514.html
index b5d2b17b..1babe5c3 100644
--- a/people/514.html
+++ b/people/514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5140.html b/people/5140.html
index ea3ec998..ba01ed9f 100644
--- a/people/5140.html
+++ b/people/5140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5141.html b/people/5141.html
index f53effea..457d6890 100644
--- a/people/5141.html
+++ b/people/5141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5142.html b/people/5142.html
index 2a86157b..72469c0f 100644
--- a/people/5142.html
+++ b/people/5142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5143.html b/people/5143.html
index 6b5183a1..5b017b71 100644
--- a/people/5143.html
+++ b/people/5143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5144.html b/people/5144.html
index 88448875..3e7975d9 100644
--- a/people/5144.html
+++ b/people/5144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5145.html b/people/5145.html
index 4af2524a..a4a7ce77 100644
--- a/people/5145.html
+++ b/people/5145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5146.html b/people/5146.html
index 91193b60..76e7557e 100644
--- a/people/5146.html
+++ b/people/5146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5147.html b/people/5147.html
index a84e974c..0a094685 100644
--- a/people/5147.html
+++ b/people/5147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5148.html b/people/5148.html
index 7ef973a0..89da578d 100644
--- a/people/5148.html
+++ b/people/5148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5149.html b/people/5149.html
index 986bfcad..3238f600 100644
--- a/people/5149.html
+++ b/people/5149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/515.html b/people/515.html
index b331067b..7efaf77a 100644
--- a/people/515.html
+++ b/people/515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5150.html b/people/5150.html
index 36adb52f..d50665aa 100644
--- a/people/5150.html
+++ b/people/5150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5151.html b/people/5151.html
index bef44178..d0227fa4 100644
--- a/people/5151.html
+++ b/people/5151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5152.html b/people/5152.html
index a3d463c2..96cae385 100644
--- a/people/5152.html
+++ b/people/5152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5153.html b/people/5153.html
index 3fc4eb89..fda275c9 100644
--- a/people/5153.html
+++ b/people/5153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5154.html b/people/5154.html
index 06e020d8..d47bf691 100644
--- a/people/5154.html
+++ b/people/5154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5155.html b/people/5155.html
index 4094febd..66e8cd8a 100644
--- a/people/5155.html
+++ b/people/5155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5156.html b/people/5156.html
index 55c5037f..e9df8381 100644
--- a/people/5156.html
+++ b/people/5156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5157.html b/people/5157.html
index a60c1808..89080df7 100644
--- a/people/5157.html
+++ b/people/5157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5158.html b/people/5158.html
index 66ccfa2e..47cfc615 100644
--- a/people/5158.html
+++ b/people/5158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5159.html b/people/5159.html
index ff5d0e4e..6507d98d 100644
--- a/people/5159.html
+++ b/people/5159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/516.html b/people/516.html
index b729c2e1..36ac0722 100644
--- a/people/516.html
+++ b/people/516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5160.html b/people/5160.html
index 454bbfbd..71244cd6 100644
--- a/people/5160.html
+++ b/people/5160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5161.html b/people/5161.html
index 21d4bdc8..47dd4923 100644
--- a/people/5161.html
+++ b/people/5161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5162.html b/people/5162.html
index 9264a0db..276aef20 100644
--- a/people/5162.html
+++ b/people/5162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5163.html b/people/5163.html
index 27c82a5f..4668303e 100644
--- a/people/5163.html
+++ b/people/5163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5164.html b/people/5164.html
index 7d769a6b..f3afb1a4 100644
--- a/people/5164.html
+++ b/people/5164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5165.html b/people/5165.html
index a81f40c3..51e6019c 100644
--- a/people/5165.html
+++ b/people/5165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5166.html b/people/5166.html
index f69971a2..616ec684 100644
--- a/people/5166.html
+++ b/people/5166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5167.html b/people/5167.html
index 28e1044c..53d7f3ee 100644
--- a/people/5167.html
+++ b/people/5167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5168.html b/people/5168.html
index a1005792..29bc1edb 100644
--- a/people/5168.html
+++ b/people/5168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5169.html b/people/5169.html
index f71d251a..40242806 100644
--- a/people/5169.html
+++ b/people/5169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/517.html b/people/517.html
index b1ddc55f..a010e2d6 100644
--- a/people/517.html
+++ b/people/517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5170.html b/people/5170.html
index ef035d63..80b42863 100644
--- a/people/5170.html
+++ b/people/5170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5171.html b/people/5171.html
index 63a28b64..0eecc7ba 100644
--- a/people/5171.html
+++ b/people/5171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5172.html b/people/5172.html
index 5b44965b..dfb3f84c 100644
--- a/people/5172.html
+++ b/people/5172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5173.html b/people/5173.html
index 9dc91c6f..e3ead127 100644
--- a/people/5173.html
+++ b/people/5173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5174.html b/people/5174.html
index df8749c6..9afc1757 100644
--- a/people/5174.html
+++ b/people/5174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5175.html b/people/5175.html
index 48e13a18..639fe705 100644
--- a/people/5175.html
+++ b/people/5175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5176.html b/people/5176.html
index e1d94862..f9919ebd 100644
--- a/people/5176.html
+++ b/people/5176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5177.html b/people/5177.html
index 447bb206..4df228ee 100644
--- a/people/5177.html
+++ b/people/5177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5178.html b/people/5178.html
index cc23999a..9bbe0df4 100644
--- a/people/5178.html
+++ b/people/5178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5179.html b/people/5179.html
index fa712743..3c7a2340 100644
--- a/people/5179.html
+++ b/people/5179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/518.html b/people/518.html
index 7d46f7dc..33728c35 100644
--- a/people/518.html
+++ b/people/518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5180.html b/people/5180.html
index 4e91e02f..6c273da2 100644
--- a/people/5180.html
+++ b/people/5180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5181.html b/people/5181.html
index fca94d49..19cba599 100644
--- a/people/5181.html
+++ b/people/5181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5182.html b/people/5182.html
index b524b7ad..dd16c818 100644
--- a/people/5182.html
+++ b/people/5182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5183.html b/people/5183.html
index b7461dd3..00a21fe5 100644
--- a/people/5183.html
+++ b/people/5183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5184.html b/people/5184.html
index 94d6a7af..8473324d 100644
--- a/people/5184.html
+++ b/people/5184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5185.html b/people/5185.html
index abcb8436..785cbdeb 100644
--- a/people/5185.html
+++ b/people/5185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5186.html b/people/5186.html
index f814677e..33a4d901 100644
--- a/people/5186.html
+++ b/people/5186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5187.html b/people/5187.html
index 4833ee39..015d08a4 100644
--- a/people/5187.html
+++ b/people/5187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5188.html b/people/5188.html
index 1b367a51..f47fe3d5 100644
--- a/people/5188.html
+++ b/people/5188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5189.html b/people/5189.html
index faab83ce..b0d2b229 100644
--- a/people/5189.html
+++ b/people/5189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/519.html b/people/519.html
index 09b22a6e..22009b50 100644
--- a/people/519.html
+++ b/people/519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5190.html b/people/5190.html
index a39921e5..87456430 100644
--- a/people/5190.html
+++ b/people/5190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5191.html b/people/5191.html
index 9e1d49c7..3ac988bc 100644
--- a/people/5191.html
+++ b/people/5191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5192.html b/people/5192.html
index 2cc0f267..392d4ac4 100644
--- a/people/5192.html
+++ b/people/5192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5193.html b/people/5193.html
index c5f57143..1423635f 100644
--- a/people/5193.html
+++ b/people/5193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5194.html b/people/5194.html
index 53bf82d9..c8096d81 100644
--- a/people/5194.html
+++ b/people/5194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5195.html b/people/5195.html
index cf2e4156..3673a582 100644
--- a/people/5195.html
+++ b/people/5195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5196.html b/people/5196.html
index efa1c08f..7a8243bc 100644
--- a/people/5196.html
+++ b/people/5196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5197.html b/people/5197.html
index 1e6d56d0..aadde94d 100644
--- a/people/5197.html
+++ b/people/5197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5198.html b/people/5198.html
index b60c3e82..205bc375 100644
--- a/people/5198.html
+++ b/people/5198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5199.html b/people/5199.html
index 47fd56ff..3bd82bd5 100644
--- a/people/5199.html
+++ b/people/5199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/52.html b/people/52.html
index d3e6c9be..d4ad4a53 100644
--- a/people/52.html
+++ b/people/52.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/520.html b/people/520.html
index 453dc201..7dea7c09 100644
--- a/people/520.html
+++ b/people/520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5200.html b/people/5200.html
index 5b710f7e..6081c095 100644
--- a/people/5200.html
+++ b/people/5200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5201.html b/people/5201.html
index 4f3d1e2e..3040f5f9 100644
--- a/people/5201.html
+++ b/people/5201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5202.html b/people/5202.html
index a187debf..ecd0f793 100644
--- a/people/5202.html
+++ b/people/5202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5203.html b/people/5203.html
index bfd21382..b766b108 100644
--- a/people/5203.html
+++ b/people/5203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5204.html b/people/5204.html
index 2a02704c..bbec56c6 100644
--- a/people/5204.html
+++ b/people/5204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5205.html b/people/5205.html
index c2b23ab6..5f8738fe 100644
--- a/people/5205.html
+++ b/people/5205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5206.html b/people/5206.html
index a7eb480f..7b2b2cf6 100644
--- a/people/5206.html
+++ b/people/5206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5207.html b/people/5207.html
index 7f03bc05..e747215b 100644
--- a/people/5207.html
+++ b/people/5207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5208.html b/people/5208.html
index 96d6278d..cfe66433 100644
--- a/people/5208.html
+++ b/people/5208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5209.html b/people/5209.html
index 31ae06c7..452269c4 100644
--- a/people/5209.html
+++ b/people/5209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/521.html b/people/521.html
index 5eb345fc..56504813 100644
--- a/people/521.html
+++ b/people/521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5210.html b/people/5210.html
index e0842319..25c3c3a1 100644
--- a/people/5210.html
+++ b/people/5210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5211.html b/people/5211.html
index dfacdbda..ca23219e 100644
--- a/people/5211.html
+++ b/people/5211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5212.html b/people/5212.html
index e0842319..25c3c3a1 100644
--- a/people/5212.html
+++ b/people/5212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5213.html b/people/5213.html
index 2b59ea15..0f3470d4 100644
--- a/people/5213.html
+++ b/people/5213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5214.html b/people/5214.html
index 73d8480b..87408e85 100644
--- a/people/5214.html
+++ b/people/5214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5215.html b/people/5215.html
index 9aa65fd7..249cb31e 100644
--- a/people/5215.html
+++ b/people/5215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5216.html b/people/5216.html
index 7168ec90..f9bd1545 100644
--- a/people/5216.html
+++ b/people/5216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5217.html b/people/5217.html
index edc85d4b..2175b533 100644
--- a/people/5217.html
+++ b/people/5217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5218.html b/people/5218.html
index 4f33f9d5..8de81307 100644
--- a/people/5218.html
+++ b/people/5218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5219.html b/people/5219.html
index 3b565b35..f2fc302b 100644
--- a/people/5219.html
+++ b/people/5219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/522.html b/people/522.html
index 0eb84615..6a81b281 100644
--- a/people/522.html
+++ b/people/522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5220.html b/people/5220.html
index 684d2a1c..28f0a740 100644
--- a/people/5220.html
+++ b/people/5220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5221.html b/people/5221.html
index e78425b3..df6bee00 100644
--- a/people/5221.html
+++ b/people/5221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5222.html b/people/5222.html
index db387171..b579aadc 100644
--- a/people/5222.html
+++ b/people/5222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5223.html b/people/5223.html
index d36c93fb..4f4cf159 100644
--- a/people/5223.html
+++ b/people/5223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5224.html b/people/5224.html
index 8d5ed23d..55550e35 100644
--- a/people/5224.html
+++ b/people/5224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5225.html b/people/5225.html
index 4f33f9d5..8de81307 100644
--- a/people/5225.html
+++ b/people/5225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5226.html b/people/5226.html
index 4288a87c..99e713be 100644
--- a/people/5226.html
+++ b/people/5226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5227.html b/people/5227.html
index 77b6c022..ecda9740 100644
--- a/people/5227.html
+++ b/people/5227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5228.html b/people/5228.html
index f719204e..937fe92c 100644
--- a/people/5228.html
+++ b/people/5228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5229.html b/people/5229.html
index 62f41374..8e491cad 100644
--- a/people/5229.html
+++ b/people/5229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/523.html b/people/523.html
index 15e75a00..df62caeb 100644
--- a/people/523.html
+++ b/people/523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5230.html b/people/5230.html
index db387171..b579aadc 100644
--- a/people/5230.html
+++ b/people/5230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5231.html b/people/5231.html
index 6fb54c86..a7af65a7 100644
--- a/people/5231.html
+++ b/people/5231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5232.html b/people/5232.html
index e4375ae8..ba4bb0b0 100644
--- a/people/5232.html
+++ b/people/5232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5233.html b/people/5233.html
index 6b7d20e3..00c1b5b3 100644
--- a/people/5233.html
+++ b/people/5233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5234.html b/people/5234.html
index a88c1325..0674ae65 100644
--- a/people/5234.html
+++ b/people/5234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5235.html b/people/5235.html
index d36c93fb..4f4cf159 100644
--- a/people/5235.html
+++ b/people/5235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5236.html b/people/5236.html
index 25ab257c..5c085f6c 100644
--- a/people/5236.html
+++ b/people/5236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5237.html b/people/5237.html
index 001a8097..dcce746d 100644
--- a/people/5237.html
+++ b/people/5237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5238.html b/people/5238.html
index b65c3a98..1cd82c67 100644
--- a/people/5238.html
+++ b/people/5238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5239.html b/people/5239.html
index 2585599c..5d32508b 100644
--- a/people/5239.html
+++ b/people/5239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/524.html b/people/524.html
index fa5e53f0..fa2a7029 100644
--- a/people/524.html
+++ b/people/524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5240.html b/people/5240.html
index fbb8c8da..f5349b7c 100644
--- a/people/5240.html
+++ b/people/5240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5241.html b/people/5241.html
index 773b9bed..cde80563 100644
--- a/people/5241.html
+++ b/people/5241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5242.html b/people/5242.html
index f83eb275..96fa2080 100644
--- a/people/5242.html
+++ b/people/5242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5243.html b/people/5243.html
index dbfbd7b9..60a30807 100644
--- a/people/5243.html
+++ b/people/5243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5244.html b/people/5244.html
index f61d85c9..100b532e 100644
--- a/people/5244.html
+++ b/people/5244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5245.html b/people/5245.html
index 42e2b35d..f7051db0 100644
--- a/people/5245.html
+++ b/people/5245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5246.html b/people/5246.html
index 3dc7b964..712ff315 100644
--- a/people/5246.html
+++ b/people/5246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5247.html b/people/5247.html
index 254865bf..3c342b84 100644
--- a/people/5247.html
+++ b/people/5247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5248.html b/people/5248.html
index c7a32d25..edb13f70 100644
--- a/people/5248.html
+++ b/people/5248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5249.html b/people/5249.html
index 1dc06e17..2d1be066 100644
--- a/people/5249.html
+++ b/people/5249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/525.html b/people/525.html
index d3833fcd..2c2e7f3c 100644
--- a/people/525.html
+++ b/people/525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5250.html b/people/5250.html
index 3a2ff9fe..f51bb514 100644
--- a/people/5250.html
+++ b/people/5250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5251.html b/people/5251.html
index ef4d8a32..4f78eacf 100644
--- a/people/5251.html
+++ b/people/5251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5252.html b/people/5252.html
index bdf1f114..2c9e57ec 100644
--- a/people/5252.html
+++ b/people/5252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5253.html b/people/5253.html
index afe7fe51..b4ea9be0 100644
--- a/people/5253.html
+++ b/people/5253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5254.html b/people/5254.html
index 6e3c2755..1952c403 100644
--- a/people/5254.html
+++ b/people/5254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5255.html b/people/5255.html
index a1f5c287..dbfeba4f 100644
--- a/people/5255.html
+++ b/people/5255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5256.html b/people/5256.html
index 22aa6862..146a882b 100644
--- a/people/5256.html
+++ b/people/5256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5257.html b/people/5257.html
index bcc39d25..1358f8d6 100644
--- a/people/5257.html
+++ b/people/5257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5258.html b/people/5258.html
index 707dfa73..4f88b344 100644
--- a/people/5258.html
+++ b/people/5258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5259.html b/people/5259.html
index 5dc77b03..af22774d 100644
--- a/people/5259.html
+++ b/people/5259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/526.html b/people/526.html
index 85b0e14c..ba2f283c 100644
--- a/people/526.html
+++ b/people/526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5260.html b/people/5260.html
index 4959725d..f7aedc4b 100644
--- a/people/5260.html
+++ b/people/5260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5261.html b/people/5261.html
index 0e867604..15a33173 100644
--- a/people/5261.html
+++ b/people/5261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5262.html b/people/5262.html
index ed8b69e5..a7019c92 100644
--- a/people/5262.html
+++ b/people/5262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5263.html b/people/5263.html
index 9beca145..6a0b140c 100644
--- a/people/5263.html
+++ b/people/5263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5264.html b/people/5264.html
index 425ee091..cb07b332 100644
--- a/people/5264.html
+++ b/people/5264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5265.html b/people/5265.html
index 67d349f6..ac3c9e90 100644
--- a/people/5265.html
+++ b/people/5265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5266.html b/people/5266.html
index 86fd8715..864752bd 100644
--- a/people/5266.html
+++ b/people/5266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5267.html b/people/5267.html
index 8ce6e4a5..660a8010 100644
--- a/people/5267.html
+++ b/people/5267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5268.html b/people/5268.html
index 1a4c9ee2..b504f105 100644
--- a/people/5268.html
+++ b/people/5268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5269.html b/people/5269.html
index 2d66d1c9..365be96b 100644
--- a/people/5269.html
+++ b/people/5269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/527.html b/people/527.html
index 8bc8b36a..61352d8c 100644
--- a/people/527.html
+++ b/people/527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5270.html b/people/5270.html
index dbfbd7b9..60a30807 100644
--- a/people/5270.html
+++ b/people/5270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5271.html b/people/5271.html
index 88d63ad0..ede7b6bf 100644
--- a/people/5271.html
+++ b/people/5271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5272.html b/people/5272.html
index 707dfa73..4f88b344 100644
--- a/people/5272.html
+++ b/people/5272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5273.html b/people/5273.html
index 13522340..39b0d735 100644
--- a/people/5273.html
+++ b/people/5273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5274.html b/people/5274.html
index d4820111..dc637dcf 100644
--- a/people/5274.html
+++ b/people/5274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5275.html b/people/5275.html
index 65934685..1ea3b79c 100644
--- a/people/5275.html
+++ b/people/5275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5276.html b/people/5276.html
index 92a061ed..97654db6 100644
--- a/people/5276.html
+++ b/people/5276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5277.html b/people/5277.html
index 8a862f04..64ccff42 100644
--- a/people/5277.html
+++ b/people/5277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5278.html b/people/5278.html
index 38654004..72b75c47 100644
--- a/people/5278.html
+++ b/people/5278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5279.html b/people/5279.html
index 8568645a..4ed9b8cc 100644
--- a/people/5279.html
+++ b/people/5279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/528.html b/people/528.html
index 1c74af02..a8633197 100644
--- a/people/528.html
+++ b/people/528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5280.html b/people/5280.html
index 372215df..bf20f37a 100644
--- a/people/5280.html
+++ b/people/5280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5281.html b/people/5281.html
index 0685279c..fb5fe3c8 100644
--- a/people/5281.html
+++ b/people/5281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5282.html b/people/5282.html
index ae602ce4..4fa9af9f 100644
--- a/people/5282.html
+++ b/people/5282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5283.html b/people/5283.html
index 26bc26ed..eec9b3ee 100644
--- a/people/5283.html
+++ b/people/5283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5284.html b/people/5284.html
index 3d9d4712..e4a48b48 100644
--- a/people/5284.html
+++ b/people/5284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5285.html b/people/5285.html
index 86fd8715..864752bd 100644
--- a/people/5285.html
+++ b/people/5285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5286.html b/people/5286.html
index af697a3f..3c2c1784 100644
--- a/people/5286.html
+++ b/people/5286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5287.html b/people/5287.html
index bdf1f114..2c9e57ec 100644
--- a/people/5287.html
+++ b/people/5287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5288.html b/people/5288.html
index bccd3ee9..3d90f5a6 100644
--- a/people/5288.html
+++ b/people/5288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5289.html b/people/5289.html
index 35442807..83ba5ca6 100644
--- a/people/5289.html
+++ b/people/5289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/529.html b/people/529.html
index 8fda0b9b..2afc8fbb 100644
--- a/people/529.html
+++ b/people/529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5290.html b/people/5290.html
index 52aef532..355db2e7 100644
--- a/people/5290.html
+++ b/people/5290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5291.html b/people/5291.html
index 6d0afb5b..41615643 100644
--- a/people/5291.html
+++ b/people/5291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5292.html b/people/5292.html
index b435830a..e39d2dbd 100644
--- a/people/5292.html
+++ b/people/5292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5293.html b/people/5293.html
index c5a03ccc..5651bbe2 100644
--- a/people/5293.html
+++ b/people/5293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5294.html b/people/5294.html
index e968f0f0..ecbd1873 100644
--- a/people/5294.html
+++ b/people/5294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5295.html b/people/5295.html
index 30b69d5d..79ef7d00 100644
--- a/people/5295.html
+++ b/people/5295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5296.html b/people/5296.html
index 12371a29..5bc8beb0 100644
--- a/people/5296.html
+++ b/people/5296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5297.html b/people/5297.html
index c953c646..e6573638 100644
--- a/people/5297.html
+++ b/people/5297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5298.html b/people/5298.html
index f3d8d04f..32680275 100644
--- a/people/5298.html
+++ b/people/5298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5299.html b/people/5299.html
index 9953c4ab..8628ccc6 100644
--- a/people/5299.html
+++ b/people/5299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/53.html b/people/53.html
index 33407d6e..e4bcb084 100644
--- a/people/53.html
+++ b/people/53.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/530.html b/people/530.html
index 23d90c44..56accf3c 100644
--- a/people/530.html
+++ b/people/530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5300.html b/people/5300.html
index f458e45e..e44b6f95 100644
--- a/people/5300.html
+++ b/people/5300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5301.html b/people/5301.html
index 9879dcaa..fbe881f5 100644
--- a/people/5301.html
+++ b/people/5301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5302.html b/people/5302.html
index 5c875f33..4545c3de 100644
--- a/people/5302.html
+++ b/people/5302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5303.html b/people/5303.html
index 3d9f485a..a02d8c69 100644
--- a/people/5303.html
+++ b/people/5303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5304.html b/people/5304.html
index 5174f0d3..8c8cd0b3 100644
--- a/people/5304.html
+++ b/people/5304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5305.html b/people/5305.html
index 1e4ac2c6..6280fe01 100644
--- a/people/5305.html
+++ b/people/5305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5306.html b/people/5306.html
index 707dfa73..4f88b344 100644
--- a/people/5306.html
+++ b/people/5306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5307.html b/people/5307.html
index 9d5c38e7..c8de20d1 100644
--- a/people/5307.html
+++ b/people/5307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5308.html b/people/5308.html
index d1311986..2a3e1f63 100644
--- a/people/5308.html
+++ b/people/5308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5309.html b/people/5309.html
index 158a0dc2..2ac2c919 100644
--- a/people/5309.html
+++ b/people/5309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/531.html b/people/531.html
index 3fe2b620..90d882d6 100644
--- a/people/531.html
+++ b/people/531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5310.html b/people/5310.html
index 22aa6862..146a882b 100644
--- a/people/5310.html
+++ b/people/5310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5311.html b/people/5311.html
index 73fc66b6..11d5c6ea 100644
--- a/people/5311.html
+++ b/people/5311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5312.html b/people/5312.html
index 179685b5..65beb33c 100644
--- a/people/5312.html
+++ b/people/5312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5313.html b/people/5313.html
index 707dfa73..4f88b344 100644
--- a/people/5313.html
+++ b/people/5313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5314.html b/people/5314.html
index a30cd197..841cd131 100644
--- a/people/5314.html
+++ b/people/5314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5315.html b/people/5315.html
index 971d96da..938966c2 100644
--- a/people/5315.html
+++ b/people/5315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5316.html b/people/5316.html
index e9ab2313..bd871e76 100644
--- a/people/5316.html
+++ b/people/5316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5317.html b/people/5317.html
index 26bc4087..b3258cdd 100644
--- a/people/5317.html
+++ b/people/5317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5318.html b/people/5318.html
index 0d9a85d1..4e90c177 100644
--- a/people/5318.html
+++ b/people/5318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5319.html b/people/5319.html
index bbe6eb6c..bce2ac94 100644
--- a/people/5319.html
+++ b/people/5319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/532.html b/people/532.html
index 4b09da09..4dcb9b14 100644
--- a/people/532.html
+++ b/people/532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5320.html b/people/5320.html
index 1fefdd0b..d07fb6f3 100644
--- a/people/5320.html
+++ b/people/5320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5321.html b/people/5321.html
index 54643702..733d8ac0 100644
--- a/people/5321.html
+++ b/people/5321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5322.html b/people/5322.html
index 86fd8715..864752bd 100644
--- a/people/5322.html
+++ b/people/5322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5323.html b/people/5323.html
index c680bb9d..65bfd45c 100644
--- a/people/5323.html
+++ b/people/5323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5324.html b/people/5324.html
index 707dfa73..4f88b344 100644
--- a/people/5324.html
+++ b/people/5324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5325.html b/people/5325.html
index 3eec2e77..6e366fe3 100644
--- a/people/5325.html
+++ b/people/5325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5326.html b/people/5326.html
index 15b4febc..7bfb322f 100644
--- a/people/5326.html
+++ b/people/5326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5327.html b/people/5327.html
index c29cfa36..383b4978 100644
--- a/people/5327.html
+++ b/people/5327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5328.html b/people/5328.html
index deced9ed..74f14969 100644
--- a/people/5328.html
+++ b/people/5328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5329.html b/people/5329.html
index b6deecbb..a8ddd881 100644
--- a/people/5329.html
+++ b/people/5329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/533.html b/people/533.html
index 720fe796..c9c6942b 100644
--- a/people/533.html
+++ b/people/533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5330.html b/people/5330.html
index 2b2eb7af..651117ea 100644
--- a/people/5330.html
+++ b/people/5330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5331.html b/people/5331.html
index 7bfe9951..84c03e14 100644
--- a/people/5331.html
+++ b/people/5331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5332.html b/people/5332.html
index 6612b11c..92637983 100644
--- a/people/5332.html
+++ b/people/5332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5333.html b/people/5333.html
index 46dace4d..21bc1c38 100644
--- a/people/5333.html
+++ b/people/5333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5334.html b/people/5334.html
index 59ed812a..d01971fc 100644
--- a/people/5334.html
+++ b/people/5334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5335.html b/people/5335.html
index 42a180dc..d38fd9a4 100644
--- a/people/5335.html
+++ b/people/5335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5336.html b/people/5336.html
index c2781d3c..5540435b 100644
--- a/people/5336.html
+++ b/people/5336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5337.html b/people/5337.html
index 5577d254..8df46298 100644
--- a/people/5337.html
+++ b/people/5337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5338.html b/people/5338.html
index 97f4d99c..26f16d26 100644
--- a/people/5338.html
+++ b/people/5338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5339.html b/people/5339.html
index f5ccd4e2..870f9403 100644
--- a/people/5339.html
+++ b/people/5339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/534.html b/people/534.html
index 5fd6d457..261e90db 100644
--- a/people/534.html
+++ b/people/534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5340.html b/people/5340.html
index 7fce2c6a..b70240d0 100644
--- a/people/5340.html
+++ b/people/5340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5341.html b/people/5341.html
index d0239508..09dc5736 100644
--- a/people/5341.html
+++ b/people/5341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5342.html b/people/5342.html
index e6e3d678..a0b7a82c 100644
--- a/people/5342.html
+++ b/people/5342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5343.html b/people/5343.html
index 931a25da..d6f3d6fa 100644
--- a/people/5343.html
+++ b/people/5343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5344.html b/people/5344.html
index 98d6da44..aaa3b411 100644
--- a/people/5344.html
+++ b/people/5344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5345.html b/people/5345.html
index 326e73f8..29fa45cf 100644
--- a/people/5345.html
+++ b/people/5345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5346.html b/people/5346.html
index d2afdcc7..8a9c9b97 100644
--- a/people/5346.html
+++ b/people/5346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5347.html b/people/5347.html
index f405d159..6596489b 100644
--- a/people/5347.html
+++ b/people/5347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5348.html b/people/5348.html
index 76743937..c380bf3a 100644
--- a/people/5348.html
+++ b/people/5348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5349.html b/people/5349.html
index f9f6e2a7..68c16e37 100644
--- a/people/5349.html
+++ b/people/5349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/535.html b/people/535.html
index 6478e44c..b1ac6f89 100644
--- a/people/535.html
+++ b/people/535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5350.html b/people/5350.html
index 37bb2aa7..0cef15a9 100644
--- a/people/5350.html
+++ b/people/5350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5351.html b/people/5351.html
index bc865130..6de5635c 100644
--- a/people/5351.html
+++ b/people/5351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5352.html b/people/5352.html
index 2c2a903f..0e720aff 100644
--- a/people/5352.html
+++ b/people/5352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5353.html b/people/5353.html
index b80340db..77dbfc9d 100644
--- a/people/5353.html
+++ b/people/5353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5354.html b/people/5354.html
index 7e7975ee..364ae3f6 100644
--- a/people/5354.html
+++ b/people/5354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5355.html b/people/5355.html
index 959c0d33..e6a3bbe9 100644
--- a/people/5355.html
+++ b/people/5355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5356.html b/people/5356.html
index dd657fea..26309274 100644
--- a/people/5356.html
+++ b/people/5356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5357.html b/people/5357.html
index b8c31493..ac19bea3 100644
--- a/people/5357.html
+++ b/people/5357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5358.html b/people/5358.html
index fa501b10..2e4a141d 100644
--- a/people/5358.html
+++ b/people/5358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5359.html b/people/5359.html
index 7fffb8c1..99c60ed3 100644
--- a/people/5359.html
+++ b/people/5359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/536.html b/people/536.html
index b4ebd3e1..894c8194 100644
--- a/people/536.html
+++ b/people/536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5360.html b/people/5360.html
index 3fa72829..b80cb5e7 100644
--- a/people/5360.html
+++ b/people/5360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5361.html b/people/5361.html
index ead1aadb..3674eb25 100644
--- a/people/5361.html
+++ b/people/5361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5362.html b/people/5362.html
index b64360fb..77915e9b 100644
--- a/people/5362.html
+++ b/people/5362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5363.html b/people/5363.html
index 2af06c31..0c707a50 100644
--- a/people/5363.html
+++ b/people/5363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5364.html b/people/5364.html
index 4ee7989c..abf08a48 100644
--- a/people/5364.html
+++ b/people/5364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5365.html b/people/5365.html
index 1bddc58b..0ceed1eb 100644
--- a/people/5365.html
+++ b/people/5365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5366.html b/people/5366.html
index 6b726655..b279ee0f 100644
--- a/people/5366.html
+++ b/people/5366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5367.html b/people/5367.html
index ca9e5eba..088ba69d 100644
--- a/people/5367.html
+++ b/people/5367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5368.html b/people/5368.html
index e963d1f9..aa7918aa 100644
--- a/people/5368.html
+++ b/people/5368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5369.html b/people/5369.html
index 8bd199c2..a55483d3 100644
--- a/people/5369.html
+++ b/people/5369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/537.html b/people/537.html
index 90027e18..a63e6a0f 100644
--- a/people/537.html
+++ b/people/537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5370.html b/people/5370.html
index 8a5acea2..7c98f687 100644
--- a/people/5370.html
+++ b/people/5370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5371.html b/people/5371.html
index 907faad5..a98b5eef 100644
--- a/people/5371.html
+++ b/people/5371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5372.html b/people/5372.html
index 26ac3d03..68775aee 100644
--- a/people/5372.html
+++ b/people/5372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5373.html b/people/5373.html
index 9465f43c..73c56747 100644
--- a/people/5373.html
+++ b/people/5373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5374.html b/people/5374.html
index 741cb770..5dc12a46 100644
--- a/people/5374.html
+++ b/people/5374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5375.html b/people/5375.html
index 45026b42..c8708744 100644
--- a/people/5375.html
+++ b/people/5375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5376.html b/people/5376.html
index 87452341..bda86dd5 100644
--- a/people/5376.html
+++ b/people/5376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5377.html b/people/5377.html
index 2af08e77..e8f80174 100644
--- a/people/5377.html
+++ b/people/5377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5378.html b/people/5378.html
index bb0367f5..10f8a865 100644
--- a/people/5378.html
+++ b/people/5378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5379.html b/people/5379.html
index 3a208d1b..588681ff 100644
--- a/people/5379.html
+++ b/people/5379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/538.html b/people/538.html
index 93b67e2c..76dd824d 100644
--- a/people/538.html
+++ b/people/538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5380.html b/people/5380.html
index f4e5c8c1..417f952e 100644
--- a/people/5380.html
+++ b/people/5380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5381.html b/people/5381.html
index 46e5097d..ee7f8290 100644
--- a/people/5381.html
+++ b/people/5381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5382.html b/people/5382.html
index 14ee88fb..5d35e29a 100644
--- a/people/5382.html
+++ b/people/5382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5383.html b/people/5383.html
index 6f7ff399..7a9a2ebd 100644
--- a/people/5383.html
+++ b/people/5383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5384.html b/people/5384.html
index 2e4db52c..1dfefa9d 100644
--- a/people/5384.html
+++ b/people/5384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5385.html b/people/5385.html
index 217a9f3e..167518c1 100644
--- a/people/5385.html
+++ b/people/5385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5386.html b/people/5386.html
index 88ed9f32..649e38f4 100644
--- a/people/5386.html
+++ b/people/5386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5387.html b/people/5387.html
index 42fe20b1..442d89a4 100644
--- a/people/5387.html
+++ b/people/5387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5388.html b/people/5388.html
index 4e84be75..4231934b 100644
--- a/people/5388.html
+++ b/people/5388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5389.html b/people/5389.html
index 7dc61530..b7fd66bc 100644
--- a/people/5389.html
+++ b/people/5389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/539.html b/people/539.html
index d4ce609e..4a4be74c 100644
--- a/people/539.html
+++ b/people/539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5390.html b/people/5390.html
index 74bb2a89..3ba0a0eb 100644
--- a/people/5390.html
+++ b/people/5390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5391.html b/people/5391.html
index edac76b7..ac8f315e 100644
--- a/people/5391.html
+++ b/people/5391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5392.html b/people/5392.html
index 0e407ad6..228b2ce2 100644
--- a/people/5392.html
+++ b/people/5392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5393.html b/people/5393.html
index c59c74e1..a4406144 100644
--- a/people/5393.html
+++ b/people/5393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5394.html b/people/5394.html
index f1c6cba8..0a2709d1 100644
--- a/people/5394.html
+++ b/people/5394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5395.html b/people/5395.html
index 40444f96..df2e266f 100644
--- a/people/5395.html
+++ b/people/5395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5396.html b/people/5396.html
index 6c772923..255a28a9 100644
--- a/people/5396.html
+++ b/people/5396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5397.html b/people/5397.html
index 84575c32..977c51e4 100644
--- a/people/5397.html
+++ b/people/5397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5398.html b/people/5398.html
index 45897537..ad53ca2e 100644
--- a/people/5398.html
+++ b/people/5398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5399.html b/people/5399.html
index 437be1c0..73c4234d 100644
--- a/people/5399.html
+++ b/people/5399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/54.html b/people/54.html
index 463d4c42..31da6c1d 100644
--- a/people/54.html
+++ b/people/54.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/540.html b/people/540.html
index c435a93d..48279dfc 100644
--- a/people/540.html
+++ b/people/540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5400.html b/people/5400.html
index 9d820e00..8fe64392 100644
--- a/people/5400.html
+++ b/people/5400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5401.html b/people/5401.html
index c637d006..c35f347d 100644
--- a/people/5401.html
+++ b/people/5401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5402.html b/people/5402.html
index 677fcafb..c2a12536 100644
--- a/people/5402.html
+++ b/people/5402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5403.html b/people/5403.html
index 723902c2..b4c4a85c 100644
--- a/people/5403.html
+++ b/people/5403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5404.html b/people/5404.html
index 977159a4..e0b9ed9a 100644
--- a/people/5404.html
+++ b/people/5404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5405.html b/people/5405.html
index c1d01af6..b608f1d3 100644
--- a/people/5405.html
+++ b/people/5405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5406.html b/people/5406.html
index 872f7853..c09db045 100644
--- a/people/5406.html
+++ b/people/5406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5407.html b/people/5407.html
index e45f6884..2f0286cb 100644
--- a/people/5407.html
+++ b/people/5407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5408.html b/people/5408.html
index 9cb48e60..2669265a 100644
--- a/people/5408.html
+++ b/people/5408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5409.html b/people/5409.html
index 0760e544..50e9799c 100644
--- a/people/5409.html
+++ b/people/5409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/541.html b/people/541.html
index 248530a2..e1a00e9e 100644
--- a/people/541.html
+++ b/people/541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5410.html b/people/5410.html
index 43f1483f..9dbfab8c 100644
--- a/people/5410.html
+++ b/people/5410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5411.html b/people/5411.html
index f9332ad1..410dc913 100644
--- a/people/5411.html
+++ b/people/5411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5412.html b/people/5412.html
index c913c4f4..e187243d 100644
--- a/people/5412.html
+++ b/people/5412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5413.html b/people/5413.html
index 4981ab0b..ba8055fb 100644
--- a/people/5413.html
+++ b/people/5413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5414.html b/people/5414.html
index 238717f7..fa3688b7 100644
--- a/people/5414.html
+++ b/people/5414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5415.html b/people/5415.html
index e2dd8f7b..50aae4a3 100644
--- a/people/5415.html
+++ b/people/5415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5416.html b/people/5416.html
index 82334bc7..4b8d4edf 100644
--- a/people/5416.html
+++ b/people/5416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5417.html b/people/5417.html
index 86f20593..9a22afa8 100644
--- a/people/5417.html
+++ b/people/5417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5418.html b/people/5418.html
index 2fe2d8df..84be7a71 100644
--- a/people/5418.html
+++ b/people/5418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5419.html b/people/5419.html
index 1dacf21f..c2fec3bd 100644
--- a/people/5419.html
+++ b/people/5419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/542.html b/people/542.html
index 64522bad..60423183 100644
--- a/people/542.html
+++ b/people/542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5420.html b/people/5420.html
index 905c75f1..360aaa36 100644
--- a/people/5420.html
+++ b/people/5420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5421.html b/people/5421.html
index 915898c2..5905bafe 100644
--- a/people/5421.html
+++ b/people/5421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5422.html b/people/5422.html
index 2952caf2..003fbd15 100644
--- a/people/5422.html
+++ b/people/5422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5423.html b/people/5423.html
index c97794bf..a7425985 100644
--- a/people/5423.html
+++ b/people/5423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5424.html b/people/5424.html
index 2e699083..f9c30243 100644
--- a/people/5424.html
+++ b/people/5424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5425.html b/people/5425.html
index 8ff480c1..dd81ba92 100644
--- a/people/5425.html
+++ b/people/5425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5426.html b/people/5426.html
index 6b06d820..4e07008e 100644
--- a/people/5426.html
+++ b/people/5426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5427.html b/people/5427.html
index f1d172ce..42bf95fe 100644
--- a/people/5427.html
+++ b/people/5427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5428.html b/people/5428.html
index a884ab8b..799603c9 100644
--- a/people/5428.html
+++ b/people/5428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5429.html b/people/5429.html
index faed3f65..a90eccb0 100644
--- a/people/5429.html
+++ b/people/5429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/543.html b/people/543.html
index d3adc82b..71dfc3aa 100644
--- a/people/543.html
+++ b/people/543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5430.html b/people/5430.html
index 26f45cc7..a0507c2d 100644
--- a/people/5430.html
+++ b/people/5430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5431.html b/people/5431.html
index bb7cda45..a2c6aa8b 100644
--- a/people/5431.html
+++ b/people/5431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5432.html b/people/5432.html
index 05d07730..10c24366 100644
--- a/people/5432.html
+++ b/people/5432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5433.html b/people/5433.html
index 6a2da0b0..9b8a4c29 100644
--- a/people/5433.html
+++ b/people/5433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5434.html b/people/5434.html
index 5b2d7655..937f7864 100644
--- a/people/5434.html
+++ b/people/5434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5435.html b/people/5435.html
index a8124300..889f8423 100644
--- a/people/5435.html
+++ b/people/5435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5436.html b/people/5436.html
index 6316fa60..a20ee1e1 100644
--- a/people/5436.html
+++ b/people/5436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5437.html b/people/5437.html
index 5ffbb6be..f3dbdb71 100644
--- a/people/5437.html
+++ b/people/5437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5438.html b/people/5438.html
index 96ae7529..7c0b4099 100644
--- a/people/5438.html
+++ b/people/5438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5439.html b/people/5439.html
index 9561596a..011a6ffd 100644
--- a/people/5439.html
+++ b/people/5439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/544.html b/people/544.html
index 81b0dc9a..837bf6e8 100644
--- a/people/544.html
+++ b/people/544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5440.html b/people/5440.html
index 8bd9c5a5..a8f1728f 100644
--- a/people/5440.html
+++ b/people/5440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5441.html b/people/5441.html
index 96e21fcb..c88a9891 100644
--- a/people/5441.html
+++ b/people/5441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5442.html b/people/5442.html
index b387fa7a..2e118b07 100644
--- a/people/5442.html
+++ b/people/5442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5443.html b/people/5443.html
index 566d0682..f46afbde 100644
--- a/people/5443.html
+++ b/people/5443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5444.html b/people/5444.html
index a33454ee..cabbdaeb 100644
--- a/people/5444.html
+++ b/people/5444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5445.html b/people/5445.html
index 83f587e8..43b48114 100644
--- a/people/5445.html
+++ b/people/5445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5446.html b/people/5446.html
index 5d6db58e..2290432e 100644
--- a/people/5446.html
+++ b/people/5446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5447.html b/people/5447.html
index 169c5ded..48e2af23 100644
--- a/people/5447.html
+++ b/people/5447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5448.html b/people/5448.html
index 46bd2c79..ebca05ec 100644
--- a/people/5448.html
+++ b/people/5448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5449.html b/people/5449.html
index 457ededb..a036edc7 100644
--- a/people/5449.html
+++ b/people/5449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/545.html b/people/545.html
index ea88d950..9973db4a 100644
--- a/people/545.html
+++ b/people/545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5450.html b/people/5450.html
index a8886789..69e91016 100644
--- a/people/5450.html
+++ b/people/5450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5451.html b/people/5451.html
index af9c86d2..bf6af946 100644
--- a/people/5451.html
+++ b/people/5451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5452.html b/people/5452.html
index 7021061a..890f3343 100644
--- a/people/5452.html
+++ b/people/5452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5453.html b/people/5453.html
index 5c704b66..87aa8698 100644
--- a/people/5453.html
+++ b/people/5453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5454.html b/people/5454.html
index fc7478bb..026cf209 100644
--- a/people/5454.html
+++ b/people/5454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5455.html b/people/5455.html
index baaac8a9..2e7672ca 100644
--- a/people/5455.html
+++ b/people/5455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5456.html b/people/5456.html
index 64f2b709..ee91ccc2 100644
--- a/people/5456.html
+++ b/people/5456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5457.html b/people/5457.html
index 2417b931..238946b5 100644
--- a/people/5457.html
+++ b/people/5457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5458.html b/people/5458.html
index ab0602ea..0ad8d226 100644
--- a/people/5458.html
+++ b/people/5458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5459.html b/people/5459.html
index 0e4b8b9f..a785e29c 100644
--- a/people/5459.html
+++ b/people/5459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/546.html b/people/546.html
index 976c4d08..4e4babfc 100644
--- a/people/546.html
+++ b/people/546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5460.html b/people/5460.html
index f4b4e9ee..f3ea1048 100644
--- a/people/5460.html
+++ b/people/5460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5461.html b/people/5461.html
index d24846ad..0b755221 100644
--- a/people/5461.html
+++ b/people/5461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5462.html b/people/5462.html
index f0a8a8d2..7143cb80 100644
--- a/people/5462.html
+++ b/people/5462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5463.html b/people/5463.html
index b9b0d0d1..b8f89cb3 100644
--- a/people/5463.html
+++ b/people/5463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5464.html b/people/5464.html
index ca4cded9..702b76db 100644
--- a/people/5464.html
+++ b/people/5464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5465.html b/people/5465.html
index f2cf2424..be074c9b 100644
--- a/people/5465.html
+++ b/people/5465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5466.html b/people/5466.html
index 2984d563..1edfb2ce 100644
--- a/people/5466.html
+++ b/people/5466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5467.html b/people/5467.html
index 6d98e809..3a03619f 100644
--- a/people/5467.html
+++ b/people/5467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5468.html b/people/5468.html
index 6cbc329b..da2e63d0 100644
--- a/people/5468.html
+++ b/people/5468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5469.html b/people/5469.html
index 61513398..450c568c 100644
--- a/people/5469.html
+++ b/people/5469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/547.html b/people/547.html
index 0a892649..69f536dd 100644
--- a/people/547.html
+++ b/people/547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5470.html b/people/5470.html
index 72cf88e2..98aa79bd 100644
--- a/people/5470.html
+++ b/people/5470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5471.html b/people/5471.html
index bd5fcf16..5755ba34 100644
--- a/people/5471.html
+++ b/people/5471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5472.html b/people/5472.html
index 6750074c..9b0cdcd5 100644
--- a/people/5472.html
+++ b/people/5472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5473.html b/people/5473.html
index 23474113..94e3e794 100644
--- a/people/5473.html
+++ b/people/5473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5474.html b/people/5474.html
index 167e7219..5729f291 100644
--- a/people/5474.html
+++ b/people/5474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5475.html b/people/5475.html
index 1cb4f40a..84a3384d 100644
--- a/people/5475.html
+++ b/people/5475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5476.html b/people/5476.html
index 15a70338..4028eecd 100644
--- a/people/5476.html
+++ b/people/5476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5477.html b/people/5477.html
index f3d6db4b..9f207cd8 100644
--- a/people/5477.html
+++ b/people/5477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5478.html b/people/5478.html
index e370059c..01d7ce7e 100644
--- a/people/5478.html
+++ b/people/5478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5479.html b/people/5479.html
index 88420299..1f0175ed 100644
--- a/people/5479.html
+++ b/people/5479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/548.html b/people/548.html
index c0faf19e..0f43284d 100644
--- a/people/548.html
+++ b/people/548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5480.html b/people/5480.html
index c5bae9ab..a02af9a6 100644
--- a/people/5480.html
+++ b/people/5480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5481.html b/people/5481.html
index 86352038..734b7481 100644
--- a/people/5481.html
+++ b/people/5481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5482.html b/people/5482.html
index 17e37f9d..9fdb7499 100644
--- a/people/5482.html
+++ b/people/5482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5483.html b/people/5483.html
index 4b022412..ea5086e7 100644
--- a/people/5483.html
+++ b/people/5483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5484.html b/people/5484.html
index c4ce6c5d..ddbed784 100644
--- a/people/5484.html
+++ b/people/5484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5485.html b/people/5485.html
index cf84694f..66c3b4b2 100644
--- a/people/5485.html
+++ b/people/5485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5486.html b/people/5486.html
index 5576e012..020338a6 100644
--- a/people/5486.html
+++ b/people/5486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5487.html b/people/5487.html
index 89996cd1..91a0e698 100644
--- a/people/5487.html
+++ b/people/5487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5488.html b/people/5488.html
index 3d89b3aa..9277ab93 100644
--- a/people/5488.html
+++ b/people/5488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5489.html b/people/5489.html
index 121eeba3..7ec8a05e 100644
--- a/people/5489.html
+++ b/people/5489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/549.html b/people/549.html
index c74ddef9..823215d5 100644
--- a/people/549.html
+++ b/people/549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5490.html b/people/5490.html
index 88330c0c..afa9880e 100644
--- a/people/5490.html
+++ b/people/5490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5491.html b/people/5491.html
index 3deea1e2..59addeee 100644
--- a/people/5491.html
+++ b/people/5491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5492.html b/people/5492.html
index 8cb2a170..3b8c0e8d 100644
--- a/people/5492.html
+++ b/people/5492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5493.html b/people/5493.html
index 6680ddec..3ca61b08 100644
--- a/people/5493.html
+++ b/people/5493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5494.html b/people/5494.html
index 79a0eb62..e6a7aa43 100644
--- a/people/5494.html
+++ b/people/5494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5495.html b/people/5495.html
index 5bf8ee05..3d025624 100644
--- a/people/5495.html
+++ b/people/5495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5496.html b/people/5496.html
index 03c30c2c..96ef8f8c 100644
--- a/people/5496.html
+++ b/people/5496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5497.html b/people/5497.html
index 7b6c9150..8bc064c6 100644
--- a/people/5497.html
+++ b/people/5497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5498.html b/people/5498.html
index 974c3120..e1de6022 100644
--- a/people/5498.html
+++ b/people/5498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5499.html b/people/5499.html
index 9ec61cfa..3d571760 100644
--- a/people/5499.html
+++ b/people/5499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/55.html b/people/55.html
index 2b1e6b49..9953cfc6 100644
--- a/people/55.html
+++ b/people/55.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/550.html b/people/550.html
index 5747de86..9c25d174 100644
--- a/people/550.html
+++ b/people/550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5500.html b/people/5500.html
index 9de9dd79..1e779b51 100644
--- a/people/5500.html
+++ b/people/5500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5501.html b/people/5501.html
index ebeca48b..ff86074f 100644
--- a/people/5501.html
+++ b/people/5501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5502.html b/people/5502.html
index dc73a94f..8a7417a3 100644
--- a/people/5502.html
+++ b/people/5502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5503.html b/people/5503.html
index 8fb25de1..804013af 100644
--- a/people/5503.html
+++ b/people/5503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5504.html b/people/5504.html
index 9b5a2ae6..640fd059 100644
--- a/people/5504.html
+++ b/people/5504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5505.html b/people/5505.html
index 6457c061..fd07c617 100644
--- a/people/5505.html
+++ b/people/5505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5506.html b/people/5506.html
index d236d06d..1f275c9e 100644
--- a/people/5506.html
+++ b/people/5506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5507.html b/people/5507.html
index 95797ca3..fb790ed3 100644
--- a/people/5507.html
+++ b/people/5507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5508.html b/people/5508.html
index 8a38e515..6d0eacd2 100644
--- a/people/5508.html
+++ b/people/5508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5509.html b/people/5509.html
index 973927c3..d5a5bae2 100644
--- a/people/5509.html
+++ b/people/5509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/551.html b/people/551.html
index 5e8d4d95..d69f0dbe 100644
--- a/people/551.html
+++ b/people/551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5510.html b/people/5510.html
index b0e37700..8a103ecb 100644
--- a/people/5510.html
+++ b/people/5510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5511.html b/people/5511.html
index 44eefed1..6ff08a12 100644
--- a/people/5511.html
+++ b/people/5511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5512.html b/people/5512.html
index 38881f1a..79b87e90 100644
--- a/people/5512.html
+++ b/people/5512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5513.html b/people/5513.html
index 7fb1b1ba..b7d9a5ce 100644
--- a/people/5513.html
+++ b/people/5513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5514.html b/people/5514.html
index e3fb89d8..884ccbff 100644
--- a/people/5514.html
+++ b/people/5514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5515.html b/people/5515.html
index b0cf969c..47f831d3 100644
--- a/people/5515.html
+++ b/people/5515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5516.html b/people/5516.html
index ca2d3a18..2ff28255 100644
--- a/people/5516.html
+++ b/people/5516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5517.html b/people/5517.html
index 07a65a20..c3a31091 100644
--- a/people/5517.html
+++ b/people/5517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5518.html b/people/5518.html
index 5f1d85eb..52444765 100644
--- a/people/5518.html
+++ b/people/5518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5519.html b/people/5519.html
index 380ca6d8..421888e6 100644
--- a/people/5519.html
+++ b/people/5519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/552.html b/people/552.html
index 2b7bb323..a101c89b 100644
--- a/people/552.html
+++ b/people/552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5520.html b/people/5520.html
index 32d4b740..e9731104 100644
--- a/people/5520.html
+++ b/people/5520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5521.html b/people/5521.html
index 19028651..6b6d812b 100644
--- a/people/5521.html
+++ b/people/5521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5522.html b/people/5522.html
index 4138415a..6f913333 100644
--- a/people/5522.html
+++ b/people/5522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5523.html b/people/5523.html
index aa3a2dc5..bb0472d1 100644
--- a/people/5523.html
+++ b/people/5523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5524.html b/people/5524.html
index 6bdd8936..bdcc452b 100644
--- a/people/5524.html
+++ b/people/5524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5525.html b/people/5525.html
index 437c9c55..432af6f6 100644
--- a/people/5525.html
+++ b/people/5525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5526.html b/people/5526.html
index e8ce2229..3459c78a 100644
--- a/people/5526.html
+++ b/people/5526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5527.html b/people/5527.html
index c18bb32b..362dbc6e 100644
--- a/people/5527.html
+++ b/people/5527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5528.html b/people/5528.html
index e38eb8f9..ab073e02 100644
--- a/people/5528.html
+++ b/people/5528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5529.html b/people/5529.html
index e9cf3eeb..269c47f7 100644
--- a/people/5529.html
+++ b/people/5529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/553.html b/people/553.html
index 251a39d6..5705047a 100644
--- a/people/553.html
+++ b/people/553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5530.html b/people/5530.html
index 4b743afe..606c4055 100644
--- a/people/5530.html
+++ b/people/5530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5531.html b/people/5531.html
index b29334ee..022b49fb 100644
--- a/people/5531.html
+++ b/people/5531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5532.html b/people/5532.html
index 0be5751f..4e61bb8f 100644
--- a/people/5532.html
+++ b/people/5532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5533.html b/people/5533.html
index ae8487f3..29741a76 100644
--- a/people/5533.html
+++ b/people/5533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5534.html b/people/5534.html
index 586beddc..a74c1b34 100644
--- a/people/5534.html
+++ b/people/5534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5535.html b/people/5535.html
index 09337b91..73e67ad3 100644
--- a/people/5535.html
+++ b/people/5535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5536.html b/people/5536.html
index dc858165..5b103a4a 100644
--- a/people/5536.html
+++ b/people/5536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5537.html b/people/5537.html
index 34e19527..7c7dc47d 100644
--- a/people/5537.html
+++ b/people/5537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5538.html b/people/5538.html
index b5cfbd8d..e3fa33af 100644
--- a/people/5538.html
+++ b/people/5538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5539.html b/people/5539.html
index 7be8152b..7a7ab669 100644
--- a/people/5539.html
+++ b/people/5539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/554.html b/people/554.html
index 0ba1e2d1..9bf196fd 100644
--- a/people/554.html
+++ b/people/554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5540.html b/people/5540.html
index c8ba6ce0..c4cf2bb2 100644
--- a/people/5540.html
+++ b/people/5540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5541.html b/people/5541.html
index ed1e3550..783a63c3 100644
--- a/people/5541.html
+++ b/people/5541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5542.html b/people/5542.html
index 7f25f0ea..0f815ac3 100644
--- a/people/5542.html
+++ b/people/5542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5543.html b/people/5543.html
index b16e273c..f409c3b0 100644
--- a/people/5543.html
+++ b/people/5543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5544.html b/people/5544.html
index 008b725f..7ae35ba2 100644
--- a/people/5544.html
+++ b/people/5544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5545.html b/people/5545.html
index 60cae874..26e4ea0e 100644
--- a/people/5545.html
+++ b/people/5545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5546.html b/people/5546.html
index e0c73d35..64b64075 100644
--- a/people/5546.html
+++ b/people/5546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5547.html b/people/5547.html
index fd336f40..f24e0d5b 100644
--- a/people/5547.html
+++ b/people/5547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5548.html b/people/5548.html
index ec1ca50a..eafc3201 100644
--- a/people/5548.html
+++ b/people/5548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5549.html b/people/5549.html
index b76fa812..a1800a7d 100644
--- a/people/5549.html
+++ b/people/5549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/555.html b/people/555.html
index 939f1670..984121c0 100644
--- a/people/555.html
+++ b/people/555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5550.html b/people/5550.html
index f45512cc..1f862c72 100644
--- a/people/5550.html
+++ b/people/5550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5551.html b/people/5551.html
index 598204e8..7e9cdf6d 100644
--- a/people/5551.html
+++ b/people/5551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5552.html b/people/5552.html
index 99a3a2d0..72bd4581 100644
--- a/people/5552.html
+++ b/people/5552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5553.html b/people/5553.html
index c89fa846..2161ecfd 100644
--- a/people/5553.html
+++ b/people/5553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5554.html b/people/5554.html
index 28ef3a70..df668d35 100644
--- a/people/5554.html
+++ b/people/5554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5555.html b/people/5555.html
index c88a4740..eefee5a5 100644
--- a/people/5555.html
+++ b/people/5555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5556.html b/people/5556.html
index f59f8224..68dc8a34 100644
--- a/people/5556.html
+++ b/people/5556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5557.html b/people/5557.html
index 5738ba82..2b78392c 100644
--- a/people/5557.html
+++ b/people/5557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5558.html b/people/5558.html
index b183691a..943fbc2c 100644
--- a/people/5558.html
+++ b/people/5558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5559.html b/people/5559.html
index 27a7112a..f6e9b86e 100644
--- a/people/5559.html
+++ b/people/5559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/556.html b/people/556.html
index 1a5e5f8e..57df4929 100644
--- a/people/556.html
+++ b/people/556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5560.html b/people/5560.html
index 284518f0..ecfc1211 100644
--- a/people/5560.html
+++ b/people/5560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5561.html b/people/5561.html
index f3216bfc..e0e3f812 100644
--- a/people/5561.html
+++ b/people/5561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5562.html b/people/5562.html
index 17daec5c..75cd11cc 100644
--- a/people/5562.html
+++ b/people/5562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5563.html b/people/5563.html
index f11564c0..ec4d4f5f 100644
--- a/people/5563.html
+++ b/people/5563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5564.html b/people/5564.html
index 0896e372..888d7078 100644
--- a/people/5564.html
+++ b/people/5564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5565.html b/people/5565.html
index 2cb28d10..1551e678 100644
--- a/people/5565.html
+++ b/people/5565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5566.html b/people/5566.html
index 3d44a276..360d4aff 100644
--- a/people/5566.html
+++ b/people/5566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5567.html b/people/5567.html
index 1978f6af..65447fb2 100644
--- a/people/5567.html
+++ b/people/5567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5568.html b/people/5568.html
index 1efd5f16..9ffe72ac 100644
--- a/people/5568.html
+++ b/people/5568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5569.html b/people/5569.html
index e7a2adcd..cb656014 100644
--- a/people/5569.html
+++ b/people/5569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/557.html b/people/557.html
index b9ca08c5..93d6c3e6 100644
--- a/people/557.html
+++ b/people/557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5570.html b/people/5570.html
index d72dcfa3..78583142 100644
--- a/people/5570.html
+++ b/people/5570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5571.html b/people/5571.html
index 85f986e5..10ba498d 100644
--- a/people/5571.html
+++ b/people/5571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5572.html b/people/5572.html
index 35e74a75..e7c5a027 100644
--- a/people/5572.html
+++ b/people/5572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5573.html b/people/5573.html
index 288eee66..e1bd1bff 100644
--- a/people/5573.html
+++ b/people/5573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5574.html b/people/5574.html
index ceffc5e4..f6bc1ac7 100644
--- a/people/5574.html
+++ b/people/5574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5575.html b/people/5575.html
index d19c02f9..dba2353e 100644
--- a/people/5575.html
+++ b/people/5575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5576.html b/people/5576.html
index 41803d64..c8f5a3be 100644
--- a/people/5576.html
+++ b/people/5576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5577.html b/people/5577.html
index cf498ac3..d52c3a28 100644
--- a/people/5577.html
+++ b/people/5577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5578.html b/people/5578.html
index 0ead76f0..a3693c14 100644
--- a/people/5578.html
+++ b/people/5578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5579.html b/people/5579.html
index 54b9d413..6ab3fee3 100644
--- a/people/5579.html
+++ b/people/5579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/558.html b/people/558.html
index ce295256..7c478f6a 100644
--- a/people/558.html
+++ b/people/558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5580.html b/people/5580.html
index e360a85d..78c3a658 100644
--- a/people/5580.html
+++ b/people/5580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5581.html b/people/5581.html
index 10a52e2c..d25f9d2e 100644
--- a/people/5581.html
+++ b/people/5581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5582.html b/people/5582.html
index 5fd39db9..43973e7b 100644
--- a/people/5582.html
+++ b/people/5582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5583.html b/people/5583.html
index 8ec4ca6f..45a59a46 100644
--- a/people/5583.html
+++ b/people/5583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5584.html b/people/5584.html
index 3f63dd22..4945a663 100644
--- a/people/5584.html
+++ b/people/5584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5585.html b/people/5585.html
index c283e76e..d95ae846 100644
--- a/people/5585.html
+++ b/people/5585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5586.html b/people/5586.html
index 972aef58..e61c8363 100644
--- a/people/5586.html
+++ b/people/5586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5587.html b/people/5587.html
index 685abceb..c3540df2 100644
--- a/people/5587.html
+++ b/people/5587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5588.html b/people/5588.html
index 8330b283..ed314605 100644
--- a/people/5588.html
+++ b/people/5588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5589.html b/people/5589.html
index db305ca0..f36319d5 100644
--- a/people/5589.html
+++ b/people/5589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/559.html b/people/559.html
index 49c40c41..c0d2ecb7 100644
--- a/people/559.html
+++ b/people/559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5590.html b/people/5590.html
index 6423e1fd..b55e3a52 100644
--- a/people/5590.html
+++ b/people/5590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5591.html b/people/5591.html
index d7a842bf..4221488f 100644
--- a/people/5591.html
+++ b/people/5591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5592.html b/people/5592.html
index adec786c..30a7ba39 100644
--- a/people/5592.html
+++ b/people/5592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5593.html b/people/5593.html
index a5ed6ad2..55e420dc 100644
--- a/people/5593.html
+++ b/people/5593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5594.html b/people/5594.html
index c20fa23c..b5be9f81 100644
--- a/people/5594.html
+++ b/people/5594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5595.html b/people/5595.html
index 00977b84..a203b309 100644
--- a/people/5595.html
+++ b/people/5595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5596.html b/people/5596.html
index 89ff1797..b7852abe 100644
--- a/people/5596.html
+++ b/people/5596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5597.html b/people/5597.html
index 314faf44..364d7b0b 100644
--- a/people/5597.html
+++ b/people/5597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5598.html b/people/5598.html
index 20d90a26..886331f3 100644
--- a/people/5598.html
+++ b/people/5598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5599.html b/people/5599.html
index 9590462e..b7687ad2 100644
--- a/people/5599.html
+++ b/people/5599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/56.html b/people/56.html
index 3ce9bb90..edc31aed 100644
--- a/people/56.html
+++ b/people/56.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/560.html b/people/560.html
index 5a250035..f644a307 100644
--- a/people/560.html
+++ b/people/560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5600.html b/people/5600.html
index 11974f23..d239232c 100644
--- a/people/5600.html
+++ b/people/5600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5601.html b/people/5601.html
index c83c8ff3..aa08e99b 100644
--- a/people/5601.html
+++ b/people/5601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5602.html b/people/5602.html
index 4dba2c93..7b254603 100644
--- a/people/5602.html
+++ b/people/5602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5603.html b/people/5603.html
index 195084e3..dd61c0f7 100644
--- a/people/5603.html
+++ b/people/5603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5604.html b/people/5604.html
index 3e9551b8..c9d535d1 100644
--- a/people/5604.html
+++ b/people/5604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5605.html b/people/5605.html
index 986d029c..76d1f4b8 100644
--- a/people/5605.html
+++ b/people/5605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5606.html b/people/5606.html
index 4ca2c3c3..c47d0aa0 100644
--- a/people/5606.html
+++ b/people/5606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5607.html b/people/5607.html
index abff296a..662f9ec5 100644
--- a/people/5607.html
+++ b/people/5607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5608.html b/people/5608.html
index 60034f56..9e879ba9 100644
--- a/people/5608.html
+++ b/people/5608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5609.html b/people/5609.html
index 6f9e5bc1..290a24ec 100644
--- a/people/5609.html
+++ b/people/5609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/561.html b/people/561.html
index f7b1e5a7..6f58f938 100644
--- a/people/561.html
+++ b/people/561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5610.html b/people/5610.html
index 818da222..397252bf 100644
--- a/people/5610.html
+++ b/people/5610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5611.html b/people/5611.html
index fb7b7ab2..c6a61d9a 100644
--- a/people/5611.html
+++ b/people/5611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5612.html b/people/5612.html
index d85810ff..7981c750 100644
--- a/people/5612.html
+++ b/people/5612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5613.html b/people/5613.html
index 6ca376b9..d1e44607 100644
--- a/people/5613.html
+++ b/people/5613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5614.html b/people/5614.html
index 82040fcb..81836293 100644
--- a/people/5614.html
+++ b/people/5614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5615.html b/people/5615.html
index 4c5532a7..02204278 100644
--- a/people/5615.html
+++ b/people/5615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5616.html b/people/5616.html
index 88bdbb6c..96611c92 100644
--- a/people/5616.html
+++ b/people/5616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5617.html b/people/5617.html
index 865b88fc..e442c345 100644
--- a/people/5617.html
+++ b/people/5617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5618.html b/people/5618.html
index 5a6f848a..a6551d8e 100644
--- a/people/5618.html
+++ b/people/5618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5619.html b/people/5619.html
index 1f103eef..42259fb0 100644
--- a/people/5619.html
+++ b/people/5619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/562.html b/people/562.html
index 7ab8f5b1..658be084 100644
--- a/people/562.html
+++ b/people/562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5620.html b/people/5620.html
index 600b978e..dfb36b53 100644
--- a/people/5620.html
+++ b/people/5620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5621.html b/people/5621.html
index c7ac5e01..25fa2891 100644
--- a/people/5621.html
+++ b/people/5621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5622.html b/people/5622.html
index a225839f..4f3f59f3 100644
--- a/people/5622.html
+++ b/people/5622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5623.html b/people/5623.html
index db8c48cf..9c049198 100644
--- a/people/5623.html
+++ b/people/5623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5624.html b/people/5624.html
index 5cf878aa..33887ad9 100644
--- a/people/5624.html
+++ b/people/5624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5625.html b/people/5625.html
index 5d5f5aa7..e8b9b5a4 100644
--- a/people/5625.html
+++ b/people/5625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5626.html b/people/5626.html
index 3fbfbb64..0a35f3c4 100644
--- a/people/5626.html
+++ b/people/5626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5627.html b/people/5627.html
index bf9951ae..620a80e2 100644
--- a/people/5627.html
+++ b/people/5627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5628.html b/people/5628.html
index dec58694..f29a0c0b 100644
--- a/people/5628.html
+++ b/people/5628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5629.html b/people/5629.html
index fb7b248e..6949890e 100644
--- a/people/5629.html
+++ b/people/5629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/563.html b/people/563.html
index be38397f..dfa8fdcc 100644
--- a/people/563.html
+++ b/people/563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5630.html b/people/5630.html
index 36aa87a0..deeada9a 100644
--- a/people/5630.html
+++ b/people/5630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5631.html b/people/5631.html
index 96df4d82..7490b17b 100644
--- a/people/5631.html
+++ b/people/5631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5632.html b/people/5632.html
index c0111f31..12758f55 100644
--- a/people/5632.html
+++ b/people/5632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5633.html b/people/5633.html
index ed6cd8a6..f04404e3 100644
--- a/people/5633.html
+++ b/people/5633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5634.html b/people/5634.html
index d24e5a9a..285c45e1 100644
--- a/people/5634.html
+++ b/people/5634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5635.html b/people/5635.html
index 78d62326..c553c782 100644
--- a/people/5635.html
+++ b/people/5635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5636.html b/people/5636.html
index 56933594..c2c21ff1 100644
--- a/people/5636.html
+++ b/people/5636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5637.html b/people/5637.html
index 0e18e521..beb6cd0e 100644
--- a/people/5637.html
+++ b/people/5637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5638.html b/people/5638.html
index 8a183ad1..9a0553e2 100644
--- a/people/5638.html
+++ b/people/5638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5639.html b/people/5639.html
index 67c89956..7526e1d7 100644
--- a/people/5639.html
+++ b/people/5639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/564.html b/people/564.html
index 3c02356d..8f34be8e 100644
--- a/people/564.html
+++ b/people/564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5640.html b/people/5640.html
index 9a3a7568..04174589 100644
--- a/people/5640.html
+++ b/people/5640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5641.html b/people/5641.html
index 40be9891..ce3d4253 100644
--- a/people/5641.html
+++ b/people/5641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5642.html b/people/5642.html
index 82eed15a..e8f36b27 100644
--- a/people/5642.html
+++ b/people/5642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5643.html b/people/5643.html
index 0afc24cb..aa9496de 100644
--- a/people/5643.html
+++ b/people/5643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5644.html b/people/5644.html
index 59bd9303..c073e5f7 100644
--- a/people/5644.html
+++ b/people/5644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5645.html b/people/5645.html
index 53995575..c6cf2d77 100644
--- a/people/5645.html
+++ b/people/5645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5646.html b/people/5646.html
index 66b469db..2a01eda7 100644
--- a/people/5646.html
+++ b/people/5646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5647.html b/people/5647.html
index 9905cf3e..34c20dfd 100644
--- a/people/5647.html
+++ b/people/5647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5648.html b/people/5648.html
index b39c7702..17aba85a 100644
--- a/people/5648.html
+++ b/people/5648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5649.html b/people/5649.html
index 90b487b1..581ab001 100644
--- a/people/5649.html
+++ b/people/5649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/565.html b/people/565.html
index 94584c5f..b19dc016 100644
--- a/people/565.html
+++ b/people/565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5650.html b/people/5650.html
index bc58a0f4..8f461980 100644
--- a/people/5650.html
+++ b/people/5650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5651.html b/people/5651.html
index 96f7e741..96b25284 100644
--- a/people/5651.html
+++ b/people/5651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5652.html b/people/5652.html
index f6210cbc..4eb21b7f 100644
--- a/people/5652.html
+++ b/people/5652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5653.html b/people/5653.html
index 5ce77e60..623ccdfe 100644
--- a/people/5653.html
+++ b/people/5653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5654.html b/people/5654.html
index f0976cfa..b034196d 100644
--- a/people/5654.html
+++ b/people/5654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5655.html b/people/5655.html
index fec6ae9d..93966e21 100644
--- a/people/5655.html
+++ b/people/5655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5656.html b/people/5656.html
index b57fd52a..d87c770a 100644
--- a/people/5656.html
+++ b/people/5656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5657.html b/people/5657.html
index afb0e6da..8c290d2a 100644
--- a/people/5657.html
+++ b/people/5657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5658.html b/people/5658.html
index 48a9ce34..eab8f7f6 100644
--- a/people/5658.html
+++ b/people/5658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5659.html b/people/5659.html
index b8bd8683..f6ac1786 100644
--- a/people/5659.html
+++ b/people/5659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/566.html b/people/566.html
index 45efc326..7ac34e99 100644
--- a/people/566.html
+++ b/people/566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5660.html b/people/5660.html
index e0d6feb2..3e909998 100644
--- a/people/5660.html
+++ b/people/5660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5661.html b/people/5661.html
index 03582324..dd22f11a 100644
--- a/people/5661.html
+++ b/people/5661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5662.html b/people/5662.html
index 6d112a2f..0b1328f2 100644
--- a/people/5662.html
+++ b/people/5662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5663.html b/people/5663.html
index f171735a..8a135879 100644
--- a/people/5663.html
+++ b/people/5663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5664.html b/people/5664.html
index 9ecc4465..81678360 100644
--- a/people/5664.html
+++ b/people/5664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5665.html b/people/5665.html
index fa660490..1128d31e 100644
--- a/people/5665.html
+++ b/people/5665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5666.html b/people/5666.html
index f092e04a..00f623cc 100644
--- a/people/5666.html
+++ b/people/5666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5667.html b/people/5667.html
index 47fd8ada..fd2563b0 100644
--- a/people/5667.html
+++ b/people/5667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5668.html b/people/5668.html
index f99659dd..ab941dc6 100644
--- a/people/5668.html
+++ b/people/5668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5669.html b/people/5669.html
index aaedbc56..3cb5443a 100644
--- a/people/5669.html
+++ b/people/5669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/567.html b/people/567.html
index fbe85427..dd8eb308 100644
--- a/people/567.html
+++ b/people/567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5670.html b/people/5670.html
index 2766ae72..87ea6dd2 100644
--- a/people/5670.html
+++ b/people/5670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5671.html b/people/5671.html
index 8200efef..18c0d7c4 100644
--- a/people/5671.html
+++ b/people/5671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5672.html b/people/5672.html
index 1c04cb57..e28cfa06 100644
--- a/people/5672.html
+++ b/people/5672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5673.html b/people/5673.html
index c69e4615..7c7eb88b 100644
--- a/people/5673.html
+++ b/people/5673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5674.html b/people/5674.html
index adaf965f..04a1c66c 100644
--- a/people/5674.html
+++ b/people/5674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5675.html b/people/5675.html
index 8c78b5ac..0b9eadea 100644
--- a/people/5675.html
+++ b/people/5675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5676.html b/people/5676.html
index 36d63d4a..8bf9e53b 100644
--- a/people/5676.html
+++ b/people/5676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5677.html b/people/5677.html
index bfd23b07..d35ece2a 100644
--- a/people/5677.html
+++ b/people/5677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5678.html b/people/5678.html
index 8887063a..861cc835 100644
--- a/people/5678.html
+++ b/people/5678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5679.html b/people/5679.html
index d4aed08a..f3457735 100644
--- a/people/5679.html
+++ b/people/5679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/568.html b/people/568.html
index 7314cda7..f00e2060 100644
--- a/people/568.html
+++ b/people/568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5680.html b/people/5680.html
index ffd0ba1c..b187c8bc 100644
--- a/people/5680.html
+++ b/people/5680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5681.html b/people/5681.html
index 3bb8c4e4..a51bf208 100644
--- a/people/5681.html
+++ b/people/5681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5682.html b/people/5682.html
index 20f4c1c8..38bd80bd 100644
--- a/people/5682.html
+++ b/people/5682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5683.html b/people/5683.html
index a720e932..2d168ded 100644
--- a/people/5683.html
+++ b/people/5683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5684.html b/people/5684.html
index a2405436..fa58f9ed 100644
--- a/people/5684.html
+++ b/people/5684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5685.html b/people/5685.html
index db7a9c86..c77725f1 100644
--- a/people/5685.html
+++ b/people/5685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5686.html b/people/5686.html
index 782a7223..cb6277c3 100644
--- a/people/5686.html
+++ b/people/5686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5687.html b/people/5687.html
index 78feaf7e..8f5c99ee 100644
--- a/people/5687.html
+++ b/people/5687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5688.html b/people/5688.html
index aa538d75..9a328abd 100644
--- a/people/5688.html
+++ b/people/5688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5689.html b/people/5689.html
index 09e29e4e..fd6881ab 100644
--- a/people/5689.html
+++ b/people/5689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/569.html b/people/569.html
index c6ffe800..18e012bc 100644
--- a/people/569.html
+++ b/people/569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5690.html b/people/5690.html
index 909153fa..827f1b02 100644
--- a/people/5690.html
+++ b/people/5690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5691.html b/people/5691.html
index fdf2eb28..c3b80907 100644
--- a/people/5691.html
+++ b/people/5691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5692.html b/people/5692.html
index ed6552f6..19f74825 100644
--- a/people/5692.html
+++ b/people/5692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5693.html b/people/5693.html
index 9b82b595..57847953 100644
--- a/people/5693.html
+++ b/people/5693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5694.html b/people/5694.html
index 86f7ab2e..53e63450 100644
--- a/people/5694.html
+++ b/people/5694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5695.html b/people/5695.html
index 4107f42e..37f60314 100644
--- a/people/5695.html
+++ b/people/5695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5696.html b/people/5696.html
index c3216e6c..718ba434 100644
--- a/people/5696.html
+++ b/people/5696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5697.html b/people/5697.html
index a03b72da..62f4911c 100644
--- a/people/5697.html
+++ b/people/5697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5698.html b/people/5698.html
index 690e83cb..29344a46 100644
--- a/people/5698.html
+++ b/people/5698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5699.html b/people/5699.html
index ac542893..4c7ca664 100644
--- a/people/5699.html
+++ b/people/5699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/57.html b/people/57.html
index cb65926f..02588a3b 100644
--- a/people/57.html
+++ b/people/57.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/570.html b/people/570.html
index 0c188451..abb20ccb 100644
--- a/people/570.html
+++ b/people/570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5700.html b/people/5700.html
index 59189a7e..dab655ac 100644
--- a/people/5700.html
+++ b/people/5700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5701.html b/people/5701.html
index 67c2b608..7c661c1b 100644
--- a/people/5701.html
+++ b/people/5701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5702.html b/people/5702.html
index 178baa41..87e55054 100644
--- a/people/5702.html
+++ b/people/5702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5703.html b/people/5703.html
index 31ed8371..eafc8884 100644
--- a/people/5703.html
+++ b/people/5703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5704.html b/people/5704.html
index dee24c3e..2aca3522 100644
--- a/people/5704.html
+++ b/people/5704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5705.html b/people/5705.html
index 983333ba..524238cc 100644
--- a/people/5705.html
+++ b/people/5705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5706.html b/people/5706.html
index 67eab422..28f9d9ae 100644
--- a/people/5706.html
+++ b/people/5706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5707.html b/people/5707.html
index 0dcb1d35..e7890027 100644
--- a/people/5707.html
+++ b/people/5707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5708.html b/people/5708.html
index e563d34b..7e59dfca 100644
--- a/people/5708.html
+++ b/people/5708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5709.html b/people/5709.html
index 5338771a..25db3022 100644
--- a/people/5709.html
+++ b/people/5709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/571.html b/people/571.html
index 4086c43f..0f5ede69 100644
--- a/people/571.html
+++ b/people/571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5710.html b/people/5710.html
index 26eb6d86..9f3060af 100644
--- a/people/5710.html
+++ b/people/5710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5711.html b/people/5711.html
index 692111bd..97cc1e07 100644
--- a/people/5711.html
+++ b/people/5711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5712.html b/people/5712.html
index 755738e9..37b32cdb 100644
--- a/people/5712.html
+++ b/people/5712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5713.html b/people/5713.html
index b85a37d4..27fcf7a5 100644
--- a/people/5713.html
+++ b/people/5713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5714.html b/people/5714.html
index 979ceaa5..9f844717 100644
--- a/people/5714.html
+++ b/people/5714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5715.html b/people/5715.html
index b2987665..1d1add17 100644
--- a/people/5715.html
+++ b/people/5715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5716.html b/people/5716.html
index 776aebb9..8e862be2 100644
--- a/people/5716.html
+++ b/people/5716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5717.html b/people/5717.html
index dcb56213..ad8433a2 100644
--- a/people/5717.html
+++ b/people/5717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5718.html b/people/5718.html
index 0ebda11b..e531acaf 100644
--- a/people/5718.html
+++ b/people/5718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5719.html b/people/5719.html
index ab17257f..d15298f3 100644
--- a/people/5719.html
+++ b/people/5719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/572.html b/people/572.html
index c5d8db40..12b61938 100644
--- a/people/572.html
+++ b/people/572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5720.html b/people/5720.html
index 9bb82f1a..4d71ce86 100644
--- a/people/5720.html
+++ b/people/5720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5721.html b/people/5721.html
index 9f9513a2..0aa91477 100644
--- a/people/5721.html
+++ b/people/5721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5722.html b/people/5722.html
index 3ae90b4c..4f840fb5 100644
--- a/people/5722.html
+++ b/people/5722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5723.html b/people/5723.html
index 969e3785..7c365863 100644
--- a/people/5723.html
+++ b/people/5723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5724.html b/people/5724.html
index 3618a113..2a3dcb7e 100644
--- a/people/5724.html
+++ b/people/5724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5725.html b/people/5725.html
index 449ef322..11a2b41e 100644
--- a/people/5725.html
+++ b/people/5725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5726.html b/people/5726.html
index 4bcc1ceb..3611d425 100644
--- a/people/5726.html
+++ b/people/5726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5727.html b/people/5727.html
index 13e4230d..025ca663 100644
--- a/people/5727.html
+++ b/people/5727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5728.html b/people/5728.html
index d7b322e4..3df66e46 100644
--- a/people/5728.html
+++ b/people/5728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5729.html b/people/5729.html
index bee46bfe..7ba701cd 100644
--- a/people/5729.html
+++ b/people/5729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/573.html b/people/573.html
index 8c942851..97d3dbcb 100644
--- a/people/573.html
+++ b/people/573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5730.html b/people/5730.html
index cc04454a..cac2ea93 100644
--- a/people/5730.html
+++ b/people/5730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5731.html b/people/5731.html
index b83575e0..5b99abb5 100644
--- a/people/5731.html
+++ b/people/5731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5732.html b/people/5732.html
index bebaba46..ef267510 100644
--- a/people/5732.html
+++ b/people/5732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5733.html b/people/5733.html
index 0cf2fefe..43d16142 100644
--- a/people/5733.html
+++ b/people/5733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5734.html b/people/5734.html
index 180271eb..76e16bff 100644
--- a/people/5734.html
+++ b/people/5734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5735.html b/people/5735.html
index cef661d4..79f0298e 100644
--- a/people/5735.html
+++ b/people/5735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5736.html b/people/5736.html
index 1437b317..f83f5d63 100644
--- a/people/5736.html
+++ b/people/5736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5737.html b/people/5737.html
index 5d0e81c4..6ee5b013 100644
--- a/people/5737.html
+++ b/people/5737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5738.html b/people/5738.html
index 67aebdbf..53559d21 100644
--- a/people/5738.html
+++ b/people/5738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5739.html b/people/5739.html
index 2c86a4f0..5637f5d7 100644
--- a/people/5739.html
+++ b/people/5739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/574.html b/people/574.html
index ffe9bf9f..e1677554 100644
--- a/people/574.html
+++ b/people/574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5740.html b/people/5740.html
index e05244f7..38bce45b 100644
--- a/people/5740.html
+++ b/people/5740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5741.html b/people/5741.html
index 6bf3bf38..3d032437 100644
--- a/people/5741.html
+++ b/people/5741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5742.html b/people/5742.html
index 454b482e..4a1da468 100644
--- a/people/5742.html
+++ b/people/5742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5743.html b/people/5743.html
index 9c74f292..67a050d6 100644
--- a/people/5743.html
+++ b/people/5743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5744.html b/people/5744.html
index 6c5f06c6..7efafb46 100644
--- a/people/5744.html
+++ b/people/5744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5745.html b/people/5745.html
index ba65dad8..793b4d70 100644
--- a/people/5745.html
+++ b/people/5745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5746.html b/people/5746.html
index 53f903c9..57ffed0b 100644
--- a/people/5746.html
+++ b/people/5746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5747.html b/people/5747.html
index 6d013fe6..2eb64e1d 100644
--- a/people/5747.html
+++ b/people/5747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5748.html b/people/5748.html
index 7eb2ae51..a7261118 100644
--- a/people/5748.html
+++ b/people/5748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5749.html b/people/5749.html
index 43ce66a2..c9819473 100644
--- a/people/5749.html
+++ b/people/5749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/575.html b/people/575.html
index f4b445ba..acb376df 100644
--- a/people/575.html
+++ b/people/575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5750.html b/people/5750.html
index ca5b256b..11431245 100644
--- a/people/5750.html
+++ b/people/5750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5751.html b/people/5751.html
index c829c463..be28290b 100644
--- a/people/5751.html
+++ b/people/5751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5752.html b/people/5752.html
index a2699e57..58941c9e 100644
--- a/people/5752.html
+++ b/people/5752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5753.html b/people/5753.html
index bf65ea6d..d8e41f61 100644
--- a/people/5753.html
+++ b/people/5753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5754.html b/people/5754.html
index d74ff3d8..d81327b9 100644
--- a/people/5754.html
+++ b/people/5754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5755.html b/people/5755.html
index 0ef00e9b..2a262642 100644
--- a/people/5755.html
+++ b/people/5755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5756.html b/people/5756.html
index c0ff8340..1706fc53 100644
--- a/people/5756.html
+++ b/people/5756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5757.html b/people/5757.html
index d08036b2..f4181ae6 100644
--- a/people/5757.html
+++ b/people/5757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5758.html b/people/5758.html
index b672e413..d2129e5e 100644
--- a/people/5758.html
+++ b/people/5758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5759.html b/people/5759.html
index f700e755..a4372955 100644
--- a/people/5759.html
+++ b/people/5759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/576.html b/people/576.html
index 6b99d103..a10748e6 100644
--- a/people/576.html
+++ b/people/576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5760.html b/people/5760.html
index 77933a19..2c837ab9 100644
--- a/people/5760.html
+++ b/people/5760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5761.html b/people/5761.html
index c9c420ee..d6256672 100644
--- a/people/5761.html
+++ b/people/5761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5762.html b/people/5762.html
index 6f8e4b21..7589c4cc 100644
--- a/people/5762.html
+++ b/people/5762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5763.html b/people/5763.html
index 04806055..af37b069 100644
--- a/people/5763.html
+++ b/people/5763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5764.html b/people/5764.html
index 6fb54c86..a7af65a7 100644
--- a/people/5764.html
+++ b/people/5764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5765.html b/people/5765.html
index c069d498..df65cd8c 100644
--- a/people/5765.html
+++ b/people/5765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5766.html b/people/5766.html
index 339df3a6..147af9f0 100644
--- a/people/5766.html
+++ b/people/5766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5767.html b/people/5767.html
index cd3a387b..dd85625d 100644
--- a/people/5767.html
+++ b/people/5767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5768.html b/people/5768.html
index ebf13f50..d1720975 100644
--- a/people/5768.html
+++ b/people/5768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5769.html b/people/5769.html
index c8a2efe5..602b756f 100644
--- a/people/5769.html
+++ b/people/5769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/577.html b/people/577.html
index b78ac7a6..deaefeac 100644
--- a/people/577.html
+++ b/people/577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5770.html b/people/5770.html
index db387171..b579aadc 100644
--- a/people/5770.html
+++ b/people/5770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5771.html b/people/5771.html
index b67014e3..3bc28e0c 100644
--- a/people/5771.html
+++ b/people/5771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5772.html b/people/5772.html
index 312ac0da..4ec56bca 100644
--- a/people/5772.html
+++ b/people/5772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5773.html b/people/5773.html
index 24dde807..6d9c24ff 100644
--- a/people/5773.html
+++ b/people/5773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5774.html b/people/5774.html
index 77b6c022..ecda9740 100644
--- a/people/5774.html
+++ b/people/5774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5775.html b/people/5775.html
index 6d5ae088..ee90191f 100644
--- a/people/5775.html
+++ b/people/5775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5776.html b/people/5776.html
index 3ae3d6be..d3c322d6 100644
--- a/people/5776.html
+++ b/people/5776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5777.html b/people/5777.html
index aac2c704..0c63758e 100644
--- a/people/5777.html
+++ b/people/5777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5778.html b/people/5778.html
index e98f4257..ee5bcad5 100644
--- a/people/5778.html
+++ b/people/5778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5779.html b/people/5779.html
index 69fe3d69..eddea78c 100644
--- a/people/5779.html
+++ b/people/5779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/578.html b/people/578.html
index 915338a4..de9bed5d 100644
--- a/people/578.html
+++ b/people/578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5780.html b/people/5780.html
index d9aec3e4..a0e71dd9 100644
--- a/people/5780.html
+++ b/people/5780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5781.html b/people/5781.html
index db387171..b579aadc 100644
--- a/people/5781.html
+++ b/people/5781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5782.html b/people/5782.html
index e5927900..d52ac52d 100644
--- a/people/5782.html
+++ b/people/5782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5783.html b/people/5783.html
index bdcac203..c1f5aa4e 100644
--- a/people/5783.html
+++ b/people/5783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5784.html b/people/5784.html
index 62f41374..8e491cad 100644
--- a/people/5784.html
+++ b/people/5784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5785.html b/people/5785.html
index b7f50f50..de4d7665 100644
--- a/people/5785.html
+++ b/people/5785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5786.html b/people/5786.html
index e261cf8c..69a6dde3 100644
--- a/people/5786.html
+++ b/people/5786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5787.html b/people/5787.html
index 4f33f9d5..8de81307 100644
--- a/people/5787.html
+++ b/people/5787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5788.html b/people/5788.html
index 16d6d263..6d2d6a75 100644
--- a/people/5788.html
+++ b/people/5788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5789.html b/people/5789.html
index a9292b85..a740e461 100644
--- a/people/5789.html
+++ b/people/5789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/579.html b/people/579.html
index d4348607..91c01901 100644
--- a/people/579.html
+++ b/people/579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5790.html b/people/5790.html
index 30ed7305..056016c2 100644
--- a/people/5790.html
+++ b/people/5790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5791.html b/people/5791.html
index cf013cb3..4a8cf8e8 100644
--- a/people/5791.html
+++ b/people/5791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5792.html b/people/5792.html
index e04867e9..8e588663 100644
--- a/people/5792.html
+++ b/people/5792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5793.html b/people/5793.html
index 9f38d947..eeee1a44 100644
--- a/people/5793.html
+++ b/people/5793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5794.html b/people/5794.html
index fac323ce..5f2dd1b6 100644
--- a/people/5794.html
+++ b/people/5794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5795.html b/people/5795.html
index 7e921b70..94f3d997 100644
--- a/people/5795.html
+++ b/people/5795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5796.html b/people/5796.html
index 201f1dc6..f4bf303a 100644
--- a/people/5796.html
+++ b/people/5796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5797.html b/people/5797.html
index 539f7c87..db6dd226 100644
--- a/people/5797.html
+++ b/people/5797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5798.html b/people/5798.html
index 36892d35..e8abb1b4 100644
--- a/people/5798.html
+++ b/people/5798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5799.html b/people/5799.html
index 85b5077d..b56ac195 100644
--- a/people/5799.html
+++ b/people/5799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/58.html b/people/58.html
index 3f3b9fa3..f54c751b 100644
--- a/people/58.html
+++ b/people/58.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/580.html b/people/580.html
index ca0248cd..8052aa28 100644
--- a/people/580.html
+++ b/people/580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5800.html b/people/5800.html
index 520cb3e1..adf5583a 100644
--- a/people/5800.html
+++ b/people/5800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5801.html b/people/5801.html
index b489ea60..532a2381 100644
--- a/people/5801.html
+++ b/people/5801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5802.html b/people/5802.html
index 37d9f703..cd6875be 100644
--- a/people/5802.html
+++ b/people/5802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5803.html b/people/5803.html
index fbdf0217..eb3927de 100644
--- a/people/5803.html
+++ b/people/5803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5804.html b/people/5804.html
index b725072c..cd8380be 100644
--- a/people/5804.html
+++ b/people/5804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5805.html b/people/5805.html
index 2d42afaf..42d34958 100644
--- a/people/5805.html
+++ b/people/5805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5806.html b/people/5806.html
index 240bda88..2910b97f 100644
--- a/people/5806.html
+++ b/people/5806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5807.html b/people/5807.html
index 444675f5..9a3c9b17 100644
--- a/people/5807.html
+++ b/people/5807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5808.html b/people/5808.html
index 7ce63bdb..001b8f66 100644
--- a/people/5808.html
+++ b/people/5808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5809.html b/people/5809.html
index 1c675aca..fff7a9ac 100644
--- a/people/5809.html
+++ b/people/5809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/581.html b/people/581.html
index d1140827..3dc40175 100644
--- a/people/581.html
+++ b/people/581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5810.html b/people/5810.html
index 7c22b1a8..e9595572 100644
--- a/people/5810.html
+++ b/people/5810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5811.html b/people/5811.html
index d56dc504..3839afc2 100644
--- a/people/5811.html
+++ b/people/5811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5812.html b/people/5812.html
index 6ab85ea9..a8dce704 100644
--- a/people/5812.html
+++ b/people/5812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5813.html b/people/5813.html
index 81257bec..f2dadfed 100644
--- a/people/5813.html
+++ b/people/5813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5814.html b/people/5814.html
index 40f6a319..39bf1de0 100644
--- a/people/5814.html
+++ b/people/5814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5815.html b/people/5815.html
index 609bff5f..efebc8bf 100644
--- a/people/5815.html
+++ b/people/5815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5816.html b/people/5816.html
index 2ae65a1f..c6617dcd 100644
--- a/people/5816.html
+++ b/people/5816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5817.html b/people/5817.html
index 24f3c364..52eb39e2 100644
--- a/people/5817.html
+++ b/people/5817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5818.html b/people/5818.html
index 4e2ec94c..ed674720 100644
--- a/people/5818.html
+++ b/people/5818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5819.html b/people/5819.html
index b400f8cb..dfc576ba 100644
--- a/people/5819.html
+++ b/people/5819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/582.html b/people/582.html
index e9547700..ca20d334 100644
--- a/people/582.html
+++ b/people/582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5820.html b/people/5820.html
index da1d7c29..86a47469 100644
--- a/people/5820.html
+++ b/people/5820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5821.html b/people/5821.html
index 4b0a08e4..c01a171d 100644
--- a/people/5821.html
+++ b/people/5821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5822.html b/people/5822.html
index e74a3e1b..889d9971 100644
--- a/people/5822.html
+++ b/people/5822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5823.html b/people/5823.html
index a41d30b2..4b46fbf8 100644
--- a/people/5823.html
+++ b/people/5823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5824.html b/people/5824.html
index 22c0e69f..2a8ac8f9 100644
--- a/people/5824.html
+++ b/people/5824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5825.html b/people/5825.html
index 85cc05ee..f81f87e3 100644
--- a/people/5825.html
+++ b/people/5825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5826.html b/people/5826.html
index 730742b7..f4ef1e98 100644
--- a/people/5826.html
+++ b/people/5826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5827.html b/people/5827.html
index 0595b898..df124f17 100644
--- a/people/5827.html
+++ b/people/5827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5828.html b/people/5828.html
index 9ad0d0c9..88eabb94 100644
--- a/people/5828.html
+++ b/people/5828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5829.html b/people/5829.html
index 844e299c..e936619b 100644
--- a/people/5829.html
+++ b/people/5829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/583.html b/people/583.html
index 330bbd88..edd75cfe 100644
--- a/people/583.html
+++ b/people/583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5830.html b/people/5830.html
index b3c53276..b051eaae 100644
--- a/people/5830.html
+++ b/people/5830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5831.html b/people/5831.html
index 561ec602..4a0e0996 100644
--- a/people/5831.html
+++ b/people/5831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5832.html b/people/5832.html
index 16b32649..73916123 100644
--- a/people/5832.html
+++ b/people/5832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5833.html b/people/5833.html
index eae77e78..7c9cfcbb 100644
--- a/people/5833.html
+++ b/people/5833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5834.html b/people/5834.html
index 00b68d2e..a614f8f8 100644
--- a/people/5834.html
+++ b/people/5834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5835.html b/people/5835.html
index de1af7a6..3e8eec68 100644
--- a/people/5835.html
+++ b/people/5835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5836.html b/people/5836.html
index 73c2be67..38928323 100644
--- a/people/5836.html
+++ b/people/5836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5837.html b/people/5837.html
index ec98ee81..35b6f588 100644
--- a/people/5837.html
+++ b/people/5837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5838.html b/people/5838.html
index 23701f6a..02e3b5e4 100644
--- a/people/5838.html
+++ b/people/5838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5839.html b/people/5839.html
index fd235476..6aad9f8e 100644
--- a/people/5839.html
+++ b/people/5839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/584.html b/people/584.html
index b34be93b..5a79044e 100644
--- a/people/584.html
+++ b/people/584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5840.html b/people/5840.html
index 398741c4..5770e80f 100644
--- a/people/5840.html
+++ b/people/5840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5841.html b/people/5841.html
index 1faf4583..71eb41e4 100644
--- a/people/5841.html
+++ b/people/5841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5842.html b/people/5842.html
index b76af0b8..ff39be8a 100644
--- a/people/5842.html
+++ b/people/5842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5843.html b/people/5843.html
index 9720b656..e55d7c45 100644
--- a/people/5843.html
+++ b/people/5843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5844.html b/people/5844.html
index 2e2af9b0..f287cc73 100644
--- a/people/5844.html
+++ b/people/5844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5845.html b/people/5845.html
index 10d9b30a..93d92178 100644
--- a/people/5845.html
+++ b/people/5845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5846.html b/people/5846.html
index f1108a2b..74608b24 100644
--- a/people/5846.html
+++ b/people/5846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5847.html b/people/5847.html
index 25318488..302acb52 100644
--- a/people/5847.html
+++ b/people/5847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5848.html b/people/5848.html
index 5c00ac2c..6e7c1314 100644
--- a/people/5848.html
+++ b/people/5848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5849.html b/people/5849.html
index fd3fc7e0..95d052ab 100644
--- a/people/5849.html
+++ b/people/5849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/585.html b/people/585.html
index 62b8f7fa..6d8a7e0c 100644
--- a/people/585.html
+++ b/people/585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5850.html b/people/5850.html
index 7beaf668..6ee39eeb 100644
--- a/people/5850.html
+++ b/people/5850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5851.html b/people/5851.html
index 0ac3d6cf..4d0a2beb 100644
--- a/people/5851.html
+++ b/people/5851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5852.html b/people/5852.html
index 9463ed23..3e1f32c4 100644
--- a/people/5852.html
+++ b/people/5852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5853.html b/people/5853.html
index 6fc7b701..54955da9 100644
--- a/people/5853.html
+++ b/people/5853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5854.html b/people/5854.html
index ff29d988..283350d6 100644
--- a/people/5854.html
+++ b/people/5854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5855.html b/people/5855.html
index 68725df7..51c0ec76 100644
--- a/people/5855.html
+++ b/people/5855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5856.html b/people/5856.html
index d9d42f47..bb84500d 100644
--- a/people/5856.html
+++ b/people/5856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5857.html b/people/5857.html
index ba7c8ca9..31413b0a 100644
--- a/people/5857.html
+++ b/people/5857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5858.html b/people/5858.html
index 417a4130..9cf82602 100644
--- a/people/5858.html
+++ b/people/5858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5859.html b/people/5859.html
index 8f3c6ec4..0fde0c48 100644
--- a/people/5859.html
+++ b/people/5859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/586.html b/people/586.html
index 0981014a..05164747 100644
--- a/people/586.html
+++ b/people/586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5860.html b/people/5860.html
index 2df0fe3c..5a49dcd6 100644
--- a/people/5860.html
+++ b/people/5860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5861.html b/people/5861.html
index 70e64465..b187564c 100644
--- a/people/5861.html
+++ b/people/5861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5862.html b/people/5862.html
index 7aa50081..f818d23c 100644
--- a/people/5862.html
+++ b/people/5862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5863.html b/people/5863.html
index 977678f7..6c71cb1d 100644
--- a/people/5863.html
+++ b/people/5863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5864.html b/people/5864.html
index 40b7f5ca..274892c0 100644
--- a/people/5864.html
+++ b/people/5864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5865.html b/people/5865.html
index 7cbcf792..4cd59ec4 100644
--- a/people/5865.html
+++ b/people/5865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5866.html b/people/5866.html
index a872fc1f..54002293 100644
--- a/people/5866.html
+++ b/people/5866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5867.html b/people/5867.html
index 80ac6742..c5445c5f 100644
--- a/people/5867.html
+++ b/people/5867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5868.html b/people/5868.html
index cbdff7fc..47bb41f8 100644
--- a/people/5868.html
+++ b/people/5868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5869.html b/people/5869.html
index 5696fa4a..9f83c94c 100644
--- a/people/5869.html
+++ b/people/5869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/587.html b/people/587.html
index 0deecedc..4b2c3fd6 100644
--- a/people/587.html
+++ b/people/587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5870.html b/people/5870.html
index 019df0ba..ecb7ab9f 100644
--- a/people/5870.html
+++ b/people/5870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5871.html b/people/5871.html
index ecd3ca51..6ba3b0f2 100644
--- a/people/5871.html
+++ b/people/5871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5872.html b/people/5872.html
index 4ee2f573..1cedf908 100644
--- a/people/5872.html
+++ b/people/5872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5873.html b/people/5873.html
index 8a6b422e..55160315 100644
--- a/people/5873.html
+++ b/people/5873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5874.html b/people/5874.html
index f883f10c..21de92c4 100644
--- a/people/5874.html
+++ b/people/5874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5875.html b/people/5875.html
index 53f7d46f..e50ff34a 100644
--- a/people/5875.html
+++ b/people/5875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5876.html b/people/5876.html
index 4d242490..43384397 100644
--- a/people/5876.html
+++ b/people/5876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5877.html b/people/5877.html
index 6117d999..6597e5fd 100644
--- a/people/5877.html
+++ b/people/5877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5878.html b/people/5878.html
index 90f3b016..110fc995 100644
--- a/people/5878.html
+++ b/people/5878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5879.html b/people/5879.html
index abec86b8..c2ed99a1 100644
--- a/people/5879.html
+++ b/people/5879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/588.html b/people/588.html
index 775f8339..04cae4fc 100644
--- a/people/588.html
+++ b/people/588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5880.html b/people/5880.html
index 4117257b..d23a3785 100644
--- a/people/5880.html
+++ b/people/5880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5881.html b/people/5881.html
index c78dc857..9da41e98 100644
--- a/people/5881.html
+++ b/people/5881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5882.html b/people/5882.html
index ae0aacc3..83679f98 100644
--- a/people/5882.html
+++ b/people/5882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5883.html b/people/5883.html
index 188feadc..180448d3 100644
--- a/people/5883.html
+++ b/people/5883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5884.html b/people/5884.html
index 8b4d6ca4..80541143 100644
--- a/people/5884.html
+++ b/people/5884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5885.html b/people/5885.html
index b17a2cf2..717abe8b 100644
--- a/people/5885.html
+++ b/people/5885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5886.html b/people/5886.html
index af06e988..e0649a3c 100644
--- a/people/5886.html
+++ b/people/5886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5887.html b/people/5887.html
index 11e34f2d..3386aa8c 100644
--- a/people/5887.html
+++ b/people/5887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5888.html b/people/5888.html
index 09c15762..add5e07a 100644
--- a/people/5888.html
+++ b/people/5888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5889.html b/people/5889.html
index dc5557de..5d62db2f 100644
--- a/people/5889.html
+++ b/people/5889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/589.html b/people/589.html
index 29ccc576..d06f67ea 100644
--- a/people/589.html
+++ b/people/589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5890.html b/people/5890.html
index 84f91125..e653cf41 100644
--- a/people/5890.html
+++ b/people/5890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5891.html b/people/5891.html
index 7b90327c..b1de49d8 100644
--- a/people/5891.html
+++ b/people/5891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5892.html b/people/5892.html
index d929509c..c4227e19 100644
--- a/people/5892.html
+++ b/people/5892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5893.html b/people/5893.html
index 2033d16e..5c10f526 100644
--- a/people/5893.html
+++ b/people/5893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5894.html b/people/5894.html
index 795f41cc..85c0de59 100644
--- a/people/5894.html
+++ b/people/5894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5895.html b/people/5895.html
index a567fed2..e1522810 100644
--- a/people/5895.html
+++ b/people/5895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5896.html b/people/5896.html
index d81f9714..e1eb1b5d 100644
--- a/people/5896.html
+++ b/people/5896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5897.html b/people/5897.html
index 6b703159..e66075a1 100644
--- a/people/5897.html
+++ b/people/5897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5898.html b/people/5898.html
index fc76e432..0ec7260f 100644
--- a/people/5898.html
+++ b/people/5898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5899.html b/people/5899.html
index c2cb0c16..4afbb97d 100644
--- a/people/5899.html
+++ b/people/5899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/59.html b/people/59.html
index c0e4125d..ed122a4a 100644
--- a/people/59.html
+++ b/people/59.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/590.html b/people/590.html
index 003500b1..a96b9dc4 100644
--- a/people/590.html
+++ b/people/590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5900.html b/people/5900.html
index 92c8c355..7c8012ad 100644
--- a/people/5900.html
+++ b/people/5900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5901.html b/people/5901.html
index 73a859b2..9d25f1dc 100644
--- a/people/5901.html
+++ b/people/5901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5902.html b/people/5902.html
index 4f7c5acc..5bbee59c 100644
--- a/people/5902.html
+++ b/people/5902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5903.html b/people/5903.html
index a838d146..2b9e063f 100644
--- a/people/5903.html
+++ b/people/5903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5904.html b/people/5904.html
index 5dabbcf6..d94a4d9e 100644
--- a/people/5904.html
+++ b/people/5904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5905.html b/people/5905.html
index 2ac72f90..80248b3e 100644
--- a/people/5905.html
+++ b/people/5905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5906.html b/people/5906.html
index 600b59df..58e0a1b0 100644
--- a/people/5906.html
+++ b/people/5906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5907.html b/people/5907.html
index 40b7f3fe..3a41e69f 100644
--- a/people/5907.html
+++ b/people/5907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5908.html b/people/5908.html
index c1db5cbd..49b96966 100644
--- a/people/5908.html
+++ b/people/5908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5909.html b/people/5909.html
index 6690d3a6..d1d76abe 100644
--- a/people/5909.html
+++ b/people/5909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/591.html b/people/591.html
index 74838675..804b2c93 100644
--- a/people/591.html
+++ b/people/591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5910.html b/people/5910.html
index f746dc94..b1e41d45 100644
--- a/people/5910.html
+++ b/people/5910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5911.html b/people/5911.html
index 442970d5..fd2e55e5 100644
--- a/people/5911.html
+++ b/people/5911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5912.html b/people/5912.html
index ebfefe72..00daefae 100644
--- a/people/5912.html
+++ b/people/5912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5913.html b/people/5913.html
index 98840b5a..af117884 100644
--- a/people/5913.html
+++ b/people/5913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5914.html b/people/5914.html
index 46a676e8..7cb0daaa 100644
--- a/people/5914.html
+++ b/people/5914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5915.html b/people/5915.html
index b8321609..c9f20521 100644
--- a/people/5915.html
+++ b/people/5915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5916.html b/people/5916.html
index fecd7280..9ac7cb9e 100644
--- a/people/5916.html
+++ b/people/5916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5917.html b/people/5917.html
index 423c28ec..2728dbf4 100644
--- a/people/5917.html
+++ b/people/5917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5918.html b/people/5918.html
index 43f893be..80880576 100644
--- a/people/5918.html
+++ b/people/5918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5919.html b/people/5919.html
index eab084fe..b54f3fd7 100644
--- a/people/5919.html
+++ b/people/5919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/592.html b/people/592.html
index 689ad19b..c6775e44 100644
--- a/people/592.html
+++ b/people/592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5920.html b/people/5920.html
index 6f6acb61..4e1094e3 100644
--- a/people/5920.html
+++ b/people/5920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5921.html b/people/5921.html
index a87dea2e..599922df 100644
--- a/people/5921.html
+++ b/people/5921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5922.html b/people/5922.html
index ab48f515..616fb08a 100644
--- a/people/5922.html
+++ b/people/5922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5923.html b/people/5923.html
index 2077591d..ecd8d359 100644
--- a/people/5923.html
+++ b/people/5923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5924.html b/people/5924.html
index 02102d37..68efcfac 100644
--- a/people/5924.html
+++ b/people/5924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5925.html b/people/5925.html
index 636296d2..30e037fe 100644
--- a/people/5925.html
+++ b/people/5925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5926.html b/people/5926.html
index d783dc95..1f7e9637 100644
--- a/people/5926.html
+++ b/people/5926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5927.html b/people/5927.html
index d9bfb4f5..f2580c5f 100644
--- a/people/5927.html
+++ b/people/5927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5928.html b/people/5928.html
index ee0a2262..e9a6ae53 100644
--- a/people/5928.html
+++ b/people/5928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5929.html b/people/5929.html
index 6d31f7b1..5bef3315 100644
--- a/people/5929.html
+++ b/people/5929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/593.html b/people/593.html
index 6800118a..29a71aa6 100644
--- a/people/593.html
+++ b/people/593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5930.html b/people/5930.html
index 6dcde455..8c027bf9 100644
--- a/people/5930.html
+++ b/people/5930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5931.html b/people/5931.html
index 8577c471..3960fec5 100644
--- a/people/5931.html
+++ b/people/5931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5932.html b/people/5932.html
index bd76e937..6fed1b67 100644
--- a/people/5932.html
+++ b/people/5932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5933.html b/people/5933.html
index 66dbf911..c91e6a07 100644
--- a/people/5933.html
+++ b/people/5933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5934.html b/people/5934.html
index d716563a..076cf352 100644
--- a/people/5934.html
+++ b/people/5934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5935.html b/people/5935.html
index cf74436e..069e3d1d 100644
--- a/people/5935.html
+++ b/people/5935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5936.html b/people/5936.html
index b959afe7..a936a25e 100644
--- a/people/5936.html
+++ b/people/5936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5937.html b/people/5937.html
index 26f8d3ff..d3310ab3 100644
--- a/people/5937.html
+++ b/people/5937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5938.html b/people/5938.html
index e06ec6b4..e0058a2a 100644
--- a/people/5938.html
+++ b/people/5938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5939.html b/people/5939.html
index f11fb4df..91a3a17a 100644
--- a/people/5939.html
+++ b/people/5939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/594.html b/people/594.html
index 75e46eee..c254a933 100644
--- a/people/594.html
+++ b/people/594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5940.html b/people/5940.html
index 6239d31e..cce63edb 100644
--- a/people/5940.html
+++ b/people/5940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5941.html b/people/5941.html
index e1acc6ff..4a5909b2 100644
--- a/people/5941.html
+++ b/people/5941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5942.html b/people/5942.html
index 17517488..b86ade27 100644
--- a/people/5942.html
+++ b/people/5942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5943.html b/people/5943.html
index 56e85427..230967a2 100644
--- a/people/5943.html
+++ b/people/5943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5944.html b/people/5944.html
index 84a70ed1..6c058200 100644
--- a/people/5944.html
+++ b/people/5944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5945.html b/people/5945.html
index 244a0750..07d97f7e 100644
--- a/people/5945.html
+++ b/people/5945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5946.html b/people/5946.html
index 4bd37668..f72be9c2 100644
--- a/people/5946.html
+++ b/people/5946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5947.html b/people/5947.html
index 2d5a543e..7b198674 100644
--- a/people/5947.html
+++ b/people/5947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5948.html b/people/5948.html
index 3b561fda..1773c2ec 100644
--- a/people/5948.html
+++ b/people/5948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5949.html b/people/5949.html
index fa14e86d..3eca48a1 100644
--- a/people/5949.html
+++ b/people/5949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/595.html b/people/595.html
index 3c392bfe..3c6b9f62 100644
--- a/people/595.html
+++ b/people/595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5950.html b/people/5950.html
index 3d4a8cb8..7430f643 100644
--- a/people/5950.html
+++ b/people/5950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5951.html b/people/5951.html
index 62b9bc5d..1a155036 100644
--- a/people/5951.html
+++ b/people/5951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5952.html b/people/5952.html
index 3884b22b..5decb259 100644
--- a/people/5952.html
+++ b/people/5952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5953.html b/people/5953.html
index d7d69b4f..27b1c6b9 100644
--- a/people/5953.html
+++ b/people/5953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5954.html b/people/5954.html
index 4a0e5424..e6189c33 100644
--- a/people/5954.html
+++ b/people/5954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5955.html b/people/5955.html
index fb710e1e..7b1059fa 100644
--- a/people/5955.html
+++ b/people/5955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5956.html b/people/5956.html
index ddd7959e..2384ac36 100644
--- a/people/5956.html
+++ b/people/5956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5957.html b/people/5957.html
index fe9f641e..d35cf881 100644
--- a/people/5957.html
+++ b/people/5957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5958.html b/people/5958.html
index b133d81a..36c638fd 100644
--- a/people/5958.html
+++ b/people/5958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5959.html b/people/5959.html
index 66d9cedf..596374b3 100644
--- a/people/5959.html
+++ b/people/5959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/596.html b/people/596.html
index b7eb1d00..96260b78 100644
--- a/people/596.html
+++ b/people/596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5960.html b/people/5960.html
index b240bf50..56529d91 100644
--- a/people/5960.html
+++ b/people/5960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5961.html b/people/5961.html
index 5092316c..8a9325ef 100644
--- a/people/5961.html
+++ b/people/5961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5962.html b/people/5962.html
index e3fc8414..2355f2ce 100644
--- a/people/5962.html
+++ b/people/5962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5963.html b/people/5963.html
index 46c32187..95a070ca 100644
--- a/people/5963.html
+++ b/people/5963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5964.html b/people/5964.html
index 5f08ef2f..7521f006 100644
--- a/people/5964.html
+++ b/people/5964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5965.html b/people/5965.html
index e25d7039..4be4509f 100644
--- a/people/5965.html
+++ b/people/5965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5966.html b/people/5966.html
index 7537aabc..1f65e0f0 100644
--- a/people/5966.html
+++ b/people/5966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5967.html b/people/5967.html
index 91645390..ace7930f 100644
--- a/people/5967.html
+++ b/people/5967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5968.html b/people/5968.html
index ed437902..bda65c84 100644
--- a/people/5968.html
+++ b/people/5968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5969.html b/people/5969.html
index aaf16847..cf2d3519 100644
--- a/people/5969.html
+++ b/people/5969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/597.html b/people/597.html
index 5240c664..dca53ca8 100644
--- a/people/597.html
+++ b/people/597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5970.html b/people/5970.html
index 6db7d97c..aee64d7b 100644
--- a/people/5970.html
+++ b/people/5970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5971.html b/people/5971.html
index 90598d22..2dc76cfc 100644
--- a/people/5971.html
+++ b/people/5971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5972.html b/people/5972.html
index bde2ea66..e15c6e97 100644
--- a/people/5972.html
+++ b/people/5972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5973.html b/people/5973.html
index 8fb59c07..671816b3 100644
--- a/people/5973.html
+++ b/people/5973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5974.html b/people/5974.html
index ddd5a56b..0521f438 100644
--- a/people/5974.html
+++ b/people/5974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5975.html b/people/5975.html
index 2be2f1e2..56b37840 100644
--- a/people/5975.html
+++ b/people/5975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5976.html b/people/5976.html
index b24b3bfe..c94fc89a 100644
--- a/people/5976.html
+++ b/people/5976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5977.html b/people/5977.html
index d7c7aa62..2ba144db 100644
--- a/people/5977.html
+++ b/people/5977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5978.html b/people/5978.html
index 9a47c78e..7843ba30 100644
--- a/people/5978.html
+++ b/people/5978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5979.html b/people/5979.html
index 16300a5d..c428860b 100644
--- a/people/5979.html
+++ b/people/5979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/598.html b/people/598.html
index 24bd8e88..5fb68fcc 100644
--- a/people/598.html
+++ b/people/598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5980.html b/people/5980.html
index c08028b1..f97a2ee6 100644
--- a/people/5980.html
+++ b/people/5980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5981.html b/people/5981.html
index c4a33eb9..26964524 100644
--- a/people/5981.html
+++ b/people/5981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5982.html b/people/5982.html
index 594707f7..f9823574 100644
--- a/people/5982.html
+++ b/people/5982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5983.html b/people/5983.html
index 92bb9e90..cc3d2441 100644
--- a/people/5983.html
+++ b/people/5983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5984.html b/people/5984.html
index c019e94f..4811b13d 100644
--- a/people/5984.html
+++ b/people/5984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5985.html b/people/5985.html
index 27959c09..5797bf68 100644
--- a/people/5985.html
+++ b/people/5985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5986.html b/people/5986.html
index 7bef434d..bcd29b08 100644
--- a/people/5986.html
+++ b/people/5986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5987.html b/people/5987.html
index d92b716b..dd590b59 100644
--- a/people/5987.html
+++ b/people/5987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5988.html b/people/5988.html
index ec1ffc10..acaa6c1e 100644
--- a/people/5988.html
+++ b/people/5988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5989.html b/people/5989.html
index 5b6300fa..7c4111a0 100644
--- a/people/5989.html
+++ b/people/5989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/599.html b/people/599.html
index b77a2296..3963da26 100644
--- a/people/599.html
+++ b/people/599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5990.html b/people/5990.html
index 1d50504b..b6ce6784 100644
--- a/people/5990.html
+++ b/people/5990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5991.html b/people/5991.html
index d32b45b8..6e487735 100644
--- a/people/5991.html
+++ b/people/5991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5992.html b/people/5992.html
index 23127468..83ec8f27 100644
--- a/people/5992.html
+++ b/people/5992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5993.html b/people/5993.html
index 31564ad9..35ca7b3e 100644
--- a/people/5993.html
+++ b/people/5993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5994.html b/people/5994.html
index 95d83f40..b47a8ece 100644
--- a/people/5994.html
+++ b/people/5994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5995.html b/people/5995.html
index 09773f57..f85093f0 100644
--- a/people/5995.html
+++ b/people/5995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5996.html b/people/5996.html
index 943288a0..7733d82e 100644
--- a/people/5996.html
+++ b/people/5996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5997.html b/people/5997.html
index 7a9c10d3..c6487f74 100644
--- a/people/5997.html
+++ b/people/5997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5998.html b/people/5998.html
index 01440062..60db4532 100644
--- a/people/5998.html
+++ b/people/5998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/5999.html b/people/5999.html
index 25e63ea2..1e270787 100644
--- a/people/5999.html
+++ b/people/5999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6.html b/people/6.html
index dfd612d9..f16bb7d8 100644
--- a/people/6.html
+++ b/people/6.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/60.html b/people/60.html
index f3442a18..d63b07ea 100644
--- a/people/60.html
+++ b/people/60.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/600.html b/people/600.html
index 668f337c..52d0f219 100644
--- a/people/600.html
+++ b/people/600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6000.html b/people/6000.html
index eff65b30..fa0f236a 100644
--- a/people/6000.html
+++ b/people/6000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6001.html b/people/6001.html
index aac98236..dd9130ee 100644
--- a/people/6001.html
+++ b/people/6001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6002.html b/people/6002.html
index 78378dcb..622720d7 100644
--- a/people/6002.html
+++ b/people/6002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6003.html b/people/6003.html
index c4b0cda2..bf7dff15 100644
--- a/people/6003.html
+++ b/people/6003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6004.html b/people/6004.html
index f82a24c1..3c1ccb19 100644
--- a/people/6004.html
+++ b/people/6004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6005.html b/people/6005.html
index 52e6131e..f2ccd4d0 100644
--- a/people/6005.html
+++ b/people/6005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6006.html b/people/6006.html
index bb8718ab..59bcaffb 100644
--- a/people/6006.html
+++ b/people/6006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6007.html b/people/6007.html
index cb09ad5c..f08e1dfc 100644
--- a/people/6007.html
+++ b/people/6007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6008.html b/people/6008.html
index 69e0f30e..aa4819a6 100644
--- a/people/6008.html
+++ b/people/6008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6009.html b/people/6009.html
index 99defd5b..088df03c 100644
--- a/people/6009.html
+++ b/people/6009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/601.html b/people/601.html
index 9acfd8f7..0d68fa19 100644
--- a/people/601.html
+++ b/people/601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6010.html b/people/6010.html
index b3046a83..fa5f47a7 100644
--- a/people/6010.html
+++ b/people/6010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6011.html b/people/6011.html
index 889537b8..d2c992d0 100644
--- a/people/6011.html
+++ b/people/6011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6012.html b/people/6012.html
index 5d7010c8..ae456aab 100644
--- a/people/6012.html
+++ b/people/6012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6013.html b/people/6013.html
index 1cc0f2e1..6ea79916 100644
--- a/people/6013.html
+++ b/people/6013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6014.html b/people/6014.html
index 8db991fa..f05a13d4 100644
--- a/people/6014.html
+++ b/people/6014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6015.html b/people/6015.html
index e5509179..0aa9222d 100644
--- a/people/6015.html
+++ b/people/6015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6016.html b/people/6016.html
index dd0f6553..7e231ef0 100644
--- a/people/6016.html
+++ b/people/6016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6017.html b/people/6017.html
index bbb34696..6599913d 100644
--- a/people/6017.html
+++ b/people/6017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6018.html b/people/6018.html
index 1834300a..4a93d3f6 100644
--- a/people/6018.html
+++ b/people/6018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6019.html b/people/6019.html
index c85d420a..69360057 100644
--- a/people/6019.html
+++ b/people/6019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/602.html b/people/602.html
index 3874f774..1dcb8aef 100644
--- a/people/602.html
+++ b/people/602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6020.html b/people/6020.html
index 34609775..2fda5b1b 100644
--- a/people/6020.html
+++ b/people/6020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6021.html b/people/6021.html
index 39440cf8..fb9564e8 100644
--- a/people/6021.html
+++ b/people/6021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6022.html b/people/6022.html
index 9936b70e..d90e8a21 100644
--- a/people/6022.html
+++ b/people/6022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6023.html b/people/6023.html
index a8390897..77399a28 100644
--- a/people/6023.html
+++ b/people/6023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6024.html b/people/6024.html
index a192b47c..5f39a83b 100644
--- a/people/6024.html
+++ b/people/6024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6025.html b/people/6025.html
index bbf50e81..c5abcd3c 100644
--- a/people/6025.html
+++ b/people/6025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6026.html b/people/6026.html
index 7ad50f01..a5887f26 100644
--- a/people/6026.html
+++ b/people/6026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6027.html b/people/6027.html
index 6b63459e..d4ddb93e 100644
--- a/people/6027.html
+++ b/people/6027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6028.html b/people/6028.html
index c8537aca..a3d055d3 100644
--- a/people/6028.html
+++ b/people/6028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6029.html b/people/6029.html
index aad11a1a..4766c060 100644
--- a/people/6029.html
+++ b/people/6029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/603.html b/people/603.html
index 742a8013..89644caf 100644
--- a/people/603.html
+++ b/people/603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6030.html b/people/6030.html
index 8d6922f5..37103793 100644
--- a/people/6030.html
+++ b/people/6030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6031.html b/people/6031.html
index 52276ca2..bf4c1e8e 100644
--- a/people/6031.html
+++ b/people/6031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6032.html b/people/6032.html
index ccee349e..ff8ac03a 100644
--- a/people/6032.html
+++ b/people/6032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6033.html b/people/6033.html
index 4fcdf85f..8aaf4a27 100644
--- a/people/6033.html
+++ b/people/6033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6034.html b/people/6034.html
index 7dd1dd7e..08a38eba 100644
--- a/people/6034.html
+++ b/people/6034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6035.html b/people/6035.html
index 50252034..c129fa03 100644
--- a/people/6035.html
+++ b/people/6035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6036.html b/people/6036.html
index 61545b3a..7bf0c0eb 100644
--- a/people/6036.html
+++ b/people/6036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6037.html b/people/6037.html
index 76d662b3..914e1680 100644
--- a/people/6037.html
+++ b/people/6037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6038.html b/people/6038.html
index 57d516b1..52e0a136 100644
--- a/people/6038.html
+++ b/people/6038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6039.html b/people/6039.html
index 65125dc1..ff1e230d 100644
--- a/people/6039.html
+++ b/people/6039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/604.html b/people/604.html
index 03c417fd..8558692f 100644
--- a/people/604.html
+++ b/people/604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6040.html b/people/6040.html
index a9ffafa2..a0bc9a50 100644
--- a/people/6040.html
+++ b/people/6040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6041.html b/people/6041.html
index 7ecc5ad1..77cd50c7 100644
--- a/people/6041.html
+++ b/people/6041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6042.html b/people/6042.html
index 4dd4cd06..548d4095 100644
--- a/people/6042.html
+++ b/people/6042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6043.html b/people/6043.html
index ff1765ed..9f3fc22c 100644
--- a/people/6043.html
+++ b/people/6043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6044.html b/people/6044.html
index f56cc1fc..c1700976 100644
--- a/people/6044.html
+++ b/people/6044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6045.html b/people/6045.html
index 6d1e47d7..8758d3d9 100644
--- a/people/6045.html
+++ b/people/6045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6046.html b/people/6046.html
index f474bc46..77168ff2 100644
--- a/people/6046.html
+++ b/people/6046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6047.html b/people/6047.html
index 188b2935..5fb463fe 100644
--- a/people/6047.html
+++ b/people/6047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6048.html b/people/6048.html
index b8c3a732..315b6c3d 100644
--- a/people/6048.html
+++ b/people/6048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6049.html b/people/6049.html
index dada5551..76c3954e 100644
--- a/people/6049.html
+++ b/people/6049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/605.html b/people/605.html
index ddfb1708..efd5fd09 100644
--- a/people/605.html
+++ b/people/605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6050.html b/people/6050.html
index 2a68b9fc..fa386d25 100644
--- a/people/6050.html
+++ b/people/6050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6051.html b/people/6051.html
index 24f91286..f8e04b33 100644
--- a/people/6051.html
+++ b/people/6051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6052.html b/people/6052.html
index 21fa2c20..926d97bc 100644
--- a/people/6052.html
+++ b/people/6052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6053.html b/people/6053.html
index cbe30e3a..5853fb26 100644
--- a/people/6053.html
+++ b/people/6053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6054.html b/people/6054.html
index 23b389ca..c082aba8 100644
--- a/people/6054.html
+++ b/people/6054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6055.html b/people/6055.html
index a91619b2..8fb72352 100644
--- a/people/6055.html
+++ b/people/6055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6056.html b/people/6056.html
index 69bb2852..3d57ff8f 100644
--- a/people/6056.html
+++ b/people/6056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6057.html b/people/6057.html
index 81833391..cf8a27cb 100644
--- a/people/6057.html
+++ b/people/6057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6058.html b/people/6058.html
index 742033d3..da2c656e 100644
--- a/people/6058.html
+++ b/people/6058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6059.html b/people/6059.html
index 386e3791..25eceba1 100644
--- a/people/6059.html
+++ b/people/6059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/606.html b/people/606.html
index 2ebc1863..7b11840a 100644
--- a/people/606.html
+++ b/people/606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6060.html b/people/6060.html
index a79b1d3f..41772e09 100644
--- a/people/6060.html
+++ b/people/6060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6061.html b/people/6061.html
index bef34ded..de292a23 100644
--- a/people/6061.html
+++ b/people/6061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6062.html b/people/6062.html
index 4f510957..ddae55ff 100644
--- a/people/6062.html
+++ b/people/6062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6063.html b/people/6063.html
index 92e38a7e..86346ed2 100644
--- a/people/6063.html
+++ b/people/6063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6064.html b/people/6064.html
index a5474134..b96d3ccc 100644
--- a/people/6064.html
+++ b/people/6064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6065.html b/people/6065.html
index 9214f2bb..99adb14d 100644
--- a/people/6065.html
+++ b/people/6065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6066.html b/people/6066.html
index 94151345..13203c37 100644
--- a/people/6066.html
+++ b/people/6066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6067.html b/people/6067.html
index fa8a905e..0311ee71 100644
--- a/people/6067.html
+++ b/people/6067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6068.html b/people/6068.html
index 4d7a9dfa..1c34e865 100644
--- a/people/6068.html
+++ b/people/6068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6069.html b/people/6069.html
index 0cddadb2..102a3e4b 100644
--- a/people/6069.html
+++ b/people/6069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/607.html b/people/607.html
index 9df36992..9e916f44 100644
--- a/people/607.html
+++ b/people/607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6070.html b/people/6070.html
index 1ffefd88..f0997aa9 100644
--- a/people/6070.html
+++ b/people/6070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6071.html b/people/6071.html
index 8c72021b..dcc072ba 100644
--- a/people/6071.html
+++ b/people/6071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6072.html b/people/6072.html
index b95ff695..dbfe6ae3 100644
--- a/people/6072.html
+++ b/people/6072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6073.html b/people/6073.html
index 4e02c05e..d774f370 100644
--- a/people/6073.html
+++ b/people/6073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6074.html b/people/6074.html
index bf7d0291..9df58190 100644
--- a/people/6074.html
+++ b/people/6074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6075.html b/people/6075.html
index 64746838..da5dec2e 100644
--- a/people/6075.html
+++ b/people/6075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6076.html b/people/6076.html
index 658e89a0..a704801c 100644
--- a/people/6076.html
+++ b/people/6076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6077.html b/people/6077.html
index 6da88340..ea6ed519 100644
--- a/people/6077.html
+++ b/people/6077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6078.html b/people/6078.html
index a748a35d..5337f351 100644
--- a/people/6078.html
+++ b/people/6078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6079.html b/people/6079.html
index 88c3abd1..1cc1647e 100644
--- a/people/6079.html
+++ b/people/6079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/608.html b/people/608.html
index fd4b27c5..589e7889 100644
--- a/people/608.html
+++ b/people/608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6080.html b/people/6080.html
index f99f0104..f427e257 100644
--- a/people/6080.html
+++ b/people/6080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6081.html b/people/6081.html
index 03e29e65..0be9e2b3 100644
--- a/people/6081.html
+++ b/people/6081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6082.html b/people/6082.html
index 1b7058f6..f7984930 100644
--- a/people/6082.html
+++ b/people/6082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6083.html b/people/6083.html
index b3ba84ca..93c8134f 100644
--- a/people/6083.html
+++ b/people/6083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6084.html b/people/6084.html
index 24abbc71..12cc4b31 100644
--- a/people/6084.html
+++ b/people/6084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6085.html b/people/6085.html
index e8e8de6c..40ec7b8c 100644
--- a/people/6085.html
+++ b/people/6085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6086.html b/people/6086.html
index a403062b..2ffc9bc3 100644
--- a/people/6086.html
+++ b/people/6086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6087.html b/people/6087.html
index 777dd21b..f270a12c 100644
--- a/people/6087.html
+++ b/people/6087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6088.html b/people/6088.html
index a4b7bf2d..d420a391 100644
--- a/people/6088.html
+++ b/people/6088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6089.html b/people/6089.html
index 4460d3ed..27964c82 100644
--- a/people/6089.html
+++ b/people/6089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/609.html b/people/609.html
index 4047f3a2..7fe5d1a3 100644
--- a/people/609.html
+++ b/people/609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6090.html b/people/6090.html
index 4e19b613..236df2ea 100644
--- a/people/6090.html
+++ b/people/6090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6091.html b/people/6091.html
index 59144e1a..ab7ba1e2 100644
--- a/people/6091.html
+++ b/people/6091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6092.html b/people/6092.html
index 675865df..1580dac5 100644
--- a/people/6092.html
+++ b/people/6092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6093.html b/people/6093.html
index 231957f5..1d1d427c 100644
--- a/people/6093.html
+++ b/people/6093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6094.html b/people/6094.html
index 532b4be2..629eaaea 100644
--- a/people/6094.html
+++ b/people/6094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6095.html b/people/6095.html
index 0f791e76..9501f3d4 100644
--- a/people/6095.html
+++ b/people/6095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6096.html b/people/6096.html
index d37844dc..1528c66e 100644
--- a/people/6096.html
+++ b/people/6096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6097.html b/people/6097.html
index a6ce6e7c..5dd8f08a 100644
--- a/people/6097.html
+++ b/people/6097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6098.html b/people/6098.html
index fac5c563..92c5ffd3 100644
--- a/people/6098.html
+++ b/people/6098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6099.html b/people/6099.html
index b3064b50..2bcab7ea 100644
--- a/people/6099.html
+++ b/people/6099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/61.html b/people/61.html
index 4470239c..7e781d10 100644
--- a/people/61.html
+++ b/people/61.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/610.html b/people/610.html
index 35b3dcab..f0a2caeb 100644
--- a/people/610.html
+++ b/people/610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6100.html b/people/6100.html
index 7370ab09..42bcc2b5 100644
--- a/people/6100.html
+++ b/people/6100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6101.html b/people/6101.html
index c6634384..f9016f14 100644
--- a/people/6101.html
+++ b/people/6101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6102.html b/people/6102.html
index 3677909b..4b96cc7e 100644
--- a/people/6102.html
+++ b/people/6102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6103.html b/people/6103.html
index 9e84e9dd..393842ad 100644
--- a/people/6103.html
+++ b/people/6103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6104.html b/people/6104.html
index e806b7b3..34a3ccd2 100644
--- a/people/6104.html
+++ b/people/6104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6105.html b/people/6105.html
index c15b408a..2ebf937b 100644
--- a/people/6105.html
+++ b/people/6105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6106.html b/people/6106.html
index ba46e05d..728dc399 100644
--- a/people/6106.html
+++ b/people/6106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6107.html b/people/6107.html
index eec87f22..320b501c 100644
--- a/people/6107.html
+++ b/people/6107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6108.html b/people/6108.html
index d60a7fba..380454a8 100644
--- a/people/6108.html
+++ b/people/6108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6109.html b/people/6109.html
index 3187d50e..c2403dbc 100644
--- a/people/6109.html
+++ b/people/6109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/611.html b/people/611.html
index 339b49e0..49288850 100644
--- a/people/611.html
+++ b/people/611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6110.html b/people/6110.html
index b87a7c70..399ed463 100644
--- a/people/6110.html
+++ b/people/6110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6111.html b/people/6111.html
index 693484b4..84e57c1b 100644
--- a/people/6111.html
+++ b/people/6111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6112.html b/people/6112.html
index aceaea22..3ef25cc1 100644
--- a/people/6112.html
+++ b/people/6112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6113.html b/people/6113.html
index 34f7d561..a44c974f 100644
--- a/people/6113.html
+++ b/people/6113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6114.html b/people/6114.html
index b8661ac6..b6f215c6 100644
--- a/people/6114.html
+++ b/people/6114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6115.html b/people/6115.html
index 94170cb6..f4e022d7 100644
--- a/people/6115.html
+++ b/people/6115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6116.html b/people/6116.html
index 876e783c..8f660e3a 100644
--- a/people/6116.html
+++ b/people/6116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6117.html b/people/6117.html
index fdb170cc..7adcc4b3 100644
--- a/people/6117.html
+++ b/people/6117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6118.html b/people/6118.html
index 766dc90c..a6514b66 100644
--- a/people/6118.html
+++ b/people/6118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6119.html b/people/6119.html
index d2500c61..db145983 100644
--- a/people/6119.html
+++ b/people/6119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/612.html b/people/612.html
index e6b7cb50..853a8d76 100644
--- a/people/612.html
+++ b/people/612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6120.html b/people/6120.html
index 9bf271bd..2d4b0f18 100644
--- a/people/6120.html
+++ b/people/6120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6121.html b/people/6121.html
index 7e29cec4..58630d34 100644
--- a/people/6121.html
+++ b/people/6121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6122.html b/people/6122.html
index d42fa8e5..3bb4160a 100644
--- a/people/6122.html
+++ b/people/6122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6123.html b/people/6123.html
index 6bdf3dd0..7b6c1577 100644
--- a/people/6123.html
+++ b/people/6123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6124.html b/people/6124.html
index e00df46c..176fbcb5 100644
--- a/people/6124.html
+++ b/people/6124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6125.html b/people/6125.html
index 261953e8..9f21a001 100644
--- a/people/6125.html
+++ b/people/6125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6126.html b/people/6126.html
index f02e4789..1451ffad 100644
--- a/people/6126.html
+++ b/people/6126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6127.html b/people/6127.html
index 589098d1..aa689b97 100644
--- a/people/6127.html
+++ b/people/6127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6128.html b/people/6128.html
index acdc7813..a143220c 100644
--- a/people/6128.html
+++ b/people/6128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6129.html b/people/6129.html
index 188e38ac..fcaf77fa 100644
--- a/people/6129.html
+++ b/people/6129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/613.html b/people/613.html
index aeeb5d26..fc8c60f6 100644
--- a/people/613.html
+++ b/people/613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6130.html b/people/6130.html
index 32233740..76d7beb5 100644
--- a/people/6130.html
+++ b/people/6130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6131.html b/people/6131.html
index ca2b30b7..69254948 100644
--- a/people/6131.html
+++ b/people/6131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6132.html b/people/6132.html
index bfff2d9f..daceee3d 100644
--- a/people/6132.html
+++ b/people/6132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6133.html b/people/6133.html
index 878ac78d..b3d9e63c 100644
--- a/people/6133.html
+++ b/people/6133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6134.html b/people/6134.html
index 57bd48f2..1a882d09 100644
--- a/people/6134.html
+++ b/people/6134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6135.html b/people/6135.html
index 222a95c3..6aa93c67 100644
--- a/people/6135.html
+++ b/people/6135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6136.html b/people/6136.html
index afb96101..aa6e22aa 100644
--- a/people/6136.html
+++ b/people/6136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6137.html b/people/6137.html
index c47b4ef0..f473272f 100644
--- a/people/6137.html
+++ b/people/6137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6138.html b/people/6138.html
index 9dd3ff39..dee6cbf4 100644
--- a/people/6138.html
+++ b/people/6138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6139.html b/people/6139.html
index 5417bfa0..946431d9 100644
--- a/people/6139.html
+++ b/people/6139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/614.html b/people/614.html
index 0832c9df..e01375b5 100644
--- a/people/614.html
+++ b/people/614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6140.html b/people/6140.html
index 7b88303e..c5ffa2ff 100644
--- a/people/6140.html
+++ b/people/6140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6141.html b/people/6141.html
index c7aac817..2693fa48 100644
--- a/people/6141.html
+++ b/people/6141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6142.html b/people/6142.html
index 727f30ad..009564da 100644
--- a/people/6142.html
+++ b/people/6142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6143.html b/people/6143.html
index 4613a7d0..9b21b162 100644
--- a/people/6143.html
+++ b/people/6143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6144.html b/people/6144.html
index 1afa4136..c3e199fd 100644
--- a/people/6144.html
+++ b/people/6144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6145.html b/people/6145.html
index 0e74441b..0d43ca4f 100644
--- a/people/6145.html
+++ b/people/6145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6146.html b/people/6146.html
index c38d454f..b98f2ae1 100644
--- a/people/6146.html
+++ b/people/6146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6147.html b/people/6147.html
index 59a36b17..364a9d37 100644
--- a/people/6147.html
+++ b/people/6147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6148.html b/people/6148.html
index 9f56bb45..61c0b463 100644
--- a/people/6148.html
+++ b/people/6148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6149.html b/people/6149.html
index 41e42b8d..b434687d 100644
--- a/people/6149.html
+++ b/people/6149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/615.html b/people/615.html
index 87bf18ff..49b4fd2c 100644
--- a/people/615.html
+++ b/people/615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6150.html b/people/6150.html
index f67586b8..bf7c755a 100644
--- a/people/6150.html
+++ b/people/6150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6151.html b/people/6151.html
index 458178fe..1a1b9151 100644
--- a/people/6151.html
+++ b/people/6151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6152.html b/people/6152.html
index 5cdd6d3b..476d6e50 100644
--- a/people/6152.html
+++ b/people/6152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6153.html b/people/6153.html
index f9a1cceb..35a78974 100644
--- a/people/6153.html
+++ b/people/6153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6154.html b/people/6154.html
index 7e58eadb..a25ebd15 100644
--- a/people/6154.html
+++ b/people/6154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6155.html b/people/6155.html
index c78ce3d9..78cadd6c 100644
--- a/people/6155.html
+++ b/people/6155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6156.html b/people/6156.html
index f636f341..3c7b3ddd 100644
--- a/people/6156.html
+++ b/people/6156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6157.html b/people/6157.html
index b661494a..799c3c74 100644
--- a/people/6157.html
+++ b/people/6157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6158.html b/people/6158.html
index 283f939d..7251fdd3 100644
--- a/people/6158.html
+++ b/people/6158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6159.html b/people/6159.html
index 085027d1..96f501f2 100644
--- a/people/6159.html
+++ b/people/6159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/616.html b/people/616.html
index e6fa9b66..9827ffc1 100644
--- a/people/616.html
+++ b/people/616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6160.html b/people/6160.html
index 356ad082..0ae6cf67 100644
--- a/people/6160.html
+++ b/people/6160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6161.html b/people/6161.html
index b6d5c268..abd75c5e 100644
--- a/people/6161.html
+++ b/people/6161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6162.html b/people/6162.html
index e52ed5ec..6a0be32e 100644
--- a/people/6162.html
+++ b/people/6162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6163.html b/people/6163.html
index 77f7ba69..fc19acfe 100644
--- a/people/6163.html
+++ b/people/6163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6164.html b/people/6164.html
index 9a070f2e..d9e9a1c4 100644
--- a/people/6164.html
+++ b/people/6164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6165.html b/people/6165.html
index 6e1b5d01..b3879579 100644
--- a/people/6165.html
+++ b/people/6165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6166.html b/people/6166.html
index 3aad63e3..dc958bbc 100644
--- a/people/6166.html
+++ b/people/6166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6167.html b/people/6167.html
index b6cc7855..b0c90ee7 100644
--- a/people/6167.html
+++ b/people/6167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6168.html b/people/6168.html
index 858604f3..c1a88a2d 100644
--- a/people/6168.html
+++ b/people/6168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6169.html b/people/6169.html
index 323de9a4..a26042c9 100644
--- a/people/6169.html
+++ b/people/6169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/617.html b/people/617.html
index adc876c2..e8c4ad34 100644
--- a/people/617.html
+++ b/people/617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6170.html b/people/6170.html
index d0b3fba4..c10102ce 100644
--- a/people/6170.html
+++ b/people/6170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6171.html b/people/6171.html
index b374c8fb..2b8f140f 100644
--- a/people/6171.html
+++ b/people/6171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6172.html b/people/6172.html
index f3921886..4e0437a6 100644
--- a/people/6172.html
+++ b/people/6172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6173.html b/people/6173.html
index a301b336..10bf0d0a 100644
--- a/people/6173.html
+++ b/people/6173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6174.html b/people/6174.html
index b3cbe19b..31914341 100644
--- a/people/6174.html
+++ b/people/6174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6175.html b/people/6175.html
index cac6b2e8..1bb2d65b 100644
--- a/people/6175.html
+++ b/people/6175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6176.html b/people/6176.html
index 97e58f93..c7c0324f 100644
--- a/people/6176.html
+++ b/people/6176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6177.html b/people/6177.html
index dabf04ba..9040a9bb 100644
--- a/people/6177.html
+++ b/people/6177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6178.html b/people/6178.html
index f423aa48..dc342fed 100644
--- a/people/6178.html
+++ b/people/6178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6179.html b/people/6179.html
index 5772a1de..6f58b876 100644
--- a/people/6179.html
+++ b/people/6179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/618.html b/people/618.html
index cfe05269..de74d069 100644
--- a/people/618.html
+++ b/people/618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6180.html b/people/6180.html
index 47c23a71..a7291645 100644
--- a/people/6180.html
+++ b/people/6180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6181.html b/people/6181.html
index 118a6125..5b319560 100644
--- a/people/6181.html
+++ b/people/6181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6182.html b/people/6182.html
index 39d509ff..95abb285 100644
--- a/people/6182.html
+++ b/people/6182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6183.html b/people/6183.html
index 5c6e459a..7ad00770 100644
--- a/people/6183.html
+++ b/people/6183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6184.html b/people/6184.html
index 4ae8c48f..dcf11cfe 100644
--- a/people/6184.html
+++ b/people/6184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6185.html b/people/6185.html
index 643073f9..41c0cfcc 100644
--- a/people/6185.html
+++ b/people/6185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6186.html b/people/6186.html
index 62e00a85..ed0aabb5 100644
--- a/people/6186.html
+++ b/people/6186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6187.html b/people/6187.html
index 29b5ec00..820b3efe 100644
--- a/people/6187.html
+++ b/people/6187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6188.html b/people/6188.html
index a6b31f66..aa9ee56b 100644
--- a/people/6188.html
+++ b/people/6188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6189.html b/people/6189.html
index a8c43671..6ee730a4 100644
--- a/people/6189.html
+++ b/people/6189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/619.html b/people/619.html
index 8bc507e4..c7ce62c8 100644
--- a/people/619.html
+++ b/people/619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6190.html b/people/6190.html
index 6c6b37c3..f7f06574 100644
--- a/people/6190.html
+++ b/people/6190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6191.html b/people/6191.html
index b1968989..b6f27f9f 100644
--- a/people/6191.html
+++ b/people/6191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6192.html b/people/6192.html
index 0095cfe8..50ee71b1 100644
--- a/people/6192.html
+++ b/people/6192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6193.html b/people/6193.html
index 64351b45..a471117b 100644
--- a/people/6193.html
+++ b/people/6193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6194.html b/people/6194.html
index 831722df..6b238e21 100644
--- a/people/6194.html
+++ b/people/6194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6195.html b/people/6195.html
index 8e24c21e..8acd4821 100644
--- a/people/6195.html
+++ b/people/6195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6196.html b/people/6196.html
index f23ace5c..cd28594d 100644
--- a/people/6196.html
+++ b/people/6196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6197.html b/people/6197.html
index a56d7e7d..9580c084 100644
--- a/people/6197.html
+++ b/people/6197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6198.html b/people/6198.html
index 4d614b6f..f9051efe 100644
--- a/people/6198.html
+++ b/people/6198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6199.html b/people/6199.html
index 4674cbab..57ec4101 100644
--- a/people/6199.html
+++ b/people/6199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/62.html b/people/62.html
index 45aa3eaf..680521e3 100644
--- a/people/62.html
+++ b/people/62.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/620.html b/people/620.html
index 0a9e4813..429befd2 100644
--- a/people/620.html
+++ b/people/620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6200.html b/people/6200.html
index 9c05106d..f6800a67 100644
--- a/people/6200.html
+++ b/people/6200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6201.html b/people/6201.html
index 46372c0d..e02cdb13 100644
--- a/people/6201.html
+++ b/people/6201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6202.html b/people/6202.html
index a8a859d4..7383bd2c 100644
--- a/people/6202.html
+++ b/people/6202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6203.html b/people/6203.html
index fc85756e..9d4fe9c6 100644
--- a/people/6203.html
+++ b/people/6203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6204.html b/people/6204.html
index c68cb4a0..60a328c7 100644
--- a/people/6204.html
+++ b/people/6204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6205.html b/people/6205.html
index 8ae33f00..a364038d 100644
--- a/people/6205.html
+++ b/people/6205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6206.html b/people/6206.html
index 1dd9aa94..33f09909 100644
--- a/people/6206.html
+++ b/people/6206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6207.html b/people/6207.html
index 1dd1e046..5da17652 100644
--- a/people/6207.html
+++ b/people/6207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6208.html b/people/6208.html
index d4f077b7..6e14a504 100644
--- a/people/6208.html
+++ b/people/6208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6209.html b/people/6209.html
index 50ef7a3d..754847d5 100644
--- a/people/6209.html
+++ b/people/6209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/621.html b/people/621.html
index 1f969863..aa987b8b 100644
--- a/people/621.html
+++ b/people/621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6210.html b/people/6210.html
index e3bd6747..69a14131 100644
--- a/people/6210.html
+++ b/people/6210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6211.html b/people/6211.html
index 2727b0a3..92a0937e 100644
--- a/people/6211.html
+++ b/people/6211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6212.html b/people/6212.html
index 3b391faa..db084c8f 100644
--- a/people/6212.html
+++ b/people/6212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6213.html b/people/6213.html
index 3091eca8..1a64d10d 100644
--- a/people/6213.html
+++ b/people/6213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6214.html b/people/6214.html
index 466fb0bb..442c846b 100644
--- a/people/6214.html
+++ b/people/6214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6215.html b/people/6215.html
index 216c77ea..a35e7df7 100644
--- a/people/6215.html
+++ b/people/6215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6216.html b/people/6216.html
index a8932288..8afe0be7 100644
--- a/people/6216.html
+++ b/people/6216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6217.html b/people/6217.html
index 69e699f4..480b6014 100644
--- a/people/6217.html
+++ b/people/6217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6218.html b/people/6218.html
index 4d2fb0ac..6e028b02 100644
--- a/people/6218.html
+++ b/people/6218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6219.html b/people/6219.html
index e9f5bd67..2fc7a073 100644
--- a/people/6219.html
+++ b/people/6219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/622.html b/people/622.html
index e2557d0b..91ebd431 100644
--- a/people/622.html
+++ b/people/622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6220.html b/people/6220.html
index 75fe0e11..beafc4c6 100644
--- a/people/6220.html
+++ b/people/6220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6221.html b/people/6221.html
index cb5f3662..0db3a6a4 100644
--- a/people/6221.html
+++ b/people/6221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6222.html b/people/6222.html
index 0e408014..5bc3a1dc 100644
--- a/people/6222.html
+++ b/people/6222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6223.html b/people/6223.html
index bf11483b..02868906 100644
--- a/people/6223.html
+++ b/people/6223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6224.html b/people/6224.html
index 665611bc..25c7a1f8 100644
--- a/people/6224.html
+++ b/people/6224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6225.html b/people/6225.html
index 9a1be423..c6f85fbb 100644
--- a/people/6225.html
+++ b/people/6225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6226.html b/people/6226.html
index 63e8bc96..affcb04e 100644
--- a/people/6226.html
+++ b/people/6226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6227.html b/people/6227.html
index 74a18922..4d5806bf 100644
--- a/people/6227.html
+++ b/people/6227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6228.html b/people/6228.html
index 246a6e1e..7f6718cb 100644
--- a/people/6228.html
+++ b/people/6228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6229.html b/people/6229.html
index b32f220f..4ac77294 100644
--- a/people/6229.html
+++ b/people/6229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/623.html b/people/623.html
index 0f44a526..a6e32e6d 100644
--- a/people/623.html
+++ b/people/623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6230.html b/people/6230.html
index 0d69073d..d829ea3e 100644
--- a/people/6230.html
+++ b/people/6230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6231.html b/people/6231.html
index 1fa20cf6..005d20a8 100644
--- a/people/6231.html
+++ b/people/6231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6232.html b/people/6232.html
index 8fda2f8b..4bde585e 100644
--- a/people/6232.html
+++ b/people/6232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6233.html b/people/6233.html
index 078efb74..c42fc4d5 100644
--- a/people/6233.html
+++ b/people/6233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6234.html b/people/6234.html
index 1b2455ae..c6230123 100644
--- a/people/6234.html
+++ b/people/6234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6235.html b/people/6235.html
index cd4c5fc3..df7e2d21 100644
--- a/people/6235.html
+++ b/people/6235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6236.html b/people/6236.html
index cc135c5e..be2e5df7 100644
--- a/people/6236.html
+++ b/people/6236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6237.html b/people/6237.html
index 66d553d8..5f48c823 100644
--- a/people/6237.html
+++ b/people/6237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6238.html b/people/6238.html
index a3da8abf..cae5bb68 100644
--- a/people/6238.html
+++ b/people/6238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6239.html b/people/6239.html
index a40b0e01..436e0534 100644
--- a/people/6239.html
+++ b/people/6239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6240.html b/people/6240.html
index 3f883823..43d4fbff 100644
--- a/people/6240.html
+++ b/people/6240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6241.html b/people/6241.html
index 875b8b7d..664aab2f 100644
--- a/people/6241.html
+++ b/people/6241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6242.html b/people/6242.html
index 365953a6..a3db1b3d 100644
--- a/people/6242.html
+++ b/people/6242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6243.html b/people/6243.html
index ef847c11..4815f7d0 100644
--- a/people/6243.html
+++ b/people/6243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6244.html b/people/6244.html
index 2c72e86d..8e0cfb56 100644
--- a/people/6244.html
+++ b/people/6244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6245.html b/people/6245.html
index c24650e8..5fd57bcc 100644
--- a/people/6245.html
+++ b/people/6245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6246.html b/people/6246.html
index a02e4d62..5500d09e 100644
--- a/people/6246.html
+++ b/people/6246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6247.html b/people/6247.html
index 2b5b606f..4197ba00 100644
--- a/people/6247.html
+++ b/people/6247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6248.html b/people/6248.html
index f919f0c8..36c8f061 100644
--- a/people/6248.html
+++ b/people/6248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6249.html b/people/6249.html
index eadc1ef1..3b59467d 100644
--- a/people/6249.html
+++ b/people/6249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/625.html b/people/625.html
index 438622e5..680eb390 100644
--- a/people/625.html
+++ b/people/625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6250.html b/people/6250.html
index 71b0e252..8db5b30b 100644
--- a/people/6250.html
+++ b/people/6250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6251.html b/people/6251.html
index f6758d09..8c4acfdb 100644
--- a/people/6251.html
+++ b/people/6251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6252.html b/people/6252.html
index f41343d9..2ebc3476 100644
--- a/people/6252.html
+++ b/people/6252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6253.html b/people/6253.html
index a3a20a94..d04deab7 100644
--- a/people/6253.html
+++ b/people/6253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6254.html b/people/6254.html
index 7d10cb47..e81e9ec4 100644
--- a/people/6254.html
+++ b/people/6254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6255.html b/people/6255.html
index 195d246e..17019204 100644
--- a/people/6255.html
+++ b/people/6255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6256.html b/people/6256.html
index a7250314..5a823948 100644
--- a/people/6256.html
+++ b/people/6256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6257.html b/people/6257.html
index 6521be77..4ae7aecd 100644
--- a/people/6257.html
+++ b/people/6257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6258.html b/people/6258.html
index 6d4f98c2..aea7447b 100644
--- a/people/6258.html
+++ b/people/6258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6259.html b/people/6259.html
index 534bfaee..3f57cd95 100644
--- a/people/6259.html
+++ b/people/6259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/626.html b/people/626.html
index de1f0d16..2b664635 100644
--- a/people/626.html
+++ b/people/626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6260.html b/people/6260.html
index b89fb9a4..01217794 100644
--- a/people/6260.html
+++ b/people/6260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6261.html b/people/6261.html
index 0181de4c..7934b026 100644
--- a/people/6261.html
+++ b/people/6261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6262.html b/people/6262.html
index 6516059c..3c7ce7f7 100644
--- a/people/6262.html
+++ b/people/6262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6263.html b/people/6263.html
index 3cfa2557..9d93bfa3 100644
--- a/people/6263.html
+++ b/people/6263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6264.html b/people/6264.html
index 038b2b43..2ec95bef 100644
--- a/people/6264.html
+++ b/people/6264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6265.html b/people/6265.html
index e84113ec..e673f18f 100644
--- a/people/6265.html
+++ b/people/6265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6266.html b/people/6266.html
index 9dec2815..f6b42f8e 100644
--- a/people/6266.html
+++ b/people/6266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6267.html b/people/6267.html
index e150ec35..f755b615 100644
--- a/people/6267.html
+++ b/people/6267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6268.html b/people/6268.html
index 30164c27..af0a2000 100644
--- a/people/6268.html
+++ b/people/6268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6269.html b/people/6269.html
index fa501c18..56b6048a 100644
--- a/people/6269.html
+++ b/people/6269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/627.html b/people/627.html
index db9d3e6d..2cc7f6ee 100644
--- a/people/627.html
+++ b/people/627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6270.html b/people/6270.html
index 22e52997..e2f0f898 100644
--- a/people/6270.html
+++ b/people/6270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6271.html b/people/6271.html
index 75596fb0..298184cb 100644
--- a/people/6271.html
+++ b/people/6271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6272.html b/people/6272.html
index 80dcc0e8..4d65bc70 100644
--- a/people/6272.html
+++ b/people/6272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6273.html b/people/6273.html
index 69070749..061278ef 100644
--- a/people/6273.html
+++ b/people/6273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6274.html b/people/6274.html
index 0fe9b473..68b20415 100644
--- a/people/6274.html
+++ b/people/6274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6275.html b/people/6275.html
index 97ff4266..10a0c229 100644
--- a/people/6275.html
+++ b/people/6275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6276.html b/people/6276.html
index 9a647e0c..2bc4d763 100644
--- a/people/6276.html
+++ b/people/6276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6277.html b/people/6277.html
index 0f178876..1619b621 100644
--- a/people/6277.html
+++ b/people/6277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6278.html b/people/6278.html
index 1b2b1d84..5afe716e 100644
--- a/people/6278.html
+++ b/people/6278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6279.html b/people/6279.html
index 25d1bcdc..2d9c50df 100644
--- a/people/6279.html
+++ b/people/6279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/628.html b/people/628.html
index 29e54cc9..d2627a93 100644
--- a/people/628.html
+++ b/people/628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6280.html b/people/6280.html
index 747dab81..ef8b0234 100644
--- a/people/6280.html
+++ b/people/6280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6281.html b/people/6281.html
index f69f1640..1b7a616d 100644
--- a/people/6281.html
+++ b/people/6281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6282.html b/people/6282.html
index f069cc8b..08e209b3 100644
--- a/people/6282.html
+++ b/people/6282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6283.html b/people/6283.html
index 5a298b5d..e5376937 100644
--- a/people/6283.html
+++ b/people/6283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6284.html b/people/6284.html
index 83eb6986..9e85a210 100644
--- a/people/6284.html
+++ b/people/6284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6285.html b/people/6285.html
index bf039873..3c24ec54 100644
--- a/people/6285.html
+++ b/people/6285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6286.html b/people/6286.html
index ab2fa4be..dacab9b3 100644
--- a/people/6286.html
+++ b/people/6286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6287.html b/people/6287.html
index d3bf7e9f..11c0e62c 100644
--- a/people/6287.html
+++ b/people/6287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6288.html b/people/6288.html
index 3130f0e8..f53866b9 100644
--- a/people/6288.html
+++ b/people/6288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6289.html b/people/6289.html
index f00b2817..39b103e2 100644
--- a/people/6289.html
+++ b/people/6289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/629.html b/people/629.html
index 486ea486..cd21e65b 100644
--- a/people/629.html
+++ b/people/629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6290.html b/people/6290.html
index 6e29d2c6..9442b0f4 100644
--- a/people/6290.html
+++ b/people/6290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6291.html b/people/6291.html
index 0669f6e3..6661f977 100644
--- a/people/6291.html
+++ b/people/6291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6292.html b/people/6292.html
index 6002fdaa..90a47ec9 100644
--- a/people/6292.html
+++ b/people/6292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6293.html b/people/6293.html
index df8a05d5..d5f50038 100644
--- a/people/6293.html
+++ b/people/6293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6294.html b/people/6294.html
index f5eb35ec..eb2dfa9b 100644
--- a/people/6294.html
+++ b/people/6294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6295.html b/people/6295.html
index 8c318369..d4e3bf82 100644
--- a/people/6295.html
+++ b/people/6295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6296.html b/people/6296.html
index b75a3aae..bc705e87 100644
--- a/people/6296.html
+++ b/people/6296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6297.html b/people/6297.html
index 081355bb..09e03550 100644
--- a/people/6297.html
+++ b/people/6297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6298.html b/people/6298.html
index 3d051ae0..9c203f0c 100644
--- a/people/6298.html
+++ b/people/6298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6299.html b/people/6299.html
index a86ecd00..7682737a 100644
--- a/people/6299.html
+++ b/people/6299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/63.html b/people/63.html
index aff11914..1783fef2 100644
--- a/people/63.html
+++ b/people/63.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/630.html b/people/630.html
index a3af884b..a546282f 100644
--- a/people/630.html
+++ b/people/630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6300.html b/people/6300.html
index 5dfec688..4da172ae 100644
--- a/people/6300.html
+++ b/people/6300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6301.html b/people/6301.html
index 8c328f5a..dafdaece 100644
--- a/people/6301.html
+++ b/people/6301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6302.html b/people/6302.html
index 3e34d999..d8075cc9 100644
--- a/people/6302.html
+++ b/people/6302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6303.html b/people/6303.html
index 26b4cfbd..414758c4 100644
--- a/people/6303.html
+++ b/people/6303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6304.html b/people/6304.html
index 29ab480d..c9bae9d6 100644
--- a/people/6304.html
+++ b/people/6304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6305.html b/people/6305.html
index 81bfef73..5def51d0 100644
--- a/people/6305.html
+++ b/people/6305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6306.html b/people/6306.html
index e2a09aa5..5928df86 100644
--- a/people/6306.html
+++ b/people/6306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6307.html b/people/6307.html
index 152a0b94..44587e53 100644
--- a/people/6307.html
+++ b/people/6307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6308.html b/people/6308.html
index 6c5e13aa..8022597c 100644
--- a/people/6308.html
+++ b/people/6308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6309.html b/people/6309.html
index ccf31197..aa245039 100644
--- a/people/6309.html
+++ b/people/6309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/631.html b/people/631.html
index ff1b084b..e05321de 100644
--- a/people/631.html
+++ b/people/631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6310.html b/people/6310.html
index 64f99bb2..f115a3bf 100644
--- a/people/6310.html
+++ b/people/6310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6311.html b/people/6311.html
index 0dc368ac..5c6a356a 100644
--- a/people/6311.html
+++ b/people/6311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6312.html b/people/6312.html
index d706b1e9..80bbb5b4 100644
--- a/people/6312.html
+++ b/people/6312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6313.html b/people/6313.html
index 48d31cca..9d72069f 100644
--- a/people/6313.html
+++ b/people/6313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6314.html b/people/6314.html
index 65c235dc..746d6895 100644
--- a/people/6314.html
+++ b/people/6314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6315.html b/people/6315.html
index ce585096..62686026 100644
--- a/people/6315.html
+++ b/people/6315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6316.html b/people/6316.html
index c89cd73f..7853a0e3 100644
--- a/people/6316.html
+++ b/people/6316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6317.html b/people/6317.html
index 95129e74..2e69d9e2 100644
--- a/people/6317.html
+++ b/people/6317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6318.html b/people/6318.html
index f6101a77..8b2edfcf 100644
--- a/people/6318.html
+++ b/people/6318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6319.html b/people/6319.html
index 2c3af723..3ea7c1c5 100644
--- a/people/6319.html
+++ b/people/6319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/632.html b/people/632.html
index bdd11676..f88f76bb 100644
--- a/people/632.html
+++ b/people/632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6320.html b/people/6320.html
index fc11261c..b728e4c9 100644
--- a/people/6320.html
+++ b/people/6320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6321.html b/people/6321.html
index 54c987f7..1d00d7cf 100644
--- a/people/6321.html
+++ b/people/6321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6322.html b/people/6322.html
index 1798168b..55a84d21 100644
--- a/people/6322.html
+++ b/people/6322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6323.html b/people/6323.html
index e30f7154..a43d5485 100644
--- a/people/6323.html
+++ b/people/6323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6324.html b/people/6324.html
index 89be4707..8560a316 100644
--- a/people/6324.html
+++ b/people/6324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6325.html b/people/6325.html
index 5ba25006..35b9947e 100644
--- a/people/6325.html
+++ b/people/6325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6326.html b/people/6326.html
index 826568f3..6789af3a 100644
--- a/people/6326.html
+++ b/people/6326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6327.html b/people/6327.html
index ecd951b2..fcaed1b1 100644
--- a/people/6327.html
+++ b/people/6327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6328.html b/people/6328.html
index a0124141..397bbf60 100644
--- a/people/6328.html
+++ b/people/6328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6329.html b/people/6329.html
index 39ae8246..17e72c4b 100644
--- a/people/6329.html
+++ b/people/6329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/633.html b/people/633.html
index 0ebdced6..835aa2bb 100644
--- a/people/633.html
+++ b/people/633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6330.html b/people/6330.html
index e4423a19..4916ec5b 100644
--- a/people/6330.html
+++ b/people/6330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6331.html b/people/6331.html
index 8ae86dde..5ea85efb 100644
--- a/people/6331.html
+++ b/people/6331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6332.html b/people/6332.html
index 27f3ee5a..151e11a7 100644
--- a/people/6332.html
+++ b/people/6332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6333.html b/people/6333.html
index 5c22e091..d47f4b62 100644
--- a/people/6333.html
+++ b/people/6333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6334.html b/people/6334.html
index 2ccbaac6..70984411 100644
--- a/people/6334.html
+++ b/people/6334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6335.html b/people/6335.html
index d2553e13..3c7f6e3d 100644
--- a/people/6335.html
+++ b/people/6335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6336.html b/people/6336.html
index 9a3cbd56..7a9e8786 100644
--- a/people/6336.html
+++ b/people/6336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6337.html b/people/6337.html
index cd31625b..c658ba40 100644
--- a/people/6337.html
+++ b/people/6337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6338.html b/people/6338.html
index 797358d5..b33ceac5 100644
--- a/people/6338.html
+++ b/people/6338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6339.html b/people/6339.html
index 4c7a62b8..2bb2760c 100644
--- a/people/6339.html
+++ b/people/6339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/634.html b/people/634.html
index 8f7192c0..b8521ef1 100644
--- a/people/634.html
+++ b/people/634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6340.html b/people/6340.html
index bfd54872..27cef5f2 100644
--- a/people/6340.html
+++ b/people/6340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6341.html b/people/6341.html
index a1cffdfe..3a442f9c 100644
--- a/people/6341.html
+++ b/people/6341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6342.html b/people/6342.html
index a5a97e18..ca434927 100644
--- a/people/6342.html
+++ b/people/6342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6343.html b/people/6343.html
index 1b5ee8a1..035fe399 100644
--- a/people/6343.html
+++ b/people/6343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6344.html b/people/6344.html
index 0e209e03..cea2b20b 100644
--- a/people/6344.html
+++ b/people/6344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6345.html b/people/6345.html
index 6f938a14..1b94e4c1 100644
--- a/people/6345.html
+++ b/people/6345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6346.html b/people/6346.html
index 89179d4b..ef06e3b4 100644
--- a/people/6346.html
+++ b/people/6346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6347.html b/people/6347.html
index bc6ac6fb..55644e6e 100644
--- a/people/6347.html
+++ b/people/6347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6348.html b/people/6348.html
index 4d78e75e..98cda935 100644
--- a/people/6348.html
+++ b/people/6348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6349.html b/people/6349.html
index 13afaa5c..2b0a7aca 100644
--- a/people/6349.html
+++ b/people/6349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/635.html b/people/635.html
index 8d090950..f96f7582 100644
--- a/people/635.html
+++ b/people/635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6350.html b/people/6350.html
index eaf8a58f..b3683644 100644
--- a/people/6350.html
+++ b/people/6350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6351.html b/people/6351.html
index a147c03a..2713e8e8 100644
--- a/people/6351.html
+++ b/people/6351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6352.html b/people/6352.html
index 3be81c43..3c3f7ddd 100644
--- a/people/6352.html
+++ b/people/6352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6353.html b/people/6353.html
index 8001add4..700909b3 100644
--- a/people/6353.html
+++ b/people/6353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6354.html b/people/6354.html
index ca2d6c5c..125076db 100644
--- a/people/6354.html
+++ b/people/6354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6355.html b/people/6355.html
index 49b030c9..40d46769 100644
--- a/people/6355.html
+++ b/people/6355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6356.html b/people/6356.html
index e18e830f..8dd1f045 100644
--- a/people/6356.html
+++ b/people/6356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6357.html b/people/6357.html
index 532c3396..81512115 100644
--- a/people/6357.html
+++ b/people/6357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6358.html b/people/6358.html
index 0fb73bce..a45ec25a 100644
--- a/people/6358.html
+++ b/people/6358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6359.html b/people/6359.html
index 393d583a..3ae9233f 100644
--- a/people/6359.html
+++ b/people/6359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/636.html b/people/636.html
index 10c07511..79e1710a 100644
--- a/people/636.html
+++ b/people/636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6360.html b/people/6360.html
index 433c31e5..dcf96b31 100644
--- a/people/6360.html
+++ b/people/6360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6361.html b/people/6361.html
index 9f3a85c5..92f305eb 100644
--- a/people/6361.html
+++ b/people/6361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6362.html b/people/6362.html
index f8e1b41d..beba0499 100644
--- a/people/6362.html
+++ b/people/6362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6363.html b/people/6363.html
index 4b846d38..8be2d7ab 100644
--- a/people/6363.html
+++ b/people/6363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6364.html b/people/6364.html
index d9a80dd0..0091a59b 100644
--- a/people/6364.html
+++ b/people/6364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6365.html b/people/6365.html
index 731b9733..13b7d28e 100644
--- a/people/6365.html
+++ b/people/6365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6366.html b/people/6366.html
index 3f78595f..e2f85f95 100644
--- a/people/6366.html
+++ b/people/6366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6367.html b/people/6367.html
index 32e73204..7ecb924e 100644
--- a/people/6367.html
+++ b/people/6367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6368.html b/people/6368.html
index 1511ea29..f0731fb4 100644
--- a/people/6368.html
+++ b/people/6368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6369.html b/people/6369.html
index 1a6566e3..f5963a86 100644
--- a/people/6369.html
+++ b/people/6369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/637.html b/people/637.html
index 24771e72..b2fb7d97 100644
--- a/people/637.html
+++ b/people/637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6370.html b/people/6370.html
index c33e9d8d..c5ce18a5 100644
--- a/people/6370.html
+++ b/people/6370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6371.html b/people/6371.html
index a3621181..a272071c 100644
--- a/people/6371.html
+++ b/people/6371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6372.html b/people/6372.html
index 72a63a6b..94262fa9 100644
--- a/people/6372.html
+++ b/people/6372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6373.html b/people/6373.html
index 59827b4c..9d57830b 100644
--- a/people/6373.html
+++ b/people/6373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6374.html b/people/6374.html
index 6db5b24d..01f41e74 100644
--- a/people/6374.html
+++ b/people/6374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6375.html b/people/6375.html
index d2498ade..c8da2f6f 100644
--- a/people/6375.html
+++ b/people/6375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6376.html b/people/6376.html
index 8746b1a2..161dd068 100644
--- a/people/6376.html
+++ b/people/6376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6377.html b/people/6377.html
index ddd3dae5..0b108b4e 100644
--- a/people/6377.html
+++ b/people/6377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6378.html b/people/6378.html
index d0f5e00d..6c140063 100644
--- a/people/6378.html
+++ b/people/6378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6379.html b/people/6379.html
index 133dc27b..55296cbd 100644
--- a/people/6379.html
+++ b/people/6379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/638.html b/people/638.html
index c62658e6..1b851cd1 100644
--- a/people/638.html
+++ b/people/638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6380.html b/people/6380.html
index e6f03a31..9218e1f1 100644
--- a/people/6380.html
+++ b/people/6380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6381.html b/people/6381.html
index b6300ace..58de1888 100644
--- a/people/6381.html
+++ b/people/6381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6382.html b/people/6382.html
index 726afc22..edd71a19 100644
--- a/people/6382.html
+++ b/people/6382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6383.html b/people/6383.html
index 0fd266b5..8760ed89 100644
--- a/people/6383.html
+++ b/people/6383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6384.html b/people/6384.html
index 821d0347..45b5c75b 100644
--- a/people/6384.html
+++ b/people/6384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6385.html b/people/6385.html
index ce4e0f63..b078d077 100644
--- a/people/6385.html
+++ b/people/6385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6386.html b/people/6386.html
index 6703fb4a..f394f778 100644
--- a/people/6386.html
+++ b/people/6386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6387.html b/people/6387.html
index fef3e847..a54a14a2 100644
--- a/people/6387.html
+++ b/people/6387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6388.html b/people/6388.html
index 0b9fb51b..f1e999ae 100644
--- a/people/6388.html
+++ b/people/6388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6389.html b/people/6389.html
index c71e1e83..dd400f32 100644
--- a/people/6389.html
+++ b/people/6389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/639.html b/people/639.html
index 138b22e3..02fa9fd0 100644
--- a/people/639.html
+++ b/people/639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6390.html b/people/6390.html
index 5441eacc..7af8a27d 100644
--- a/people/6390.html
+++ b/people/6390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6391.html b/people/6391.html
index 2a08dc33..0c384381 100644
--- a/people/6391.html
+++ b/people/6391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6392.html b/people/6392.html
index 981262c5..19a050f6 100644
--- a/people/6392.html
+++ b/people/6392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6393.html b/people/6393.html
index 3c769323..03d489da 100644
--- a/people/6393.html
+++ b/people/6393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6394.html b/people/6394.html
index e621b828..b7998641 100644
--- a/people/6394.html
+++ b/people/6394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6395.html b/people/6395.html
index 79bcca20..412c35c0 100644
--- a/people/6395.html
+++ b/people/6395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6396.html b/people/6396.html
index 1265b03d..9c7dd31d 100644
--- a/people/6396.html
+++ b/people/6396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6397.html b/people/6397.html
index 2edda8a1..3f71c9bf 100644
--- a/people/6397.html
+++ b/people/6397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6398.html b/people/6398.html
index 386f6cc1..1fea828a 100644
--- a/people/6398.html
+++ b/people/6398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6399.html b/people/6399.html
index 66a6500a..a8c82f76 100644
--- a/people/6399.html
+++ b/people/6399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/64.html b/people/64.html
index 48000d32..79c177ab 100644
--- a/people/64.html
+++ b/people/64.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/640.html b/people/640.html
index 3f99de3d..b25ee5c9 100644
--- a/people/640.html
+++ b/people/640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6400.html b/people/6400.html
index 2dd513c9..9c013b63 100644
--- a/people/6400.html
+++ b/people/6400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6401.html b/people/6401.html
index 5f9ebc7e..0405eacc 100644
--- a/people/6401.html
+++ b/people/6401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6402.html b/people/6402.html
index 3457fb37..1116b9c7 100644
--- a/people/6402.html
+++ b/people/6402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6403.html b/people/6403.html
index 3220d8aa..2c9c36cb 100644
--- a/people/6403.html
+++ b/people/6403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6404.html b/people/6404.html
index a0fd4b7f..e340a4f4 100644
--- a/people/6404.html
+++ b/people/6404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6405.html b/people/6405.html
index 29d599b8..873c7b9e 100644
--- a/people/6405.html
+++ b/people/6405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6406.html b/people/6406.html
index e4ab5fc1..12def7c4 100644
--- a/people/6406.html
+++ b/people/6406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6407.html b/people/6407.html
index e3bdf057..1efd3bba 100644
--- a/people/6407.html
+++ b/people/6407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6408.html b/people/6408.html
index 65f8eb03..0a59c4aa 100644
--- a/people/6408.html
+++ b/people/6408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6409.html b/people/6409.html
index 56408f3f..2233a757 100644
--- a/people/6409.html
+++ b/people/6409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/641.html b/people/641.html
index bc600d81..d8886698 100644
--- a/people/641.html
+++ b/people/641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6410.html b/people/6410.html
index 1db81ef8..9443da59 100644
--- a/people/6410.html
+++ b/people/6410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6411.html b/people/6411.html
index 66345ae3..738e468a 100644
--- a/people/6411.html
+++ b/people/6411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6412.html b/people/6412.html
index db3599eb..68287778 100644
--- a/people/6412.html
+++ b/people/6412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6413.html b/people/6413.html
index 929175fe..f40d0246 100644
--- a/people/6413.html
+++ b/people/6413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6414.html b/people/6414.html
index f1e122ca..b44a66b7 100644
--- a/people/6414.html
+++ b/people/6414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6415.html b/people/6415.html
index 336583c9..e0619527 100644
--- a/people/6415.html
+++ b/people/6415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6416.html b/people/6416.html
index bc6520f6..ed520035 100644
--- a/people/6416.html
+++ b/people/6416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6417.html b/people/6417.html
index d120ded4..29add144 100644
--- a/people/6417.html
+++ b/people/6417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6418.html b/people/6418.html
index c69999a9..09bc712b 100644
--- a/people/6418.html
+++ b/people/6418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6419.html b/people/6419.html
index 61d72c5e..e57b0a65 100644
--- a/people/6419.html
+++ b/people/6419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/642.html b/people/642.html
index bc00a65a..be16bcaa 100644
--- a/people/642.html
+++ b/people/642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6420.html b/people/6420.html
index 3fa41409..abbe8c6c 100644
--- a/people/6420.html
+++ b/people/6420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6421.html b/people/6421.html
index 917924d2..5685c92a 100644
--- a/people/6421.html
+++ b/people/6421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6422.html b/people/6422.html
index 70c8ceb8..bb3b2e9f 100644
--- a/people/6422.html
+++ b/people/6422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6423.html b/people/6423.html
index 0a37f8ee..ce9b7f89 100644
--- a/people/6423.html
+++ b/people/6423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6424.html b/people/6424.html
index 0d93a7d2..aee7d191 100644
--- a/people/6424.html
+++ b/people/6424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6425.html b/people/6425.html
index 54a5654a..0776de14 100644
--- a/people/6425.html
+++ b/people/6425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6426.html b/people/6426.html
index e0927929..7ddcb283 100644
--- a/people/6426.html
+++ b/people/6426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6427.html b/people/6427.html
index a51e09de..985b048b 100644
--- a/people/6427.html
+++ b/people/6427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6428.html b/people/6428.html
index c519105c..a5dc69ef 100644
--- a/people/6428.html
+++ b/people/6428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6429.html b/people/6429.html
index 3af00440..23d9092f 100644
--- a/people/6429.html
+++ b/people/6429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/643.html b/people/643.html
index f921694a..af9c4498 100644
--- a/people/643.html
+++ b/people/643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6430.html b/people/6430.html
index 953bffee..9c34835d 100644
--- a/people/6430.html
+++ b/people/6430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6431.html b/people/6431.html
index 6643a68c..31023862 100644
--- a/people/6431.html
+++ b/people/6431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6432.html b/people/6432.html
index 3272d8ca..6a4eba6f 100644
--- a/people/6432.html
+++ b/people/6432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6433.html b/people/6433.html
index c49e9352..c1e2adcc 100644
--- a/people/6433.html
+++ b/people/6433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6434.html b/people/6434.html
index 6a8d0077..c0b0ab58 100644
--- a/people/6434.html
+++ b/people/6434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6435.html b/people/6435.html
index dcdbf8d8..61fcd475 100644
--- a/people/6435.html
+++ b/people/6435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6436.html b/people/6436.html
index cec98dca..b608306b 100644
--- a/people/6436.html
+++ b/people/6436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6437.html b/people/6437.html
index 4b1dba57..18012673 100644
--- a/people/6437.html
+++ b/people/6437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6438.html b/people/6438.html
index f2d8c44e..99ce32bd 100644
--- a/people/6438.html
+++ b/people/6438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6439.html b/people/6439.html
index 1938fc0d..319de112 100644
--- a/people/6439.html
+++ b/people/6439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/644.html b/people/644.html
index 1a9cddda..dbfb3d16 100644
--- a/people/644.html
+++ b/people/644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6440.html b/people/6440.html
index cc96ae0f..799f3129 100644
--- a/people/6440.html
+++ b/people/6440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6441.html b/people/6441.html
index 27e4f6eb..c158ffad 100644
--- a/people/6441.html
+++ b/people/6441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6442.html b/people/6442.html
index bb1c4d8a..8a4ee173 100644
--- a/people/6442.html
+++ b/people/6442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6443.html b/people/6443.html
index 803a4818..f3582a0d 100644
--- a/people/6443.html
+++ b/people/6443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6444.html b/people/6444.html
index b39935e8..73376021 100644
--- a/people/6444.html
+++ b/people/6444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6445.html b/people/6445.html
index 06c1f425..1e867a73 100644
--- a/people/6445.html
+++ b/people/6445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6446.html b/people/6446.html
index 6a5c9d3d..264a33e5 100644
--- a/people/6446.html
+++ b/people/6446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6447.html b/people/6447.html
index 73da963d..0ec9778c 100644
--- a/people/6447.html
+++ b/people/6447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6448.html b/people/6448.html
index c8c4d72e..e7a4d5d4 100644
--- a/people/6448.html
+++ b/people/6448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6449.html b/people/6449.html
index 3812b0dd..528e2c51 100644
--- a/people/6449.html
+++ b/people/6449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/645.html b/people/645.html
index 7ef69a3b..c3474d09 100644
--- a/people/645.html
+++ b/people/645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6450.html b/people/6450.html
index 8eb37a1a..d5695b12 100644
--- a/people/6450.html
+++ b/people/6450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6451.html b/people/6451.html
index d8233edb..c4b2929c 100644
--- a/people/6451.html
+++ b/people/6451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6452.html b/people/6452.html
index 65a644f1..76277b55 100644
--- a/people/6452.html
+++ b/people/6452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6453.html b/people/6453.html
index 91cb6fb4..9bf4054d 100644
--- a/people/6453.html
+++ b/people/6453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6454.html b/people/6454.html
index 50ed5bd1..d8ff06c7 100644
--- a/people/6454.html
+++ b/people/6454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6455.html b/people/6455.html
index 3d09d5da..9cc5197a 100644
--- a/people/6455.html
+++ b/people/6455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6456.html b/people/6456.html
index 2fb23968..6e87f5e4 100644
--- a/people/6456.html
+++ b/people/6456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6457.html b/people/6457.html
index d41b85ad..3e2cf9f6 100644
--- a/people/6457.html
+++ b/people/6457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6458.html b/people/6458.html
index c43325e6..dc5e36d0 100644
--- a/people/6458.html
+++ b/people/6458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6459.html b/people/6459.html
index 0d318b7e..32b0436a 100644
--- a/people/6459.html
+++ b/people/6459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/646.html b/people/646.html
index 1979c538..6905097e 100644
--- a/people/646.html
+++ b/people/646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6460.html b/people/6460.html
index 2747497e..9efef935 100644
--- a/people/6460.html
+++ b/people/6460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6461.html b/people/6461.html
index ba6f647e..e3730572 100644
--- a/people/6461.html
+++ b/people/6461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6462.html b/people/6462.html
index 50caded0..31a98e74 100644
--- a/people/6462.html
+++ b/people/6462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6463.html b/people/6463.html
index 56f0db6b..615ee52c 100644
--- a/people/6463.html
+++ b/people/6463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6464.html b/people/6464.html
index 3b8a3633..45c4e187 100644
--- a/people/6464.html
+++ b/people/6464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6465.html b/people/6465.html
index d2f2cbc6..c628ee94 100644
--- a/people/6465.html
+++ b/people/6465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6466.html b/people/6466.html
index 6b26c620..127fa1ee 100644
--- a/people/6466.html
+++ b/people/6466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6467.html b/people/6467.html
index 805ce09f..928d33ab 100644
--- a/people/6467.html
+++ b/people/6467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6468.html b/people/6468.html
index 198439ff..49bd395f 100644
--- a/people/6468.html
+++ b/people/6468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6469.html b/people/6469.html
index 8cd978fb..87364f08 100644
--- a/people/6469.html
+++ b/people/6469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/647.html b/people/647.html
index e2e1f274..03d6c9b9 100644
--- a/people/647.html
+++ b/people/647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6470.html b/people/6470.html
index 96dfcf51..8996ab48 100644
--- a/people/6470.html
+++ b/people/6470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6471.html b/people/6471.html
index f1182ac1..5b3bd39a 100644
--- a/people/6471.html
+++ b/people/6471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6472.html b/people/6472.html
index 7705b115..a7e1f6e3 100644
--- a/people/6472.html
+++ b/people/6472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6473.html b/people/6473.html
index 60e667da..996854a0 100644
--- a/people/6473.html
+++ b/people/6473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6474.html b/people/6474.html
index a22fcc52..49a36929 100644
--- a/people/6474.html
+++ b/people/6474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6475.html b/people/6475.html
index a2da9546..815eccd6 100644
--- a/people/6475.html
+++ b/people/6475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6476.html b/people/6476.html
index 0a602ce8..308bb77a 100644
--- a/people/6476.html
+++ b/people/6476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6477.html b/people/6477.html
index bc595699..bb30a6b6 100644
--- a/people/6477.html
+++ b/people/6477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6478.html b/people/6478.html
index d4cb2b40..261894a2 100644
--- a/people/6478.html
+++ b/people/6478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6479.html b/people/6479.html
index 2fabec5e..832e69c3 100644
--- a/people/6479.html
+++ b/people/6479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/648.html b/people/648.html
index 5950413f..ef049785 100644
--- a/people/648.html
+++ b/people/648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6480.html b/people/6480.html
index 6c7f6127..44b7f2a5 100644
--- a/people/6480.html
+++ b/people/6480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6481.html b/people/6481.html
index ec17290d..c3fd24de 100644
--- a/people/6481.html
+++ b/people/6481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6482.html b/people/6482.html
index 8b74b049..625f17ff 100644
--- a/people/6482.html
+++ b/people/6482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6483.html b/people/6483.html
index ff45c85f..59ef5e7c 100644
--- a/people/6483.html
+++ b/people/6483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6484.html b/people/6484.html
index 7d10bdee..0e3e5fbe 100644
--- a/people/6484.html
+++ b/people/6484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6485.html b/people/6485.html
index 21bd18c1..8ad88245 100644
--- a/people/6485.html
+++ b/people/6485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6486.html b/people/6486.html
index 91497f3c..95ae9e4c 100644
--- a/people/6486.html
+++ b/people/6486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6487.html b/people/6487.html
index 559bde06..d6c3ac21 100644
--- a/people/6487.html
+++ b/people/6487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6488.html b/people/6488.html
index be8f5a24..2cc6ba16 100644
--- a/people/6488.html
+++ b/people/6488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6489.html b/people/6489.html
index f8eea2ac..b327b504 100644
--- a/people/6489.html
+++ b/people/6489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/649.html b/people/649.html
index 7e662e4c..ad1aa445 100644
--- a/people/649.html
+++ b/people/649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6490.html b/people/6490.html
index 199e641e..23003f12 100644
--- a/people/6490.html
+++ b/people/6490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6491.html b/people/6491.html
index 032029aa..8c682f31 100644
--- a/people/6491.html
+++ b/people/6491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6492.html b/people/6492.html
index 390da0aa..6a4ec2f4 100644
--- a/people/6492.html
+++ b/people/6492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6493.html b/people/6493.html
index 2300fb0b..95c65c26 100644
--- a/people/6493.html
+++ b/people/6493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6494.html b/people/6494.html
index f927b33e..c8aa480d 100644
--- a/people/6494.html
+++ b/people/6494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6495.html b/people/6495.html
index 34d76604..1c6feafa 100644
--- a/people/6495.html
+++ b/people/6495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6496.html b/people/6496.html
index 79985c5e..ad43f0c9 100644
--- a/people/6496.html
+++ b/people/6496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6497.html b/people/6497.html
index df0bfe19..9f0f64a6 100644
--- a/people/6497.html
+++ b/people/6497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6498.html b/people/6498.html
index 9d8b825e..26037d2b 100644
--- a/people/6498.html
+++ b/people/6498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6499.html b/people/6499.html
index 5bdf02d5..8574f646 100644
--- a/people/6499.html
+++ b/people/6499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/65.html b/people/65.html
index ef01ae84..7d85470a 100644
--- a/people/65.html
+++ b/people/65.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/650.html b/people/650.html
index df7fe90f..8fa1908e 100644
--- a/people/650.html
+++ b/people/650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6500.html b/people/6500.html
index 7896251d..ae10a385 100644
--- a/people/6500.html
+++ b/people/6500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6501.html b/people/6501.html
index d368bbe5..9c5c5c14 100644
--- a/people/6501.html
+++ b/people/6501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6502.html b/people/6502.html
index 9801bec6..a6c38f71 100644
--- a/people/6502.html
+++ b/people/6502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6503.html b/people/6503.html
index 4ba7a774..686e642e 100644
--- a/people/6503.html
+++ b/people/6503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6504.html b/people/6504.html
index 91104afe..a78f9c25 100644
--- a/people/6504.html
+++ b/people/6504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6505.html b/people/6505.html
index e9658f05..bd61e593 100644
--- a/people/6505.html
+++ b/people/6505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6506.html b/people/6506.html
index 36d5f5ac..43ad2aef 100644
--- a/people/6506.html
+++ b/people/6506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6507.html b/people/6507.html
index ce3ceea7..0f7a395c 100644
--- a/people/6507.html
+++ b/people/6507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6508.html b/people/6508.html
index ec73d65f..ef6b55d0 100644
--- a/people/6508.html
+++ b/people/6508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6509.html b/people/6509.html
index dc33b8a2..e514142b 100644
--- a/people/6509.html
+++ b/people/6509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/651.html b/people/651.html
index e31c5de9..80b0f677 100644
--- a/people/651.html
+++ b/people/651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6510.html b/people/6510.html
index 9473681e..8a7d70ff 100644
--- a/people/6510.html
+++ b/people/6510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6511.html b/people/6511.html
index b52f58aa..02826f6b 100644
--- a/people/6511.html
+++ b/people/6511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6512.html b/people/6512.html
index ba7ad3f3..0cbefe25 100644
--- a/people/6512.html
+++ b/people/6512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6513.html b/people/6513.html
index e5c7fa4d..66909457 100644
--- a/people/6513.html
+++ b/people/6513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6514.html b/people/6514.html
index 07ac9b76..10d1fe29 100644
--- a/people/6514.html
+++ b/people/6514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6515.html b/people/6515.html
index 67ad23b8..f25d9d20 100644
--- a/people/6515.html
+++ b/people/6515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6516.html b/people/6516.html
index 355c0b52..820647fc 100644
--- a/people/6516.html
+++ b/people/6516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6517.html b/people/6517.html
index 44d5dd7c..196bf40b 100644
--- a/people/6517.html
+++ b/people/6517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6518.html b/people/6518.html
index ee024713..efa04961 100644
--- a/people/6518.html
+++ b/people/6518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6519.html b/people/6519.html
index 4c883d4e..ab223726 100644
--- a/people/6519.html
+++ b/people/6519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/652.html b/people/652.html
index b6de8396..11534e87 100644
--- a/people/652.html
+++ b/people/652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6520.html b/people/6520.html
index 53fe1668..9e89dc3f 100644
--- a/people/6520.html
+++ b/people/6520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6521.html b/people/6521.html
index fbf348d7..e562270c 100644
--- a/people/6521.html
+++ b/people/6521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6522.html b/people/6522.html
index 5eae51e8..a3f21021 100644
--- a/people/6522.html
+++ b/people/6522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6523.html b/people/6523.html
index 53ece7ee..d1f2587a 100644
--- a/people/6523.html
+++ b/people/6523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6524.html b/people/6524.html
index 65758a5c..406dbcd4 100644
--- a/people/6524.html
+++ b/people/6524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6525.html b/people/6525.html
index 6bcbe40c..17ac68e9 100644
--- a/people/6525.html
+++ b/people/6525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6526.html b/people/6526.html
index 35296839..e22aac36 100644
--- a/people/6526.html
+++ b/people/6526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6527.html b/people/6527.html
index 6f4b5629..b71e9f8f 100644
--- a/people/6527.html
+++ b/people/6527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6528.html b/people/6528.html
index ee5df781..0e7480f0 100644
--- a/people/6528.html
+++ b/people/6528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6529.html b/people/6529.html
index 3f90aeeb..a4994245 100644
--- a/people/6529.html
+++ b/people/6529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/653.html b/people/653.html
index 397ce80f..2c575197 100644
--- a/people/653.html
+++ b/people/653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6530.html b/people/6530.html
index 74ebd135..f9dad6d6 100644
--- a/people/6530.html
+++ b/people/6530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6531.html b/people/6531.html
index 5fd5e002..8dff009a 100644
--- a/people/6531.html
+++ b/people/6531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6532.html b/people/6532.html
index 49390a23..3d8bb2c2 100644
--- a/people/6532.html
+++ b/people/6532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6533.html b/people/6533.html
index 796d2a50..489578c4 100644
--- a/people/6533.html
+++ b/people/6533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6534.html b/people/6534.html
index 1bf77046..0006fb2e 100644
--- a/people/6534.html
+++ b/people/6534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6535.html b/people/6535.html
index f0011b56..b5b2f82b 100644
--- a/people/6535.html
+++ b/people/6535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6536.html b/people/6536.html
index ac056072..5f24c76e 100644
--- a/people/6536.html
+++ b/people/6536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6537.html b/people/6537.html
index 6d67ad6e..238940d6 100644
--- a/people/6537.html
+++ b/people/6537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6538.html b/people/6538.html
index 4010071c..93c77722 100644
--- a/people/6538.html
+++ b/people/6538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6539.html b/people/6539.html
index 2c393e0c..5048d3b5 100644
--- a/people/6539.html
+++ b/people/6539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/654.html b/people/654.html
index 374672e6..a029a930 100644
--- a/people/654.html
+++ b/people/654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6540.html b/people/6540.html
index 73906c08..1e36fe30 100644
--- a/people/6540.html
+++ b/people/6540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6541.html b/people/6541.html
index e38bde85..9b626d19 100644
--- a/people/6541.html
+++ b/people/6541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6542.html b/people/6542.html
index 51b378d1..91dfe977 100644
--- a/people/6542.html
+++ b/people/6542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6543.html b/people/6543.html
index 0ee18489..b2a0d576 100644
--- a/people/6543.html
+++ b/people/6543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6544.html b/people/6544.html
index d252ebdc..036704b2 100644
--- a/people/6544.html
+++ b/people/6544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6545.html b/people/6545.html
index b8e619fb..1f41b09e 100644
--- a/people/6545.html
+++ b/people/6545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6546.html b/people/6546.html
index 11e1a6f7..879ad84c 100644
--- a/people/6546.html
+++ b/people/6546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6547.html b/people/6547.html
index 8ad796ae..b890356f 100644
--- a/people/6547.html
+++ b/people/6547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6548.html b/people/6548.html
index a8d5c3c8..2ec3fb27 100644
--- a/people/6548.html
+++ b/people/6548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6549.html b/people/6549.html
index 243f5292..9d49fe0c 100644
--- a/people/6549.html
+++ b/people/6549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/655.html b/people/655.html
index 687b7945..e9748616 100644
--- a/people/655.html
+++ b/people/655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6550.html b/people/6550.html
index ebc71a0a..522944df 100644
--- a/people/6550.html
+++ b/people/6550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6551.html b/people/6551.html
index 864ad6e6..f3ba0ac6 100644
--- a/people/6551.html
+++ b/people/6551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6552.html b/people/6552.html
index cc358352..64f3c27c 100644
--- a/people/6552.html
+++ b/people/6552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6553.html b/people/6553.html
index 4e3cca09..c88bf338 100644
--- a/people/6553.html
+++ b/people/6553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6554.html b/people/6554.html
index 67c30668..c8ef7293 100644
--- a/people/6554.html
+++ b/people/6554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6555.html b/people/6555.html
index 207e52fe..bebaeb32 100644
--- a/people/6555.html
+++ b/people/6555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6556.html b/people/6556.html
index c9a8229d..05a02826 100644
--- a/people/6556.html
+++ b/people/6556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6557.html b/people/6557.html
index 5f16a34d..5deb36d9 100644
--- a/people/6557.html
+++ b/people/6557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6558.html b/people/6558.html
index f643e749..ac534b16 100644
--- a/people/6558.html
+++ b/people/6558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6559.html b/people/6559.html
index 336cda52..c149e807 100644
--- a/people/6559.html
+++ b/people/6559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/656.html b/people/656.html
index 5189207d..e45c857d 100644
--- a/people/656.html
+++ b/people/656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6560.html b/people/6560.html
index 60a3725a..f0e44fa4 100644
--- a/people/6560.html
+++ b/people/6560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6561.html b/people/6561.html
index 15bf0655..1a3a35fb 100644
--- a/people/6561.html
+++ b/people/6561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6562.html b/people/6562.html
index 8c4072f6..7e817a26 100644
--- a/people/6562.html
+++ b/people/6562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6563.html b/people/6563.html
index 8192c321..4955a223 100644
--- a/people/6563.html
+++ b/people/6563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6564.html b/people/6564.html
index 2d52a4e9..b603a63a 100644
--- a/people/6564.html
+++ b/people/6564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6565.html b/people/6565.html
index b8933c26..9df3446f 100644
--- a/people/6565.html
+++ b/people/6565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6566.html b/people/6566.html
index cfb570ef..c4f83403 100644
--- a/people/6566.html
+++ b/people/6566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6567.html b/people/6567.html
index eea44dd3..d783d87a 100644
--- a/people/6567.html
+++ b/people/6567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6568.html b/people/6568.html
index faf5bdcb..401b0d33 100644
--- a/people/6568.html
+++ b/people/6568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6569.html b/people/6569.html
index f3d83a39..62e37b71 100644
--- a/people/6569.html
+++ b/people/6569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/657.html b/people/657.html
index fd6cdbb9..1ca3a34f 100644
--- a/people/657.html
+++ b/people/657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6570.html b/people/6570.html
index a9eea638..36b5e694 100644
--- a/people/6570.html
+++ b/people/6570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6571.html b/people/6571.html
index 916b4400..8ba201d6 100644
--- a/people/6571.html
+++ b/people/6571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6572.html b/people/6572.html
index 9f3ce0fa..49e533e5 100644
--- a/people/6572.html
+++ b/people/6572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6573.html b/people/6573.html
index 3dcbda39..6c09bf21 100644
--- a/people/6573.html
+++ b/people/6573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6574.html b/people/6574.html
index db6d3b10..524a27d5 100644
--- a/people/6574.html
+++ b/people/6574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6575.html b/people/6575.html
index e8e4ea38..6dd2f64b 100644
--- a/people/6575.html
+++ b/people/6575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6576.html b/people/6576.html
index e5ce8341..05b0863e 100644
--- a/people/6576.html
+++ b/people/6576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6577.html b/people/6577.html
index 6c265396..975478e4 100644
--- a/people/6577.html
+++ b/people/6577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6578.html b/people/6578.html
index 64a16197..3ae7d651 100644
--- a/people/6578.html
+++ b/people/6578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6579.html b/people/6579.html
index 683c6eaf..7ffa288b 100644
--- a/people/6579.html
+++ b/people/6579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6580.html b/people/6580.html
index 121a0ac9..8fa21595 100644
--- a/people/6580.html
+++ b/people/6580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6581.html b/people/6581.html
index 66687a0c..313fa655 100644
--- a/people/6581.html
+++ b/people/6581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6582.html b/people/6582.html
index 1ccab94d..6d9293a3 100644
--- a/people/6582.html
+++ b/people/6582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6583.html b/people/6583.html
index 021a907b..4b3261ce 100644
--- a/people/6583.html
+++ b/people/6583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6584.html b/people/6584.html
index 1289f57b..d0d3118d 100644
--- a/people/6584.html
+++ b/people/6584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6585.html b/people/6585.html
index 38e3fee0..8cc5d426 100644
--- a/people/6585.html
+++ b/people/6585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6586.html b/people/6586.html
index 1d562b60..98a06f18 100644
--- a/people/6586.html
+++ b/people/6586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6587.html b/people/6587.html
index 244e8eaa..8a626753 100644
--- a/people/6587.html
+++ b/people/6587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6588.html b/people/6588.html
index 1d30dea9..74380c98 100644
--- a/people/6588.html
+++ b/people/6588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6589.html b/people/6589.html
index 18e07621..0e27fd05 100644
--- a/people/6589.html
+++ b/people/6589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/659.html b/people/659.html
index 859eb187..0d974eac 100644
--- a/people/659.html
+++ b/people/659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6590.html b/people/6590.html
index 73a3c2d8..9dc7d94a 100644
--- a/people/6590.html
+++ b/people/6590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6591.html b/people/6591.html
index c76da062..5fc245c0 100644
--- a/people/6591.html
+++ b/people/6591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6592.html b/people/6592.html
index 6027a512..6c318aa8 100644
--- a/people/6592.html
+++ b/people/6592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6593.html b/people/6593.html
index 0bade5d4..bef2b3a5 100644
--- a/people/6593.html
+++ b/people/6593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6594.html b/people/6594.html
index 68e768b6..1dc0c755 100644
--- a/people/6594.html
+++ b/people/6594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6595.html b/people/6595.html
index 972589f0..68979deb 100644
--- a/people/6595.html
+++ b/people/6595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6596.html b/people/6596.html
index 388a86af..e3ade581 100644
--- a/people/6596.html
+++ b/people/6596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6597.html b/people/6597.html
index 58ef0b45..e95fe510 100644
--- a/people/6597.html
+++ b/people/6597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6598.html b/people/6598.html
index a3ff5876..a5b4aa23 100644
--- a/people/6598.html
+++ b/people/6598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6599.html b/people/6599.html
index 019e1e85..fa602dea 100644
--- a/people/6599.html
+++ b/people/6599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/66.html b/people/66.html
index 893e43aa..ac3cb2e1 100644
--- a/people/66.html
+++ b/people/66.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/660.html b/people/660.html
index 036676cf..5f0466f2 100644
--- a/people/660.html
+++ b/people/660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6600.html b/people/6600.html
index ff10ce85..646a1d57 100644
--- a/people/6600.html
+++ b/people/6600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6601.html b/people/6601.html
index 39d04e6a..5cdb4491 100644
--- a/people/6601.html
+++ b/people/6601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6602.html b/people/6602.html
index e08e7640..0d5b87e8 100644
--- a/people/6602.html
+++ b/people/6602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6603.html b/people/6603.html
index d751a610..6939d2bc 100644
--- a/people/6603.html
+++ b/people/6603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6604.html b/people/6604.html
index 779ca89a..72480dd3 100644
--- a/people/6604.html
+++ b/people/6604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6605.html b/people/6605.html
index 28e090b8..8cd2c07f 100644
--- a/people/6605.html
+++ b/people/6605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6606.html b/people/6606.html
index 5c63d69e..6fce5230 100644
--- a/people/6606.html
+++ b/people/6606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6607.html b/people/6607.html
index 24946cad..0402d9d0 100644
--- a/people/6607.html
+++ b/people/6607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6608.html b/people/6608.html
index 85691228..4be22d9d 100644
--- a/people/6608.html
+++ b/people/6608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6609.html b/people/6609.html
index 7d50df45..2dc59b58 100644
--- a/people/6609.html
+++ b/people/6609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/661.html b/people/661.html
index 2614565e..15b4be28 100644
--- a/people/661.html
+++ b/people/661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6610.html b/people/6610.html
index e3757181..017d43d0 100644
--- a/people/6610.html
+++ b/people/6610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6611.html b/people/6611.html
index d84ef492..3174264f 100644
--- a/people/6611.html
+++ b/people/6611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6612.html b/people/6612.html
index e57a25e3..a71c416c 100644
--- a/people/6612.html
+++ b/people/6612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6613.html b/people/6613.html
index d676fefa..a1c58b1e 100644
--- a/people/6613.html
+++ b/people/6613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6614.html b/people/6614.html
index 386e846f..b18abf74 100644
--- a/people/6614.html
+++ b/people/6614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6615.html b/people/6615.html
index eed8af90..ea464741 100644
--- a/people/6615.html
+++ b/people/6615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6616.html b/people/6616.html
index 13c914cc..1aa2e5f5 100644
--- a/people/6616.html
+++ b/people/6616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6617.html b/people/6617.html
index f2b3fbac..4d07c353 100644
--- a/people/6617.html
+++ b/people/6617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6618.html b/people/6618.html
index 084a301b..6242b9de 100644
--- a/people/6618.html
+++ b/people/6618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6619.html b/people/6619.html
index d20c8b0d..b448ffe0 100644
--- a/people/6619.html
+++ b/people/6619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/662.html b/people/662.html
index 471ae3fb..eb3cd2cb 100644
--- a/people/662.html
+++ b/people/662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6620.html b/people/6620.html
index 4ac927de..a9748e5e 100644
--- a/people/6620.html
+++ b/people/6620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6621.html b/people/6621.html
index b4f702c7..25f5de1e 100644
--- a/people/6621.html
+++ b/people/6621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6622.html b/people/6622.html
index dfb28283..96d983d5 100644
--- a/people/6622.html
+++ b/people/6622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6623.html b/people/6623.html
index 999b07d7..8626f64b 100644
--- a/people/6623.html
+++ b/people/6623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6624.html b/people/6624.html
index 892467f2..a476e69b 100644
--- a/people/6624.html
+++ b/people/6624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6625.html b/people/6625.html
index e26cd47a..5fc59af3 100644
--- a/people/6625.html
+++ b/people/6625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6626.html b/people/6626.html
index e53cf105..51fdec1b 100644
--- a/people/6626.html
+++ b/people/6626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6627.html b/people/6627.html
index 81935d05..16f5457e 100644
--- a/people/6627.html
+++ b/people/6627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6628.html b/people/6628.html
index 51370a11..75b7f400 100644
--- a/people/6628.html
+++ b/people/6628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6629.html b/people/6629.html
index b672c7f7..dd95871f 100644
--- a/people/6629.html
+++ b/people/6629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/663.html b/people/663.html
index d4a884e8..8516c443 100644
--- a/people/663.html
+++ b/people/663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6630.html b/people/6630.html
index 2d35439c..f1ec2b06 100644
--- a/people/6630.html
+++ b/people/6630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6631.html b/people/6631.html
index 77ad9c3a..6844fbc0 100644
--- a/people/6631.html
+++ b/people/6631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6632.html b/people/6632.html
index 702a5fc4..fc662814 100644
--- a/people/6632.html
+++ b/people/6632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6633.html b/people/6633.html
index 3e170d5d..098d0b2d 100644
--- a/people/6633.html
+++ b/people/6633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6634.html b/people/6634.html
index b345ac6b..0f148ba2 100644
--- a/people/6634.html
+++ b/people/6634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6635.html b/people/6635.html
index d110e6ab..3a60c114 100644
--- a/people/6635.html
+++ b/people/6635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6636.html b/people/6636.html
index 9f23edf0..5927bfc2 100644
--- a/people/6636.html
+++ b/people/6636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6637.html b/people/6637.html
index fe4e80bd..21b4c972 100644
--- a/people/6637.html
+++ b/people/6637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6638.html b/people/6638.html
index bf8389aa..50f06fb3 100644
--- a/people/6638.html
+++ b/people/6638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6639.html b/people/6639.html
index cc6c43d7..3fc664ee 100644
--- a/people/6639.html
+++ b/people/6639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/664.html b/people/664.html
index 827291c4..446e3d4b 100644
--- a/people/664.html
+++ b/people/664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6640.html b/people/6640.html
index 74ab8865..7a3bf5c2 100644
--- a/people/6640.html
+++ b/people/6640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6641.html b/people/6641.html
index 7cc722f0..464be459 100644
--- a/people/6641.html
+++ b/people/6641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6642.html b/people/6642.html
index fad071fc..9b172d3e 100644
--- a/people/6642.html
+++ b/people/6642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6643.html b/people/6643.html
index b4da9e8e..7b4b8665 100644
--- a/people/6643.html
+++ b/people/6643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6644.html b/people/6644.html
index d9bf07cc..559526e6 100644
--- a/people/6644.html
+++ b/people/6644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6645.html b/people/6645.html
index 0cf218d4..3b11bcd8 100644
--- a/people/6645.html
+++ b/people/6645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6646.html b/people/6646.html
index 69c94215..22fbaff1 100644
--- a/people/6646.html
+++ b/people/6646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6647.html b/people/6647.html
index 3f3cd267..1529b97c 100644
--- a/people/6647.html
+++ b/people/6647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6648.html b/people/6648.html
index 560f5217..9e462e4f 100644
--- a/people/6648.html
+++ b/people/6648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6649.html b/people/6649.html
index c4aa4512..9f0a367c 100644
--- a/people/6649.html
+++ b/people/6649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/665.html b/people/665.html
index 6c924aeb..29b3a77d 100644
--- a/people/665.html
+++ b/people/665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6650.html b/people/6650.html
index 9efb7290..33633d8d 100644
--- a/people/6650.html
+++ b/people/6650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6651.html b/people/6651.html
index 691772ed..3e45c79a 100644
--- a/people/6651.html
+++ b/people/6651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6652.html b/people/6652.html
index fe98bdea..6f8b4930 100644
--- a/people/6652.html
+++ b/people/6652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6653.html b/people/6653.html
index 1addee05..1c225e69 100644
--- a/people/6653.html
+++ b/people/6653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6654.html b/people/6654.html
index 6f5e9955..aab5beb4 100644
--- a/people/6654.html
+++ b/people/6654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6655.html b/people/6655.html
index dcda1ee4..30c5a282 100644
--- a/people/6655.html
+++ b/people/6655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6656.html b/people/6656.html
index f105db86..6f1e8bb9 100644
--- a/people/6656.html
+++ b/people/6656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6657.html b/people/6657.html
index 2c55b952..e8ea2225 100644
--- a/people/6657.html
+++ b/people/6657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6658.html b/people/6658.html
index 57d4899c..be8da64a 100644
--- a/people/6658.html
+++ b/people/6658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6659.html b/people/6659.html
index 63c0e91e..4ec4293f 100644
--- a/people/6659.html
+++ b/people/6659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/666.html b/people/666.html
index 9291bdff..bf3018bf 100644
--- a/people/666.html
+++ b/people/666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6660.html b/people/6660.html
index 1a8f321e..ee8a3307 100644
--- a/people/6660.html
+++ b/people/6660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6661.html b/people/6661.html
index 6a8f8e7d..6ddab7d5 100644
--- a/people/6661.html
+++ b/people/6661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6662.html b/people/6662.html
index ac21d33b..08bb1068 100644
--- a/people/6662.html
+++ b/people/6662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6663.html b/people/6663.html
index e28ebe37..c6a098bb 100644
--- a/people/6663.html
+++ b/people/6663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6664.html b/people/6664.html
index 33e3c6de..0db579d8 100644
--- a/people/6664.html
+++ b/people/6664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6665.html b/people/6665.html
index fa836030..7c688fce 100644
--- a/people/6665.html
+++ b/people/6665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6666.html b/people/6666.html
index ed905414..3fce9059 100644
--- a/people/6666.html
+++ b/people/6666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6667.html b/people/6667.html
index 9e4c275f..6aa40bbe 100644
--- a/people/6667.html
+++ b/people/6667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6668.html b/people/6668.html
index a392ef8c..5b662136 100644
--- a/people/6668.html
+++ b/people/6668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6669.html b/people/6669.html
index 6150300a..82f6d3b3 100644
--- a/people/6669.html
+++ b/people/6669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/667.html b/people/667.html
index 77245eb2..61f8462b 100644
--- a/people/667.html
+++ b/people/667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6670.html b/people/6670.html
index 1e0bef38..3a3951ae 100644
--- a/people/6670.html
+++ b/people/6670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6671.html b/people/6671.html
index 5ed4fbb3..5696608b 100644
--- a/people/6671.html
+++ b/people/6671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6672.html b/people/6672.html
index 791eb919..480a6fb8 100644
--- a/people/6672.html
+++ b/people/6672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6673.html b/people/6673.html
index b3cd0e60..f10502e7 100644
--- a/people/6673.html
+++ b/people/6673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6674.html b/people/6674.html
index b3e64205..a399fabc 100644
--- a/people/6674.html
+++ b/people/6674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6675.html b/people/6675.html
index 32081db5..3515bda3 100644
--- a/people/6675.html
+++ b/people/6675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6676.html b/people/6676.html
index 94b03326..6210ba05 100644
--- a/people/6676.html
+++ b/people/6676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6677.html b/people/6677.html
index b3d13693..65a95a54 100644
--- a/people/6677.html
+++ b/people/6677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6678.html b/people/6678.html
index 18c49206..af999510 100644
--- a/people/6678.html
+++ b/people/6678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6679.html b/people/6679.html
index 9dbbe7cd..38dfd5b4 100644
--- a/people/6679.html
+++ b/people/6679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/668.html b/people/668.html
index 41a0af15..b55c3601 100644
--- a/people/668.html
+++ b/people/668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6680.html b/people/6680.html
index f85992a1..07524743 100644
--- a/people/6680.html
+++ b/people/6680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6681.html b/people/6681.html
index f154f834..1d3eb165 100644
--- a/people/6681.html
+++ b/people/6681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6682.html b/people/6682.html
index 8c1b9b3c..138f4e0f 100644
--- a/people/6682.html
+++ b/people/6682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6683.html b/people/6683.html
index 12064287..b4e5b3b3 100644
--- a/people/6683.html
+++ b/people/6683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6684.html b/people/6684.html
index 87028630..e678fe7a 100644
--- a/people/6684.html
+++ b/people/6684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6685.html b/people/6685.html
index 90eb688a..3996dc50 100644
--- a/people/6685.html
+++ b/people/6685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6686.html b/people/6686.html
index ffa38910..bb019928 100644
--- a/people/6686.html
+++ b/people/6686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6687.html b/people/6687.html
index ebb635f1..0a174fe4 100644
--- a/people/6687.html
+++ b/people/6687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6688.html b/people/6688.html
index 58c71cb1..c2db52e7 100644
--- a/people/6688.html
+++ b/people/6688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6689.html b/people/6689.html
index 491abd15..4eedfc10 100644
--- a/people/6689.html
+++ b/people/6689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/669.html b/people/669.html
index e6709cab..19db41b6 100644
--- a/people/669.html
+++ b/people/669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6690.html b/people/6690.html
index d86b549c..2765c780 100644
--- a/people/6690.html
+++ b/people/6690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6691.html b/people/6691.html
index c362dc46..2a8de93b 100644
--- a/people/6691.html
+++ b/people/6691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6692.html b/people/6692.html
index 7fc556cb..cb4d61d4 100644
--- a/people/6692.html
+++ b/people/6692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6693.html b/people/6693.html
index ae9a714c..f42a57b7 100644
--- a/people/6693.html
+++ b/people/6693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6694.html b/people/6694.html
index 4e32617f..beb37fc6 100644
--- a/people/6694.html
+++ b/people/6694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6695.html b/people/6695.html
index 948df171..e2c785ce 100644
--- a/people/6695.html
+++ b/people/6695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6696.html b/people/6696.html
index 57e7b1c6..2c7ecb49 100644
--- a/people/6696.html
+++ b/people/6696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6697.html b/people/6697.html
index 77058a16..b6a819ec 100644
--- a/people/6697.html
+++ b/people/6697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6698.html b/people/6698.html
index 5ba539f4..4cd16f58 100644
--- a/people/6698.html
+++ b/people/6698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6699.html b/people/6699.html
index a7d213e9..3418ee87 100644
--- a/people/6699.html
+++ b/people/6699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/67.html b/people/67.html
index 1f201ce9..1650a12e 100644
--- a/people/67.html
+++ b/people/67.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/670.html b/people/670.html
index 7e52ae7b..8deafc7c 100644
--- a/people/670.html
+++ b/people/670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6700.html b/people/6700.html
index c3d5bb49..e2554b6d 100644
--- a/people/6700.html
+++ b/people/6700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6701.html b/people/6701.html
index e0acc144..ba0ce9e6 100644
--- a/people/6701.html
+++ b/people/6701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6702.html b/people/6702.html
index dbed080c..607e648b 100644
--- a/people/6702.html
+++ b/people/6702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6703.html b/people/6703.html
index 9dcd7ead..d2ed306f 100644
--- a/people/6703.html
+++ b/people/6703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6704.html b/people/6704.html
index 60d3972f..fe094605 100644
--- a/people/6704.html
+++ b/people/6704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6705.html b/people/6705.html
index 2c6e0668..4460f3a7 100644
--- a/people/6705.html
+++ b/people/6705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6706.html b/people/6706.html
index f12d301c..130bd84e 100644
--- a/people/6706.html
+++ b/people/6706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6707.html b/people/6707.html
index b4e3d90f..0a97e877 100644
--- a/people/6707.html
+++ b/people/6707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6708.html b/people/6708.html
index 4d660b1c..ba655aed 100644
--- a/people/6708.html
+++ b/people/6708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6709.html b/people/6709.html
index 7507569f..17b417cc 100644
--- a/people/6709.html
+++ b/people/6709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/671.html b/people/671.html
index b07e9d03..689df5fa 100644
--- a/people/671.html
+++ b/people/671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6710.html b/people/6710.html
index fc107a07..3d13be6e 100644
--- a/people/6710.html
+++ b/people/6710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6711.html b/people/6711.html
index 27283d7c..7b150804 100644
--- a/people/6711.html
+++ b/people/6711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6712.html b/people/6712.html
index 83af9011..8a237fa0 100644
--- a/people/6712.html
+++ b/people/6712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6713.html b/people/6713.html
index 89a7ba0f..18b6c7bd 100644
--- a/people/6713.html
+++ b/people/6713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6714.html b/people/6714.html
index 72ea5455..13d9bf07 100644
--- a/people/6714.html
+++ b/people/6714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6715.html b/people/6715.html
index e194ab15..ae722411 100644
--- a/people/6715.html
+++ b/people/6715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6716.html b/people/6716.html
index 9116c474..ba045128 100644
--- a/people/6716.html
+++ b/people/6716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6717.html b/people/6717.html
index 85358b6e..7005c2e7 100644
--- a/people/6717.html
+++ b/people/6717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6718.html b/people/6718.html
index 95b74696..8eb7371b 100644
--- a/people/6718.html
+++ b/people/6718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6719.html b/people/6719.html
index a60a93fd..030b0df3 100644
--- a/people/6719.html
+++ b/people/6719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/672.html b/people/672.html
index 22f814ed..eaefc2e2 100644
--- a/people/672.html
+++ b/people/672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6720.html b/people/6720.html
index 944d2458..c6dd5773 100644
--- a/people/6720.html
+++ b/people/6720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6721.html b/people/6721.html
index 23d25330..74db691b 100644
--- a/people/6721.html
+++ b/people/6721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6722.html b/people/6722.html
index d524bc6e..cf79c554 100644
--- a/people/6722.html
+++ b/people/6722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6723.html b/people/6723.html
index b81585ac..0eced1a3 100644
--- a/people/6723.html
+++ b/people/6723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6724.html b/people/6724.html
index 19ed8c7d..c1f4abe9 100644
--- a/people/6724.html
+++ b/people/6724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6725.html b/people/6725.html
index 8e969fdb..0c78f639 100644
--- a/people/6725.html
+++ b/people/6725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6726.html b/people/6726.html
index 59321872..9ea756e2 100644
--- a/people/6726.html
+++ b/people/6726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6727.html b/people/6727.html
index fd8b9fe9..fad4a61f 100644
--- a/people/6727.html
+++ b/people/6727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6728.html b/people/6728.html
index 4095b9e3..e3697339 100644
--- a/people/6728.html
+++ b/people/6728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6729.html b/people/6729.html
index 016f9ce5..aa9f463f 100644
--- a/people/6729.html
+++ b/people/6729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/673.html b/people/673.html
index 95425072..19995cb7 100644
--- a/people/673.html
+++ b/people/673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6730.html b/people/6730.html
index 7aa89bc2..6f1fd706 100644
--- a/people/6730.html
+++ b/people/6730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6731.html b/people/6731.html
index 2077fcf4..b81e05b9 100644
--- a/people/6731.html
+++ b/people/6731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6732.html b/people/6732.html
index c0b20c77..255938b4 100644
--- a/people/6732.html
+++ b/people/6732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6733.html b/people/6733.html
index 7785297f..759bfdb4 100644
--- a/people/6733.html
+++ b/people/6733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6734.html b/people/6734.html
index ae31573d..bbe669ef 100644
--- a/people/6734.html
+++ b/people/6734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6735.html b/people/6735.html
index c730e49f..c80a1e35 100644
--- a/people/6735.html
+++ b/people/6735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6736.html b/people/6736.html
index 1af1fbb9..c4f77180 100644
--- a/people/6736.html
+++ b/people/6736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6737.html b/people/6737.html
index 7b3b225b..699f8699 100644
--- a/people/6737.html
+++ b/people/6737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6738.html b/people/6738.html
index 06b37993..bc8cf211 100644
--- a/people/6738.html
+++ b/people/6738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6739.html b/people/6739.html
index c0ed1747..f2719543 100644
--- a/people/6739.html
+++ b/people/6739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/674.html b/people/674.html
index f641a030..59c2a0aa 100644
--- a/people/674.html
+++ b/people/674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6740.html b/people/6740.html
index a331b57d..e45dcde8 100644
--- a/people/6740.html
+++ b/people/6740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6741.html b/people/6741.html
index 395819f5..016457d8 100644
--- a/people/6741.html
+++ b/people/6741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6742.html b/people/6742.html
index 17413d17..8ca7e333 100644
--- a/people/6742.html
+++ b/people/6742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6743.html b/people/6743.html
index 2fe47503..8097c244 100644
--- a/people/6743.html
+++ b/people/6743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6744.html b/people/6744.html
index b0406a7a..61305acb 100644
--- a/people/6744.html
+++ b/people/6744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6745.html b/people/6745.html
index 392f2b1a..84a24c16 100644
--- a/people/6745.html
+++ b/people/6745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6746.html b/people/6746.html
index d644405e..d463806b 100644
--- a/people/6746.html
+++ b/people/6746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6747.html b/people/6747.html
index 220e9858..409ad2f5 100644
--- a/people/6747.html
+++ b/people/6747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6748.html b/people/6748.html
index 1ae6e7ed..800ed1fe 100644
--- a/people/6748.html
+++ b/people/6748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6749.html b/people/6749.html
index 8696fbdb..dbe21948 100644
--- a/people/6749.html
+++ b/people/6749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/675.html b/people/675.html
index a4bc4a5b..2787e7c7 100644
--- a/people/675.html
+++ b/people/675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6750.html b/people/6750.html
index d017d981..bdeb74af 100644
--- a/people/6750.html
+++ b/people/6750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6751.html b/people/6751.html
index 7c69abb7..14983b16 100644
--- a/people/6751.html
+++ b/people/6751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6752.html b/people/6752.html
index 8d178a24..436ec636 100644
--- a/people/6752.html
+++ b/people/6752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6753.html b/people/6753.html
index 198fcf1f..b366dbf4 100644
--- a/people/6753.html
+++ b/people/6753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6754.html b/people/6754.html
index 4f3955ca..265f2f8c 100644
--- a/people/6754.html
+++ b/people/6754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6755.html b/people/6755.html
index de364db2..2f8c5dc3 100644
--- a/people/6755.html
+++ b/people/6755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6756.html b/people/6756.html
index 73838de3..cb43cea0 100644
--- a/people/6756.html
+++ b/people/6756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6757.html b/people/6757.html
index bcc39a52..7c9faf9d 100644
--- a/people/6757.html
+++ b/people/6757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6758.html b/people/6758.html
index eb5dc026..adc81c60 100644
--- a/people/6758.html
+++ b/people/6758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6759.html b/people/6759.html
index 105f3cee..9ab337e5 100644
--- a/people/6759.html
+++ b/people/6759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/676.html b/people/676.html
index 64d83f44..544a0da5 100644
--- a/people/676.html
+++ b/people/676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6760.html b/people/6760.html
index 02ec621f..663b38b6 100644
--- a/people/6760.html
+++ b/people/6760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6761.html b/people/6761.html
index bcf3e425..4d862cdc 100644
--- a/people/6761.html
+++ b/people/6761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6762.html b/people/6762.html
index 9c06b260..ec8fa6e7 100644
--- a/people/6762.html
+++ b/people/6762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6763.html b/people/6763.html
index 03c948ee..5fbb2139 100644
--- a/people/6763.html
+++ b/people/6763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6764.html b/people/6764.html
index f6540cb5..421c90b5 100644
--- a/people/6764.html
+++ b/people/6764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6765.html b/people/6765.html
index b19e77ed..d9c30ab3 100644
--- a/people/6765.html
+++ b/people/6765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6766.html b/people/6766.html
index 8ace8393..574eb0bd 100644
--- a/people/6766.html
+++ b/people/6766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6767.html b/people/6767.html
index 7245ce99..7dd3d065 100644
--- a/people/6767.html
+++ b/people/6767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6768.html b/people/6768.html
index c3cdc9b9..f00a40e9 100644
--- a/people/6768.html
+++ b/people/6768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/677.html b/people/677.html
index 829213cd..cbe0a905 100644
--- a/people/677.html
+++ b/people/677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6770.html b/people/6770.html
index b5767367..0b4c1a37 100644
--- a/people/6770.html
+++ b/people/6770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6771.html b/people/6771.html
index 1300a2b4..1bbff181 100644
--- a/people/6771.html
+++ b/people/6771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6772.html b/people/6772.html
index f337410d..b86d4af2 100644
--- a/people/6772.html
+++ b/people/6772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6773.html b/people/6773.html
index eba4ed1b..9d559410 100644
--- a/people/6773.html
+++ b/people/6773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6774.html b/people/6774.html
index 418d12cd..59fdb2f6 100644
--- a/people/6774.html
+++ b/people/6774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6775.html b/people/6775.html
index 71236cfa..5338065b 100644
--- a/people/6775.html
+++ b/people/6775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6776.html b/people/6776.html
index 4d3694d8..0a9d0bbf 100644
--- a/people/6776.html
+++ b/people/6776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6777.html b/people/6777.html
index 047810ec..efd2ec99 100644
--- a/people/6777.html
+++ b/people/6777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6778.html b/people/6778.html
index c878ad37..296de771 100644
--- a/people/6778.html
+++ b/people/6778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6779.html b/people/6779.html
index 5b8cda80..51d1dde8 100644
--- a/people/6779.html
+++ b/people/6779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/678.html b/people/678.html
index 4e857fd3..9f229e47 100644
--- a/people/678.html
+++ b/people/678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6780.html b/people/6780.html
index da404f13..8596e18f 100644
--- a/people/6780.html
+++ b/people/6780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6781.html b/people/6781.html
index 66003bc4..8ab25ace 100644
--- a/people/6781.html
+++ b/people/6781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6782.html b/people/6782.html
index 81c3d220..bce093f1 100644
--- a/people/6782.html
+++ b/people/6782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6783.html b/people/6783.html
index 07408ce6..10679aed 100644
--- a/people/6783.html
+++ b/people/6783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6784.html b/people/6784.html
index 1777ed55..0d345334 100644
--- a/people/6784.html
+++ b/people/6784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6785.html b/people/6785.html
index ce1e9c00..1e81d508 100644
--- a/people/6785.html
+++ b/people/6785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6786.html b/people/6786.html
index 2b705130..dbfcdec2 100644
--- a/people/6786.html
+++ b/people/6786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6787.html b/people/6787.html
index 6115df53..a3d9df2d 100644
--- a/people/6787.html
+++ b/people/6787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6788.html b/people/6788.html
index 9a515f36..ea8e5ccd 100644
--- a/people/6788.html
+++ b/people/6788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6789.html b/people/6789.html
index 222b51f9..c4bc9cd2 100644
--- a/people/6789.html
+++ b/people/6789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/679.html b/people/679.html
index 35526ccd..bcf23fe4 100644
--- a/people/679.html
+++ b/people/679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6790.html b/people/6790.html
index 12df6da1..61aedb4d 100644
--- a/people/6790.html
+++ b/people/6790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6791.html b/people/6791.html
index be5acdcb..d0d58a4f 100644
--- a/people/6791.html
+++ b/people/6791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6792.html b/people/6792.html
index fce7632e..dae53018 100644
--- a/people/6792.html
+++ b/people/6792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6793.html b/people/6793.html
index d588b7e3..253c6858 100644
--- a/people/6793.html
+++ b/people/6793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6794.html b/people/6794.html
index fc8e282d..b3703454 100644
--- a/people/6794.html
+++ b/people/6794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6795.html b/people/6795.html
index c2a418cd..c49f65b1 100644
--- a/people/6795.html
+++ b/people/6795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6796.html b/people/6796.html
index b3fc7f09..ace2a840 100644
--- a/people/6796.html
+++ b/people/6796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6797.html b/people/6797.html
index e8496d77..63084dd5 100644
--- a/people/6797.html
+++ b/people/6797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6798.html b/people/6798.html
index c1ef9ad6..38912836 100644
--- a/people/6798.html
+++ b/people/6798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6799.html b/people/6799.html
index 965b599d..96f72dbf 100644
--- a/people/6799.html
+++ b/people/6799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/68.html b/people/68.html
index a2d6b579..7cb700f2 100644
--- a/people/68.html
+++ b/people/68.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/680.html b/people/680.html
index a374c091..72811476 100644
--- a/people/680.html
+++ b/people/680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6800.html b/people/6800.html
index 0a77c12a..892c8ef8 100644
--- a/people/6800.html
+++ b/people/6800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6801.html b/people/6801.html
index d60d3c8d..283d67db 100644
--- a/people/6801.html
+++ b/people/6801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6802.html b/people/6802.html
index 8ec576e5..e930c527 100644
--- a/people/6802.html
+++ b/people/6802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6803.html b/people/6803.html
index 3f25640f..57c5138d 100644
--- a/people/6803.html
+++ b/people/6803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6804.html b/people/6804.html
index 9ceb2570..849c451d 100644
--- a/people/6804.html
+++ b/people/6804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6805.html b/people/6805.html
index da2d77d8..fa4cdfdc 100644
--- a/people/6805.html
+++ b/people/6805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6806.html b/people/6806.html
index 0b09d30b..b2065beb 100644
--- a/people/6806.html
+++ b/people/6806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6807.html b/people/6807.html
index 70711c11..d5cdf1a4 100644
--- a/people/6807.html
+++ b/people/6807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6808.html b/people/6808.html
index d82dd51c..d4079a99 100644
--- a/people/6808.html
+++ b/people/6808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6809.html b/people/6809.html
index 711a3ea5..f268a068 100644
--- a/people/6809.html
+++ b/people/6809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/681.html b/people/681.html
index a4d140f3..cb10b17c 100644
--- a/people/681.html
+++ b/people/681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6810.html b/people/6810.html
index c9f3c5f7..e374220e 100644
--- a/people/6810.html
+++ b/people/6810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6811.html b/people/6811.html
index 9f24014e..f0a021f9 100644
--- a/people/6811.html
+++ b/people/6811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6812.html b/people/6812.html
index aff5f970..185b50ad 100644
--- a/people/6812.html
+++ b/people/6812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6813.html b/people/6813.html
index 89007611..b31509e2 100644
--- a/people/6813.html
+++ b/people/6813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6814.html b/people/6814.html
index ec97f2fc..469d3195 100644
--- a/people/6814.html
+++ b/people/6814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6815.html b/people/6815.html
index aa216353..1a18dc20 100644
--- a/people/6815.html
+++ b/people/6815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6816.html b/people/6816.html
index 78fef868..f6e21d62 100644
--- a/people/6816.html
+++ b/people/6816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6817.html b/people/6817.html
index b283c30c..b8fb86ae 100644
--- a/people/6817.html
+++ b/people/6817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6819.html b/people/6819.html
index c1b162d7..8fc7a99b 100644
--- a/people/6819.html
+++ b/people/6819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/682.html b/people/682.html
index 34b30e5f..bf1eef4e 100644
--- a/people/682.html
+++ b/people/682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6820.html b/people/6820.html
index 232b4bdb..85d2b3d7 100644
--- a/people/6820.html
+++ b/people/6820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6821.html b/people/6821.html
index 1505750e..d0532c1d 100644
--- a/people/6821.html
+++ b/people/6821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6822.html b/people/6822.html
index b21d8ed4..59de08c8 100644
--- a/people/6822.html
+++ b/people/6822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6823.html b/people/6823.html
index 61ff4ee6..9501a401 100644
--- a/people/6823.html
+++ b/people/6823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6824.html b/people/6824.html
index 1c673df4..bbe353a3 100644
--- a/people/6824.html
+++ b/people/6824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6825.html b/people/6825.html
index 12551cda..20578cf8 100644
--- a/people/6825.html
+++ b/people/6825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6826.html b/people/6826.html
index 73183854..601a65f6 100644
--- a/people/6826.html
+++ b/people/6826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6827.html b/people/6827.html
index b1bd607e..e273507d 100644
--- a/people/6827.html
+++ b/people/6827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6828.html b/people/6828.html
index 182bb8cd..79c0a8ab 100644
--- a/people/6828.html
+++ b/people/6828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6829.html b/people/6829.html
index c4335418..4108c436 100644
--- a/people/6829.html
+++ b/people/6829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/683.html b/people/683.html
index 026ca803..c67d486b 100644
--- a/people/683.html
+++ b/people/683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6830.html b/people/6830.html
index d80a4ad0..d4107f45 100644
--- a/people/6830.html
+++ b/people/6830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6831.html b/people/6831.html
index a2a4522e..377b7ab3 100644
--- a/people/6831.html
+++ b/people/6831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6832.html b/people/6832.html
index cc0950f8..b0968c78 100644
--- a/people/6832.html
+++ b/people/6832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6833.html b/people/6833.html
index 13b89748..eaa8a50f 100644
--- a/people/6833.html
+++ b/people/6833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6834.html b/people/6834.html
index e14bebb2..3718b00a 100644
--- a/people/6834.html
+++ b/people/6834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6835.html b/people/6835.html
index fdfdec7a..4f645272 100644
--- a/people/6835.html
+++ b/people/6835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6836.html b/people/6836.html
index a8b3665b..756c07fb 100644
--- a/people/6836.html
+++ b/people/6836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6837.html b/people/6837.html
index d3761428..6c93bbe5 100644
--- a/people/6837.html
+++ b/people/6837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6838.html b/people/6838.html
index 9b7fd0a3..503862f6 100644
--- a/people/6838.html
+++ b/people/6838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6839.html b/people/6839.html
index 4134f48f..cc67df09 100644
--- a/people/6839.html
+++ b/people/6839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/684.html b/people/684.html
index 76b8902d..1084a0d6 100644
--- a/people/684.html
+++ b/people/684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6840.html b/people/6840.html
index cabb209e..9f5fc001 100644
--- a/people/6840.html
+++ b/people/6840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6841.html b/people/6841.html
index c6186d44..09328be4 100644
--- a/people/6841.html
+++ b/people/6841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6842.html b/people/6842.html
index d91ce762..00abe0a1 100644
--- a/people/6842.html
+++ b/people/6842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6843.html b/people/6843.html
index 74413908..01e1a4a5 100644
--- a/people/6843.html
+++ b/people/6843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6844.html b/people/6844.html
index 48752ecd..03e2bde7 100644
--- a/people/6844.html
+++ b/people/6844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6845.html b/people/6845.html
index a8e8f4d7..b510160a 100644
--- a/people/6845.html
+++ b/people/6845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6846.html b/people/6846.html
index a77b0f06..58aeea96 100644
--- a/people/6846.html
+++ b/people/6846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6847.html b/people/6847.html
index cbecd1ad..39d5d714 100644
--- a/people/6847.html
+++ b/people/6847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6848.html b/people/6848.html
index 64eea515..09d55f07 100644
--- a/people/6848.html
+++ b/people/6848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6849.html b/people/6849.html
index 0571c948..fb4d7cd2 100644
--- a/people/6849.html
+++ b/people/6849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/685.html b/people/685.html
index 19843f3c..89f2aa59 100644
--- a/people/685.html
+++ b/people/685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6850.html b/people/6850.html
index 85a1db81..dfefaa43 100644
--- a/people/6850.html
+++ b/people/6850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6851.html b/people/6851.html
index 6e184140..362215c5 100644
--- a/people/6851.html
+++ b/people/6851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6852.html b/people/6852.html
index 6e01eaaf..06325b25 100644
--- a/people/6852.html
+++ b/people/6852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6853.html b/people/6853.html
index 1f21b705..4a317993 100644
--- a/people/6853.html
+++ b/people/6853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6854.html b/people/6854.html
index eb17bba6..da443795 100644
--- a/people/6854.html
+++ b/people/6854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6855.html b/people/6855.html
index e85cd633..1b72d357 100644
--- a/people/6855.html
+++ b/people/6855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6856.html b/people/6856.html
index d823ee2d..16f3ac5b 100644
--- a/people/6856.html
+++ b/people/6856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6857.html b/people/6857.html
index f71bae68..20f31688 100644
--- a/people/6857.html
+++ b/people/6857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6858.html b/people/6858.html
index 4d31fbbd..555aa474 100644
--- a/people/6858.html
+++ b/people/6858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6859.html b/people/6859.html
index d86c6cd3..254a2e10 100644
--- a/people/6859.html
+++ b/people/6859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/686.html b/people/686.html
index 513ce9c9..b4d91243 100644
--- a/people/686.html
+++ b/people/686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6860.html b/people/6860.html
index c6871790..d6b1e017 100644
--- a/people/6860.html
+++ b/people/6860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6861.html b/people/6861.html
index fd320ff1..be216bd7 100644
--- a/people/6861.html
+++ b/people/6861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6862.html b/people/6862.html
index be343c62..0de6a402 100644
--- a/people/6862.html
+++ b/people/6862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6863.html b/people/6863.html
index 57304c9c..359db255 100644
--- a/people/6863.html
+++ b/people/6863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6864.html b/people/6864.html
index b962ceb3..b6fe01fd 100644
--- a/people/6864.html
+++ b/people/6864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6865.html b/people/6865.html
index 2f5d8ec6..9d14682e 100644
--- a/people/6865.html
+++ b/people/6865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6866.html b/people/6866.html
index 9b3c8a63..a85618e7 100644
--- a/people/6866.html
+++ b/people/6866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6867.html b/people/6867.html
index fc9942f7..6a656827 100644
--- a/people/6867.html
+++ b/people/6867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6868.html b/people/6868.html
index a4e54395..5bedce46 100644
--- a/people/6868.html
+++ b/people/6868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6869.html b/people/6869.html
index 95c71887..ea739e10 100644
--- a/people/6869.html
+++ b/people/6869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/687.html b/people/687.html
index 451ece77..27d0a9dc 100644
--- a/people/687.html
+++ b/people/687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6870.html b/people/6870.html
index cd0d106c..1b8e239c 100644
--- a/people/6870.html
+++ b/people/6870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6871.html b/people/6871.html
index 1f77dcab..7a48c4d6 100644
--- a/people/6871.html
+++ b/people/6871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6872.html b/people/6872.html
index 2776654c..5af51771 100644
--- a/people/6872.html
+++ b/people/6872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6873.html b/people/6873.html
index e88fb24f..442e3faf 100644
--- a/people/6873.html
+++ b/people/6873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6874.html b/people/6874.html
index 7336f340..0b88f4ab 100644
--- a/people/6874.html
+++ b/people/6874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6875.html b/people/6875.html
index 60326592..3d75a79c 100644
--- a/people/6875.html
+++ b/people/6875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6876.html b/people/6876.html
index 30cba227..f9287801 100644
--- a/people/6876.html
+++ b/people/6876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6877.html b/people/6877.html
index 7a3dd266..4a89efbb 100644
--- a/people/6877.html
+++ b/people/6877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6878.html b/people/6878.html
index 51f59c41..c7cbab93 100644
--- a/people/6878.html
+++ b/people/6878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6879.html b/people/6879.html
index fcc87918..917552bf 100644
--- a/people/6879.html
+++ b/people/6879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/688.html b/people/688.html
index 359e988e..0cfd3426 100644
--- a/people/688.html
+++ b/people/688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6880.html b/people/6880.html
index 1b2204be..1b24e5ab 100644
--- a/people/6880.html
+++ b/people/6880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6881.html b/people/6881.html
index 9e560868..68bbe4af 100644
--- a/people/6881.html
+++ b/people/6881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6882.html b/people/6882.html
index 9fae5f9a..730d5deb 100644
--- a/people/6882.html
+++ b/people/6882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6883.html b/people/6883.html
index b2513969..5a139a8c 100644
--- a/people/6883.html
+++ b/people/6883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6884.html b/people/6884.html
index 8bfbd609..25a5bac4 100644
--- a/people/6884.html
+++ b/people/6884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6885.html b/people/6885.html
index ed54e988..678884a6 100644
--- a/people/6885.html
+++ b/people/6885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6886.html b/people/6886.html
index 43a3407f..2fd2dbf2 100644
--- a/people/6886.html
+++ b/people/6886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6887.html b/people/6887.html
index e50be280..039689d9 100644
--- a/people/6887.html
+++ b/people/6887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6888.html b/people/6888.html
index 80bce5ba..84438651 100644
--- a/people/6888.html
+++ b/people/6888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6889.html b/people/6889.html
index 5563c10b..e3029737 100644
--- a/people/6889.html
+++ b/people/6889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/689.html b/people/689.html
index 7250e8a9..90e99cbe 100644
--- a/people/689.html
+++ b/people/689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6890.html b/people/6890.html
index 96c90a77..e88b7775 100644
--- a/people/6890.html
+++ b/people/6890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6891.html b/people/6891.html
index 25a96572..16c8aa0f 100644
--- a/people/6891.html
+++ b/people/6891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6892.html b/people/6892.html
index 50c5bf8f..b038b923 100644
--- a/people/6892.html
+++ b/people/6892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6893.html b/people/6893.html
index 3c5a28fe..7d851161 100644
--- a/people/6893.html
+++ b/people/6893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6894.html b/people/6894.html
index eb749798..290c41aa 100644
--- a/people/6894.html
+++ b/people/6894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6895.html b/people/6895.html
index a8a0d2fe..f9d9f870 100644
--- a/people/6895.html
+++ b/people/6895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6896.html b/people/6896.html
index 22610ee3..7b253459 100644
--- a/people/6896.html
+++ b/people/6896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6897.html b/people/6897.html
index 2cb1c0b0..b905db70 100644
--- a/people/6897.html
+++ b/people/6897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6898.html b/people/6898.html
index e45bc77f..29a1152a 100644
--- a/people/6898.html
+++ b/people/6898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6899.html b/people/6899.html
index 62b318ff..25bb5adc 100644
--- a/people/6899.html
+++ b/people/6899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/69.html b/people/69.html
index 2d0c0d63..9cd5a18d 100644
--- a/people/69.html
+++ b/people/69.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/690.html b/people/690.html
index 5bf87ee0..1900317a 100644
--- a/people/690.html
+++ b/people/690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6900.html b/people/6900.html
index 2389db6b..2739be71 100644
--- a/people/6900.html
+++ b/people/6900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6901.html b/people/6901.html
index 1d5d32aa..7a06d5d5 100644
--- a/people/6901.html
+++ b/people/6901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6902.html b/people/6902.html
index c04406b3..e279571b 100644
--- a/people/6902.html
+++ b/people/6902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6903.html b/people/6903.html
index 06aaee0c..215a0cee 100644
--- a/people/6903.html
+++ b/people/6903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6904.html b/people/6904.html
index 0883d1c3..87b41104 100644
--- a/people/6904.html
+++ b/people/6904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6905.html b/people/6905.html
index 8812919c..461b3ecd 100644
--- a/people/6905.html
+++ b/people/6905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6906.html b/people/6906.html
index 0c60bb4c..1ce7a1b5 100644
--- a/people/6906.html
+++ b/people/6906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6907.html b/people/6907.html
index f20884bb..2d42c752 100644
--- a/people/6907.html
+++ b/people/6907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6908.html b/people/6908.html
index e0eb4796..647c0d15 100644
--- a/people/6908.html
+++ b/people/6908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6909.html b/people/6909.html
index b5fe91bd..c65a52e7 100644
--- a/people/6909.html
+++ b/people/6909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/691.html b/people/691.html
index 0067c93a..ec250215 100644
--- a/people/691.html
+++ b/people/691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6910.html b/people/6910.html
index 9ee0f174..95aabb93 100644
--- a/people/6910.html
+++ b/people/6910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6911.html b/people/6911.html
index 4c1fd50c..075581fc 100644
--- a/people/6911.html
+++ b/people/6911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6912.html b/people/6912.html
index ba27b022..a1af342b 100644
--- a/people/6912.html
+++ b/people/6912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6913.html b/people/6913.html
index 44090d4f..6e31533f 100644
--- a/people/6913.html
+++ b/people/6913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6914.html b/people/6914.html
index 1d4d3d84..06ae457a 100644
--- a/people/6914.html
+++ b/people/6914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6915.html b/people/6915.html
index 86357a50..e2a126e7 100644
--- a/people/6915.html
+++ b/people/6915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6916.html b/people/6916.html
index 9227ad77..954592f8 100644
--- a/people/6916.html
+++ b/people/6916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6917.html b/people/6917.html
index 7737b74e..9c37ba11 100644
--- a/people/6917.html
+++ b/people/6917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6918.html b/people/6918.html
index a0d9003c..19660c39 100644
--- a/people/6918.html
+++ b/people/6918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6919.html b/people/6919.html
index 057da20d..905b4ff1 100644
--- a/people/6919.html
+++ b/people/6919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/692.html b/people/692.html
index 289b4dfc..b743d75e 100644
--- a/people/692.html
+++ b/people/692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6920.html b/people/6920.html
index 487ad7a3..d9ada576 100644
--- a/people/6920.html
+++ b/people/6920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6921.html b/people/6921.html
index 6adacbde..606d90c0 100644
--- a/people/6921.html
+++ b/people/6921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6922.html b/people/6922.html
index 2b416b2d..73a24dca 100644
--- a/people/6922.html
+++ b/people/6922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6923.html b/people/6923.html
index 6db1b1fd..c06a4fb4 100644
--- a/people/6923.html
+++ b/people/6923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6924.html b/people/6924.html
index b160021c..1a2e45d4 100644
--- a/people/6924.html
+++ b/people/6924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6925.html b/people/6925.html
index 2d69b7fd..4cad0283 100644
--- a/people/6925.html
+++ b/people/6925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6926.html b/people/6926.html
index 20df5590..870e0083 100644
--- a/people/6926.html
+++ b/people/6926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6927.html b/people/6927.html
index 3bd37cc6..3f9bdaa2 100644
--- a/people/6927.html
+++ b/people/6927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6928.html b/people/6928.html
index 9227fa9b..d8cdf116 100644
--- a/people/6928.html
+++ b/people/6928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6929.html b/people/6929.html
index 2c8a5e01..922b4a25 100644
--- a/people/6929.html
+++ b/people/6929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/693.html b/people/693.html
index d43f9985..a9f0163f 100644
--- a/people/693.html
+++ b/people/693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6930.html b/people/6930.html
index 9e3868f5..2c574046 100644
--- a/people/6930.html
+++ b/people/6930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6931.html b/people/6931.html
index 5a9d2a01..ecc3ce7d 100644
--- a/people/6931.html
+++ b/people/6931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6932.html b/people/6932.html
index 83b18678..1e3ce34f 100644
--- a/people/6932.html
+++ b/people/6932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6933.html b/people/6933.html
index 421baeb4..b7f0c184 100644
--- a/people/6933.html
+++ b/people/6933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6934.html b/people/6934.html
index 5241137c..be75b820 100644
--- a/people/6934.html
+++ b/people/6934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6935.html b/people/6935.html
index beadb713..11e21ffa 100644
--- a/people/6935.html
+++ b/people/6935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6936.html b/people/6936.html
index 12183ef9..0b62f689 100644
--- a/people/6936.html
+++ b/people/6936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6937.html b/people/6937.html
index 7e08b899..32a57428 100644
--- a/people/6937.html
+++ b/people/6937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6938.html b/people/6938.html
index 55e49c8e..9db404e4 100644
--- a/people/6938.html
+++ b/people/6938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6939.html b/people/6939.html
index 6a29847f..65500bcd 100644
--- a/people/6939.html
+++ b/people/6939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/694.html b/people/694.html
index 7357ad7d..18d07795 100644
--- a/people/694.html
+++ b/people/694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6940.html b/people/6940.html
index adee9a05..8ec7ed85 100644
--- a/people/6940.html
+++ b/people/6940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6941.html b/people/6941.html
index 82a41e54..52731ffa 100644
--- a/people/6941.html
+++ b/people/6941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6942.html b/people/6942.html
index 847acf77..70bf94bf 100644
--- a/people/6942.html
+++ b/people/6942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6943.html b/people/6943.html
index ac0751bc..15f756fd 100644
--- a/people/6943.html
+++ b/people/6943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6944.html b/people/6944.html
index af20f094..eb92e42f 100644
--- a/people/6944.html
+++ b/people/6944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6945.html b/people/6945.html
index c5287ef7..8230709f 100644
--- a/people/6945.html
+++ b/people/6945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6946.html b/people/6946.html
index 49868fb2..8cc0ba86 100644
--- a/people/6946.html
+++ b/people/6946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6947.html b/people/6947.html
index a2f60d4c..5831182a 100644
--- a/people/6947.html
+++ b/people/6947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6948.html b/people/6948.html
index 65f7de4f..c93b8c4a 100644
--- a/people/6948.html
+++ b/people/6948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6949.html b/people/6949.html
index 57dec8de..0ba6e8ef 100644
--- a/people/6949.html
+++ b/people/6949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/695.html b/people/695.html
index e622b223..446fd532 100644
--- a/people/695.html
+++ b/people/695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6950.html b/people/6950.html
index 54716393..a6e6708f 100644
--- a/people/6950.html
+++ b/people/6950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6951.html b/people/6951.html
index 2d3e9b5c..7e57472a 100644
--- a/people/6951.html
+++ b/people/6951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6952.html b/people/6952.html
index 6e05ee54..dba35ec1 100644
--- a/people/6952.html
+++ b/people/6952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6953.html b/people/6953.html
index 4e3087cc..c3f86f38 100644
--- a/people/6953.html
+++ b/people/6953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6954.html b/people/6954.html
index 206940ae..a14136db 100644
--- a/people/6954.html
+++ b/people/6954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6955.html b/people/6955.html
index 29b63b5a..508e5a63 100644
--- a/people/6955.html
+++ b/people/6955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6956.html b/people/6956.html
index aefa3098..a6824eb3 100644
--- a/people/6956.html
+++ b/people/6956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6957.html b/people/6957.html
index da0a2e76..486236f4 100644
--- a/people/6957.html
+++ b/people/6957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6958.html b/people/6958.html
index de19f404..8d1994c7 100644
--- a/people/6958.html
+++ b/people/6958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6959.html b/people/6959.html
index 1a1f036f..f25bfadd 100644
--- a/people/6959.html
+++ b/people/6959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/696.html b/people/696.html
index 3d860b33..2d345bf1 100644
--- a/people/696.html
+++ b/people/696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6960.html b/people/6960.html
index 1a1f036f..f25bfadd 100644
--- a/people/6960.html
+++ b/people/6960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6961.html b/people/6961.html
index be28a5b1..559c64a7 100644
--- a/people/6961.html
+++ b/people/6961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6962.html b/people/6962.html
index 93f6d57f..bf8c0c17 100644
--- a/people/6962.html
+++ b/people/6962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6963.html b/people/6963.html
index 81e3623b..fb8ca0f1 100644
--- a/people/6963.html
+++ b/people/6963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6964.html b/people/6964.html
index 87019403..612e9e5d 100644
--- a/people/6964.html
+++ b/people/6964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6965.html b/people/6965.html
index 3c83b43b..4ffbb4f5 100644
--- a/people/6965.html
+++ b/people/6965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6966.html b/people/6966.html
index 4962baec..19758c2f 100644
--- a/people/6966.html
+++ b/people/6966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6967.html b/people/6967.html
index bca0b22b..fa13ae09 100644
--- a/people/6967.html
+++ b/people/6967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6968.html b/people/6968.html
index 5992c82a..86da3730 100644
--- a/people/6968.html
+++ b/people/6968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6969.html b/people/6969.html
index 1753bce1..2fec30fd 100644
--- a/people/6969.html
+++ b/people/6969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/697.html b/people/697.html
index 0a94f718..6a0967f4 100644
--- a/people/697.html
+++ b/people/697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6970.html b/people/6970.html
index b60e102a..fb783780 100644
--- a/people/6970.html
+++ b/people/6970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6971.html b/people/6971.html
index 574c630f..24691cb7 100644
--- a/people/6971.html
+++ b/people/6971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6972.html b/people/6972.html
index 07ad055e..beb16fe5 100644
--- a/people/6972.html
+++ b/people/6972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6973.html b/people/6973.html
index ef94ba5f..97a5a753 100644
--- a/people/6973.html
+++ b/people/6973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6974.html b/people/6974.html
index e3fb3708..31c9491d 100644
--- a/people/6974.html
+++ b/people/6974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6975.html b/people/6975.html
index 8dd9fb5f..547acba7 100644
--- a/people/6975.html
+++ b/people/6975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6976.html b/people/6976.html
index 11ec2925..37f5bf8a 100644
--- a/people/6976.html
+++ b/people/6976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6977.html b/people/6977.html
index 26dc3472..e5ba94b6 100644
--- a/people/6977.html
+++ b/people/6977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6978.html b/people/6978.html
index 5f09cfcd..382b4e01 100644
--- a/people/6978.html
+++ b/people/6978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6979.html b/people/6979.html
index 747d2d6e..67b3f125 100644
--- a/people/6979.html
+++ b/people/6979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/698.html b/people/698.html
index bb996f27..cb86c9e3 100644
--- a/people/698.html
+++ b/people/698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6980.html b/people/6980.html
index 5fb9616d..6a8bea42 100644
--- a/people/6980.html
+++ b/people/6980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6981.html b/people/6981.html
index 6b72e8e2..14553185 100644
--- a/people/6981.html
+++ b/people/6981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6982.html b/people/6982.html
index b317386c..afec32e9 100644
--- a/people/6982.html
+++ b/people/6982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6983.html b/people/6983.html
index e5b65e2b..520efced 100644
--- a/people/6983.html
+++ b/people/6983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6984.html b/people/6984.html
index 28343dd4..2ec0baf3 100644
--- a/people/6984.html
+++ b/people/6984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6985.html b/people/6985.html
index a4eb6c7f..950d6cec 100644
--- a/people/6985.html
+++ b/people/6985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6986.html b/people/6986.html
index 19ea840f..29121ac5 100644
--- a/people/6986.html
+++ b/people/6986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6987.html b/people/6987.html
index 0500b112..ca89a4af 100644
--- a/people/6987.html
+++ b/people/6987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6988.html b/people/6988.html
index 2a7cc143..35797696 100644
--- a/people/6988.html
+++ b/people/6988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6989.html b/people/6989.html
index f254feab..4068f3d7 100644
--- a/people/6989.html
+++ b/people/6989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/699.html b/people/699.html
index c5dc2483..da457163 100644
--- a/people/699.html
+++ b/people/699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6990.html b/people/6990.html
index e87c1c06..14df926c 100644
--- a/people/6990.html
+++ b/people/6990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6991.html b/people/6991.html
index c7e4e105..4afce595 100644
--- a/people/6991.html
+++ b/people/6991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6992.html b/people/6992.html
index dede2e37..c4c31c39 100644
--- a/people/6992.html
+++ b/people/6992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6993.html b/people/6993.html
index a053e5cc..ffa6fea8 100644
--- a/people/6993.html
+++ b/people/6993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6994.html b/people/6994.html
index 2f130d20..99d53001 100644
--- a/people/6994.html
+++ b/people/6994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6995.html b/people/6995.html
index f23a8c49..a3a43e9c 100644
--- a/people/6995.html
+++ b/people/6995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6996.html b/people/6996.html
index c2fc3b41..139fda5c 100644
--- a/people/6996.html
+++ b/people/6996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6997.html b/people/6997.html
index de2265a2..579c9346 100644
--- a/people/6997.html
+++ b/people/6997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6998.html b/people/6998.html
index a332a11d..89bebb0a 100644
--- a/people/6998.html
+++ b/people/6998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/6999.html b/people/6999.html
index 547b94b4..e92df7b7 100644
--- a/people/6999.html
+++ b/people/6999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7.html b/people/7.html
index 469bb622..99e3b340 100644
--- a/people/7.html
+++ b/people/7.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/70.html b/people/70.html
index c1f3a7c5..00283962 100644
--- a/people/70.html
+++ b/people/70.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/700.html b/people/700.html
index 58ffe051..8727714e 100644
--- a/people/700.html
+++ b/people/700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7000.html b/people/7000.html
index e6afa23a..c0b0127d 100644
--- a/people/7000.html
+++ b/people/7000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7001.html b/people/7001.html
index b656b849..03606de6 100644
--- a/people/7001.html
+++ b/people/7001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7002.html b/people/7002.html
index 4d4e5d0f..e9f3af97 100644
--- a/people/7002.html
+++ b/people/7002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7003.html b/people/7003.html
index d4bcc34c..16d419ad 100644
--- a/people/7003.html
+++ b/people/7003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7004.html b/people/7004.html
index 74ba9bb0..8a58365a 100644
--- a/people/7004.html
+++ b/people/7004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7005.html b/people/7005.html
index 6a3dc92d..52871fcc 100644
--- a/people/7005.html
+++ b/people/7005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7006.html b/people/7006.html
index f9557fd5..21eb14b3 100644
--- a/people/7006.html
+++ b/people/7006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7007.html b/people/7007.html
index 80bd64ae..564bf2e6 100644
--- a/people/7007.html
+++ b/people/7007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7008.html b/people/7008.html
index e96c41b5..ebf581b9 100644
--- a/people/7008.html
+++ b/people/7008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7009.html b/people/7009.html
index 91673f9a..01a3ad62 100644
--- a/people/7009.html
+++ b/people/7009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/701.html b/people/701.html
index 10ccb92c..e7e25713 100644
--- a/people/701.html
+++ b/people/701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7010.html b/people/7010.html
index ac48f122..9a7c3abd 100644
--- a/people/7010.html
+++ b/people/7010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7011.html b/people/7011.html
index 2ed342d2..4df54a1d 100644
--- a/people/7011.html
+++ b/people/7011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7012.html b/people/7012.html
index c393d682..54448fc4 100644
--- a/people/7012.html
+++ b/people/7012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7013.html b/people/7013.html
index be3ddd32..2cffc3d0 100644
--- a/people/7013.html
+++ b/people/7013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7014.html b/people/7014.html
index ae41d942..2b3e7f15 100644
--- a/people/7014.html
+++ b/people/7014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7015.html b/people/7015.html
index 10d7fb86..a53fc7c5 100644
--- a/people/7015.html
+++ b/people/7015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7016.html b/people/7016.html
index 23dc9942..a7e1001b 100644
--- a/people/7016.html
+++ b/people/7016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7017.html b/people/7017.html
index 996a5200..a2ca2e09 100644
--- a/people/7017.html
+++ b/people/7017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7018.html b/people/7018.html
index 0eb48db6..3673f127 100644
--- a/people/7018.html
+++ b/people/7018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7019.html b/people/7019.html
index 0e0c9885..22f6b436 100644
--- a/people/7019.html
+++ b/people/7019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/702.html b/people/702.html
index 0ef94c85..356dce99 100644
--- a/people/702.html
+++ b/people/702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7020.html b/people/7020.html
index feb3953d..0c177bad 100644
--- a/people/7020.html
+++ b/people/7020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7021.html b/people/7021.html
index 1c06439f..c93ccac7 100644
--- a/people/7021.html
+++ b/people/7021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7022.html b/people/7022.html
index 6aefa893..eb2a3d75 100644
--- a/people/7022.html
+++ b/people/7022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7023.html b/people/7023.html
index fb5a5fc6..a256ba41 100644
--- a/people/7023.html
+++ b/people/7023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7024.html b/people/7024.html
index 7d39d7c3..34110ee9 100644
--- a/people/7024.html
+++ b/people/7024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7025.html b/people/7025.html
index 402464a2..a8285c10 100644
--- a/people/7025.html
+++ b/people/7025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7026.html b/people/7026.html
index 7cb8132d..22dcfbe5 100644
--- a/people/7026.html
+++ b/people/7026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7027.html b/people/7027.html
index 11a51e7e..db6ff3cd 100644
--- a/people/7027.html
+++ b/people/7027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7028.html b/people/7028.html
index 6f40618b..393f1888 100644
--- a/people/7028.html
+++ b/people/7028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7029.html b/people/7029.html
index c02a29d0..1d77cbd8 100644
--- a/people/7029.html
+++ b/people/7029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/703.html b/people/703.html
index 10a0736b..cb9740a8 100644
--- a/people/703.html
+++ b/people/703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7030.html b/people/7030.html
index b9395efd..56b1ed03 100644
--- a/people/7030.html
+++ b/people/7030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7031.html b/people/7031.html
index 0f0672b8..116f9ea6 100644
--- a/people/7031.html
+++ b/people/7031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7032.html b/people/7032.html
index b6457c3e..4f2bfb80 100644
--- a/people/7032.html
+++ b/people/7032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7033.html b/people/7033.html
index e859ce3a..71463fc8 100644
--- a/people/7033.html
+++ b/people/7033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7034.html b/people/7034.html
index 30f881f0..8e9bba07 100644
--- a/people/7034.html
+++ b/people/7034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7035.html b/people/7035.html
index 1cfd211f..df364171 100644
--- a/people/7035.html
+++ b/people/7035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7036.html b/people/7036.html
index 38c7b10d..07db82e1 100644
--- a/people/7036.html
+++ b/people/7036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7037.html b/people/7037.html
index 4fb14d5b..ffde5ce2 100644
--- a/people/7037.html
+++ b/people/7037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7038.html b/people/7038.html
index f49971b9..7ca9e9fc 100644
--- a/people/7038.html
+++ b/people/7038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7039.html b/people/7039.html
index 24c5cce9..d5a5c4c1 100644
--- a/people/7039.html
+++ b/people/7039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/704.html b/people/704.html
index aed31f03..ac87a1b2 100644
--- a/people/704.html
+++ b/people/704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7040.html b/people/7040.html
index 64fdc4d5..659b7c70 100644
--- a/people/7040.html
+++ b/people/7040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7041.html b/people/7041.html
index 344dd9e3..b7012f79 100644
--- a/people/7041.html
+++ b/people/7041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7042.html b/people/7042.html
index fb86f493..cfbe36bb 100644
--- a/people/7042.html
+++ b/people/7042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7043.html b/people/7043.html
index 9008fb8e..dc713735 100644
--- a/people/7043.html
+++ b/people/7043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7044.html b/people/7044.html
index fe7a71c6..843c98af 100644
--- a/people/7044.html
+++ b/people/7044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7045.html b/people/7045.html
index 324b6b65..b9239973 100644
--- a/people/7045.html
+++ b/people/7045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7046.html b/people/7046.html
index 9c381b2d..0ab51643 100644
--- a/people/7046.html
+++ b/people/7046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7047.html b/people/7047.html
index 349399a2..8abf8c3d 100644
--- a/people/7047.html
+++ b/people/7047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7048.html b/people/7048.html
index 0de2901d..a7c6a6be 100644
--- a/people/7048.html
+++ b/people/7048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7049.html b/people/7049.html
index 3ab29f6c..a8496f65 100644
--- a/people/7049.html
+++ b/people/7049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/705.html b/people/705.html
index 7948b686..c4965f4e 100644
--- a/people/705.html
+++ b/people/705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7050.html b/people/7050.html
index 72baa020..b58e3844 100644
--- a/people/7050.html
+++ b/people/7050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7051.html b/people/7051.html
index a6487c87..f6122dbb 100644
--- a/people/7051.html
+++ b/people/7051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7052.html b/people/7052.html
index 2dfd26f6..855c5ac0 100644
--- a/people/7052.html
+++ b/people/7052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7053.html b/people/7053.html
index e68b68d1..b479ae3d 100644
--- a/people/7053.html
+++ b/people/7053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7054.html b/people/7054.html
index b6248479..7c55b6ee 100644
--- a/people/7054.html
+++ b/people/7054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7055.html b/people/7055.html
index 4eb55d31..e6915607 100644
--- a/people/7055.html
+++ b/people/7055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7056.html b/people/7056.html
index 3de667a0..11c381cf 100644
--- a/people/7056.html
+++ b/people/7056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7057.html b/people/7057.html
index 801e9314..170407ee 100644
--- a/people/7057.html
+++ b/people/7057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7058.html b/people/7058.html
index 00c39143..e4a23d04 100644
--- a/people/7058.html
+++ b/people/7058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7059.html b/people/7059.html
index e0cd6f9f..c63997f5 100644
--- a/people/7059.html
+++ b/people/7059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/706.html b/people/706.html
index 8b54c939..733487d3 100644
--- a/people/706.html
+++ b/people/706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7060.html b/people/7060.html
index 4ca3e0d4..41b9188f 100644
--- a/people/7060.html
+++ b/people/7060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7061.html b/people/7061.html
index b1e69a5d..aca9ab61 100644
--- a/people/7061.html
+++ b/people/7061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7062.html b/people/7062.html
index a725f907..208764bd 100644
--- a/people/7062.html
+++ b/people/7062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7063.html b/people/7063.html
index ff201701..7b95ad4d 100644
--- a/people/7063.html
+++ b/people/7063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7064.html b/people/7064.html
index 79cfea85..c7dbc4bb 100644
--- a/people/7064.html
+++ b/people/7064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7065.html b/people/7065.html
index f4d646cf..c46c79a7 100644
--- a/people/7065.html
+++ b/people/7065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7066.html b/people/7066.html
index c7af5ad8..ee8fc153 100644
--- a/people/7066.html
+++ b/people/7066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7067.html b/people/7067.html
index 7e753919..b9a83ad0 100644
--- a/people/7067.html
+++ b/people/7067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7068.html b/people/7068.html
index 7a06552f..3f39e808 100644
--- a/people/7068.html
+++ b/people/7068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7069.html b/people/7069.html
index 892744b7..efdd2641 100644
--- a/people/7069.html
+++ b/people/7069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/707.html b/people/707.html
index 51519cf9..295c15f4 100644
--- a/people/707.html
+++ b/people/707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7070.html b/people/7070.html
index 63245d37..9a993a64 100644
--- a/people/7070.html
+++ b/people/7070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7071.html b/people/7071.html
index 5a2ce2b9..b8fc5426 100644
--- a/people/7071.html
+++ b/people/7071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7072.html b/people/7072.html
index d36c93fb..4f4cf159 100644
--- a/people/7072.html
+++ b/people/7072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7073.html b/people/7073.html
index 39145544..9d8c45d7 100644
--- a/people/7073.html
+++ b/people/7073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7074.html b/people/7074.html
index 639950da..8048f27e 100644
--- a/people/7074.html
+++ b/people/7074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7075.html b/people/7075.html
index 3eff56d0..ec77d19e 100644
--- a/people/7075.html
+++ b/people/7075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7076.html b/people/7076.html
index 039da849..fadee283 100644
--- a/people/7076.html
+++ b/people/7076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7077.html b/people/7077.html
index 23bddf31..732b8416 100644
--- a/people/7077.html
+++ b/people/7077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7078.html b/people/7078.html
index d8d5d86a..1ef0c950 100644
--- a/people/7078.html
+++ b/people/7078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7079.html b/people/7079.html
index 2f371ef5..b86a72b0 100644
--- a/people/7079.html
+++ b/people/7079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/708.html b/people/708.html
index 06929138..b3278e3e 100644
--- a/people/708.html
+++ b/people/708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7080.html b/people/7080.html
index fa59ffc9..79ed05af 100644
--- a/people/7080.html
+++ b/people/7080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7081.html b/people/7081.html
index b2cdde9d..bcd88720 100644
--- a/people/7081.html
+++ b/people/7081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7082.html b/people/7082.html
index c74419a4..58c915aa 100644
--- a/people/7082.html
+++ b/people/7082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7083.html b/people/7083.html
index d2fac6cc..99f92f70 100644
--- a/people/7083.html
+++ b/people/7083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7084.html b/people/7084.html
index 6e9b6b11..334ce812 100644
--- a/people/7084.html
+++ b/people/7084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7085.html b/people/7085.html
index eacb06c7..68fbe27f 100644
--- a/people/7085.html
+++ b/people/7085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7086.html b/people/7086.html
index d4c29ae0..f6116562 100644
--- a/people/7086.html
+++ b/people/7086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7087.html b/people/7087.html
index 7dc4fbaa..f8a71660 100644
--- a/people/7087.html
+++ b/people/7087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7088.html b/people/7088.html
index f3762cca..7fb92d17 100644
--- a/people/7088.html
+++ b/people/7088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7089.html b/people/7089.html
index 039688ec..48354d3b 100644
--- a/people/7089.html
+++ b/people/7089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/709.html b/people/709.html
index 03a7b7aa..d78a0d78 100644
--- a/people/709.html
+++ b/people/709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7090.html b/people/7090.html
index 035a2f91..5b416721 100644
--- a/people/7090.html
+++ b/people/7090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7091.html b/people/7091.html
index e9f1b0b7..a581bf46 100644
--- a/people/7091.html
+++ b/people/7091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7092.html b/people/7092.html
index a071d9db..db102942 100644
--- a/people/7092.html
+++ b/people/7092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7093.html b/people/7093.html
index d0218598..02397082 100644
--- a/people/7093.html
+++ b/people/7093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7094.html b/people/7094.html
index 76abe83a..de731094 100644
--- a/people/7094.html
+++ b/people/7094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7095.html b/people/7095.html
index 1e029b7a..67ac1709 100644
--- a/people/7095.html
+++ b/people/7095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7096.html b/people/7096.html
index 707dfa73..4f88b344 100644
--- a/people/7096.html
+++ b/people/7096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7097.html b/people/7097.html
index 9e2d321d..83e83155 100644
--- a/people/7097.html
+++ b/people/7097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7098.html b/people/7098.html
index e6dff0f1..351c5e4f 100644
--- a/people/7098.html
+++ b/people/7098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7099.html b/people/7099.html
index 13d91ee0..17bc8626 100644
--- a/people/7099.html
+++ b/people/7099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/71.html b/people/71.html
index 26b7ab41..331fa9de 100644
--- a/people/71.html
+++ b/people/71.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/710.html b/people/710.html
index c74e174c..97474be4 100644
--- a/people/710.html
+++ b/people/710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7100.html b/people/7100.html
index e7c33aa3..d872d25b 100644
--- a/people/7100.html
+++ b/people/7100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7101.html b/people/7101.html
index dbaceed9..cb1c9f35 100644
--- a/people/7101.html
+++ b/people/7101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7102.html b/people/7102.html
index c67faba1..ad83b514 100644
--- a/people/7102.html
+++ b/people/7102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7103.html b/people/7103.html
index 6f7c18ea..60adf0a0 100644
--- a/people/7103.html
+++ b/people/7103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7104.html b/people/7104.html
index 2b91af1c..4bd85348 100644
--- a/people/7104.html
+++ b/people/7104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7105.html b/people/7105.html
index 65638e81..571f3e54 100644
--- a/people/7105.html
+++ b/people/7105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7106.html b/people/7106.html
index 391473eb..5b5f9d9e 100644
--- a/people/7106.html
+++ b/people/7106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7107.html b/people/7107.html
index 12ae5f3a..304b9e01 100644
--- a/people/7107.html
+++ b/people/7107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7108.html b/people/7108.html
index 1db7d2c3..02c02e83 100644
--- a/people/7108.html
+++ b/people/7108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7109.html b/people/7109.html
index d07e0195..fe523b69 100644
--- a/people/7109.html
+++ b/people/7109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/711.html b/people/711.html
index 26e18d85..1f10139e 100644
--- a/people/711.html
+++ b/people/711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7110.html b/people/7110.html
index 4570a115..c898af87 100644
--- a/people/7110.html
+++ b/people/7110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7111.html b/people/7111.html
index 3af3e7ea..47b7b663 100644
--- a/people/7111.html
+++ b/people/7111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7112.html b/people/7112.html
index 997c509d..09ad7b6c 100644
--- a/people/7112.html
+++ b/people/7112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7113.html b/people/7113.html
index c6449917..4b0ed794 100644
--- a/people/7113.html
+++ b/people/7113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7114.html b/people/7114.html
index 8b4adf9d..31a15d49 100644
--- a/people/7114.html
+++ b/people/7114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7115.html b/people/7115.html
index 70670dce..dda2630a 100644
--- a/people/7115.html
+++ b/people/7115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7116.html b/people/7116.html
index dbb80e74..556b9bd9 100644
--- a/people/7116.html
+++ b/people/7116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7117.html b/people/7117.html
index 1d71ac6e..c02e0ac3 100644
--- a/people/7117.html
+++ b/people/7117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7118.html b/people/7118.html
index 6b86da7d..912f06c2 100644
--- a/people/7118.html
+++ b/people/7118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7119.html b/people/7119.html
index 0a0212e7..68bb4495 100644
--- a/people/7119.html
+++ b/people/7119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/712.html b/people/712.html
index 79b1fc32..68a87db9 100644
--- a/people/712.html
+++ b/people/712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7120.html b/people/7120.html
index 8f385c4d..fdb24474 100644
--- a/people/7120.html
+++ b/people/7120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7121.html b/people/7121.html
index 57460797..61ef83ff 100644
--- a/people/7121.html
+++ b/people/7121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7122.html b/people/7122.html
index f855bb5b..d34e6e5c 100644
--- a/people/7122.html
+++ b/people/7122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7123.html b/people/7123.html
index 148499ad..774298ae 100644
--- a/people/7123.html
+++ b/people/7123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7124.html b/people/7124.html
index b79a8d53..93d14885 100644
--- a/people/7124.html
+++ b/people/7124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7125.html b/people/7125.html
index 2327145e..277ba71e 100644
--- a/people/7125.html
+++ b/people/7125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7126.html b/people/7126.html
index 4db67f5f..e12de205 100644
--- a/people/7126.html
+++ b/people/7126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7127.html b/people/7127.html
index 1d09f46f..08ce82c6 100644
--- a/people/7127.html
+++ b/people/7127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7128.html b/people/7128.html
index 157783c5..d09b10ed 100644
--- a/people/7128.html
+++ b/people/7128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7129.html b/people/7129.html
index bb952b91..a00a74b9 100644
--- a/people/7129.html
+++ b/people/7129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/713.html b/people/713.html
index 2380f956..2f6ff39a 100644
--- a/people/713.html
+++ b/people/713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7130.html b/people/7130.html
index b5ad74b5..e6ac081d 100644
--- a/people/7130.html
+++ b/people/7130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7131.html b/people/7131.html
index 7b1b0186..5197870a 100644
--- a/people/7131.html
+++ b/people/7131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7132.html b/people/7132.html
index aa3c8142..6389389b 100644
--- a/people/7132.html
+++ b/people/7132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7133.html b/people/7133.html
index 84cc7412..19561d49 100644
--- a/people/7133.html
+++ b/people/7133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7134.html b/people/7134.html
index d2bf1131..58b04216 100644
--- a/people/7134.html
+++ b/people/7134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7135.html b/people/7135.html
index e0d1c4b2..7fda101e 100644
--- a/people/7135.html
+++ b/people/7135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7136.html b/people/7136.html
index f6942456..8d0e5f12 100644
--- a/people/7136.html
+++ b/people/7136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7137.html b/people/7137.html
index 6b884756..e2f76b64 100644
--- a/people/7137.html
+++ b/people/7137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7138.html b/people/7138.html
index 2d8030d7..14acc50b 100644
--- a/people/7138.html
+++ b/people/7138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7139.html b/people/7139.html
index 772b6d3d..a2e2d9f5 100644
--- a/people/7139.html
+++ b/people/7139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/714.html b/people/714.html
index 6307d066..99a41be1 100644
--- a/people/714.html
+++ b/people/714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7140.html b/people/7140.html
index 97ee81b8..2711f538 100644
--- a/people/7140.html
+++ b/people/7140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7141.html b/people/7141.html
index c260aabf..7907d065 100644
--- a/people/7141.html
+++ b/people/7141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7142.html b/people/7142.html
index 6a975328..df6be4f6 100644
--- a/people/7142.html
+++ b/people/7142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7143.html b/people/7143.html
index 991e0272..f9701da8 100644
--- a/people/7143.html
+++ b/people/7143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7144.html b/people/7144.html
index 389cfb3b..e4f7d4e8 100644
--- a/people/7144.html
+++ b/people/7144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7145.html b/people/7145.html
index 15b8cfa9..d44eec25 100644
--- a/people/7145.html
+++ b/people/7145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7146.html b/people/7146.html
index df50a599..435f42e6 100644
--- a/people/7146.html
+++ b/people/7146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7147.html b/people/7147.html
index 46de370b..9e95c314 100644
--- a/people/7147.html
+++ b/people/7147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7148.html b/people/7148.html
index 35c0c15e..19790b0e 100644
--- a/people/7148.html
+++ b/people/7148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7149.html b/people/7149.html
index 765aa706..518e299b 100644
--- a/people/7149.html
+++ b/people/7149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/715.html b/people/715.html
index ea33d141..bdd9528f 100644
--- a/people/715.html
+++ b/people/715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7150.html b/people/7150.html
index 8436b2b8..bcb5afcb 100644
--- a/people/7150.html
+++ b/people/7150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7151.html b/people/7151.html
index 5d1619f9..fcfe9b65 100644
--- a/people/7151.html
+++ b/people/7151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7152.html b/people/7152.html
index 0e0deddc..25be949c 100644
--- a/people/7152.html
+++ b/people/7152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7153.html b/people/7153.html
index d50f61f4..5c75e58f 100644
--- a/people/7153.html
+++ b/people/7153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7154.html b/people/7154.html
index b482d45d..3752d341 100644
--- a/people/7154.html
+++ b/people/7154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7155.html b/people/7155.html
index 170cbab1..be95d0d8 100644
--- a/people/7155.html
+++ b/people/7155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7156.html b/people/7156.html
index e0d6f5b2..e04a005e 100644
--- a/people/7156.html
+++ b/people/7156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7157.html b/people/7157.html
index 17220810..cd0d98b8 100644
--- a/people/7157.html
+++ b/people/7157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7158.html b/people/7158.html
index 073fb0d2..da9d6602 100644
--- a/people/7158.html
+++ b/people/7158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7159.html b/people/7159.html
index cae4e195..23b892c4 100644
--- a/people/7159.html
+++ b/people/7159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/716.html b/people/716.html
index 04208de6..39745956 100644
--- a/people/716.html
+++ b/people/716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7160.html b/people/7160.html
index 24935d43..303014d7 100644
--- a/people/7160.html
+++ b/people/7160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7161.html b/people/7161.html
index e5c19058..bf0371e5 100644
--- a/people/7161.html
+++ b/people/7161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7162.html b/people/7162.html
index 5008ab15..51e359db 100644
--- a/people/7162.html
+++ b/people/7162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7163.html b/people/7163.html
index 37167683..f7b18c16 100644
--- a/people/7163.html
+++ b/people/7163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7164.html b/people/7164.html
index c9def46f..e347d493 100644
--- a/people/7164.html
+++ b/people/7164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7165.html b/people/7165.html
index 58e34490..36e1f2c6 100644
--- a/people/7165.html
+++ b/people/7165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7166.html b/people/7166.html
index b84bdef5..62472f9d 100644
--- a/people/7166.html
+++ b/people/7166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7167.html b/people/7167.html
index 03423fdd..507056f6 100644
--- a/people/7167.html
+++ b/people/7167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7168.html b/people/7168.html
index 940675a2..c7772484 100644
--- a/people/7168.html
+++ b/people/7168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7169.html b/people/7169.html
index e29e34c3..f2f2be9c 100644
--- a/people/7169.html
+++ b/people/7169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/717.html b/people/717.html
index eda0792d..e185e68f 100644
--- a/people/717.html
+++ b/people/717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7170.html b/people/7170.html
index 4605cd18..4966c235 100644
--- a/people/7170.html
+++ b/people/7170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7171.html b/people/7171.html
index 4a05688d..19e79790 100644
--- a/people/7171.html
+++ b/people/7171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7172.html b/people/7172.html
index e5068561..1a4e73f3 100644
--- a/people/7172.html
+++ b/people/7172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7173.html b/people/7173.html
index 87d07fc4..ff715959 100644
--- a/people/7173.html
+++ b/people/7173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7174.html b/people/7174.html
index d16ea185..d861e485 100644
--- a/people/7174.html
+++ b/people/7174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7175.html b/people/7175.html
index 0d097cfc..006bfdf8 100644
--- a/people/7175.html
+++ b/people/7175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7176.html b/people/7176.html
index 909f05df..9f15e8b6 100644
--- a/people/7176.html
+++ b/people/7176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7177.html b/people/7177.html
index a197605d..cb30a13c 100644
--- a/people/7177.html
+++ b/people/7177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7178.html b/people/7178.html
index f7cae16a..fe30eb28 100644
--- a/people/7178.html
+++ b/people/7178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7179.html b/people/7179.html
index 054db17b..08a815c0 100644
--- a/people/7179.html
+++ b/people/7179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/718.html b/people/718.html
index 44c7344b..3a495310 100644
--- a/people/718.html
+++ b/people/718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7180.html b/people/7180.html
index a95a074a..cc827243 100644
--- a/people/7180.html
+++ b/people/7180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7181.html b/people/7181.html
index 21dc6ec6..168e8e59 100644
--- a/people/7181.html
+++ b/people/7181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7182.html b/people/7182.html
index b26dd11a..52d1ca3c 100644
--- a/people/7182.html
+++ b/people/7182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7183.html b/people/7183.html
index caa9ffa7..4966c411 100644
--- a/people/7183.html
+++ b/people/7183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7184.html b/people/7184.html
index 1b1e6229..de2d4b7d 100644
--- a/people/7184.html
+++ b/people/7184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7185.html b/people/7185.html
index 5aa6614a..c16f7c35 100644
--- a/people/7185.html
+++ b/people/7185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7186.html b/people/7186.html
index 6b7ce795..a7184396 100644
--- a/people/7186.html
+++ b/people/7186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7187.html b/people/7187.html
index 7fc6bf2e..b1138733 100644
--- a/people/7187.html
+++ b/people/7187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7188.html b/people/7188.html
index 97117a94..3bcfc69c 100644
--- a/people/7188.html
+++ b/people/7188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7189.html b/people/7189.html
index 4fc2bb1d..df2cfc80 100644
--- a/people/7189.html
+++ b/people/7189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/719.html b/people/719.html
index 5efd09d1..c3964f27 100644
--- a/people/719.html
+++ b/people/719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7190.html b/people/7190.html
index 7bfe8077..66ed85d8 100644
--- a/people/7190.html
+++ b/people/7190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7191.html b/people/7191.html
index edcd604a..4db307df 100644
--- a/people/7191.html
+++ b/people/7191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7192.html b/people/7192.html
index dbb1fcb3..c070e887 100644
--- a/people/7192.html
+++ b/people/7192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7193.html b/people/7193.html
index 445b4a21..2c0a2a8b 100644
--- a/people/7193.html
+++ b/people/7193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7194.html b/people/7194.html
index bedd7ad9..7b45a9d8 100644
--- a/people/7194.html
+++ b/people/7194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7195.html b/people/7195.html
index cc3d5406..9ddf5602 100644
--- a/people/7195.html
+++ b/people/7195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7196.html b/people/7196.html
index 6d7c2d60..1b69dd62 100644
--- a/people/7196.html
+++ b/people/7196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7197.html b/people/7197.html
index 367a2f2c..83004638 100644
--- a/people/7197.html
+++ b/people/7197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7198.html b/people/7198.html
index 4c2143c6..89335679 100644
--- a/people/7198.html
+++ b/people/7198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7199.html b/people/7199.html
index 099096e6..94b59b53 100644
--- a/people/7199.html
+++ b/people/7199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/72.html b/people/72.html
index c6be23e3..9ada2f15 100644
--- a/people/72.html
+++ b/people/72.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/720.html b/people/720.html
index 4d8e7676..c4c2d125 100644
--- a/people/720.html
+++ b/people/720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7200.html b/people/7200.html
index 39c78745..a2c818be 100644
--- a/people/7200.html
+++ b/people/7200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7201.html b/people/7201.html
index e27a1881..aafedf77 100644
--- a/people/7201.html
+++ b/people/7201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7202.html b/people/7202.html
index 5734c1ce..246aa6f2 100644
--- a/people/7202.html
+++ b/people/7202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7203.html b/people/7203.html
index 35198df7..084dd6d1 100644
--- a/people/7203.html
+++ b/people/7203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7204.html b/people/7204.html
index cbbe4d23..3163345f 100644
--- a/people/7204.html
+++ b/people/7204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7205.html b/people/7205.html
index b6fb27eb..3dc87f6a 100644
--- a/people/7205.html
+++ b/people/7205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7206.html b/people/7206.html
index 7200c16c..a789689b 100644
--- a/people/7206.html
+++ b/people/7206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7207.html b/people/7207.html
index 6fc6883f..c9b45884 100644
--- a/people/7207.html
+++ b/people/7207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7208.html b/people/7208.html
index 25ef2349..6ef4788f 100644
--- a/people/7208.html
+++ b/people/7208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7209.html b/people/7209.html
index d7a48210..05534edb 100644
--- a/people/7209.html
+++ b/people/7209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/721.html b/people/721.html
index 99660a97..1933a944 100644
--- a/people/721.html
+++ b/people/721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7210.html b/people/7210.html
index 40cddb15..67006ede 100644
--- a/people/7210.html
+++ b/people/7210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7211.html b/people/7211.html
index 8d1235ff..94bb96c2 100644
--- a/people/7211.html
+++ b/people/7211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7212.html b/people/7212.html
index 33ac3e5b..943d92cf 100644
--- a/people/7212.html
+++ b/people/7212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7213.html b/people/7213.html
index 4d3ef109..da54070b 100644
--- a/people/7213.html
+++ b/people/7213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7214.html b/people/7214.html
index 33740d6d..f8781000 100644
--- a/people/7214.html
+++ b/people/7214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7215.html b/people/7215.html
index f8739ed8..9b4950ba 100644
--- a/people/7215.html
+++ b/people/7215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7216.html b/people/7216.html
index d2126a09..1b773a01 100644
--- a/people/7216.html
+++ b/people/7216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7217.html b/people/7217.html
index 05e07f58..5d3b4836 100644
--- a/people/7217.html
+++ b/people/7217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7218.html b/people/7218.html
index 9f792d24..75f1355f 100644
--- a/people/7218.html
+++ b/people/7218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7219.html b/people/7219.html
index 9f318539..92587773 100644
--- a/people/7219.html
+++ b/people/7219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/722.html b/people/722.html
index 41fad7af..6adfc0a3 100644
--- a/people/722.html
+++ b/people/722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7220.html b/people/7220.html
index a33d52fa..01230fd6 100644
--- a/people/7220.html
+++ b/people/7220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7221.html b/people/7221.html
index 4f65bb9b..9ecac8fb 100644
--- a/people/7221.html
+++ b/people/7221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7222.html b/people/7222.html
index b136fe75..328e2abd 100644
--- a/people/7222.html
+++ b/people/7222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7223.html b/people/7223.html
index 6dd6bce3..f9609b0c 100644
--- a/people/7223.html
+++ b/people/7223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7224.html b/people/7224.html
index 6c69ac9c..d07c4451 100644
--- a/people/7224.html
+++ b/people/7224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7225.html b/people/7225.html
index 1cc7d925..5a230939 100644
--- a/people/7225.html
+++ b/people/7225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7226.html b/people/7226.html
index 8672b278..8a126bf9 100644
--- a/people/7226.html
+++ b/people/7226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7227.html b/people/7227.html
index 6bddfa52..06ebe420 100644
--- a/people/7227.html
+++ b/people/7227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7228.html b/people/7228.html
index 160a6eef..3248e5e5 100644
--- a/people/7228.html
+++ b/people/7228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7229.html b/people/7229.html
index 7b397bd5..f793c0ef 100644
--- a/people/7229.html
+++ b/people/7229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/723.html b/people/723.html
index 863ee09f..811585be 100644
--- a/people/723.html
+++ b/people/723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7230.html b/people/7230.html
index aa54a9f5..a4b086a8 100644
--- a/people/7230.html
+++ b/people/7230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7231.html b/people/7231.html
index 4fc322eb..c1c529bf 100644
--- a/people/7231.html
+++ b/people/7231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7233.html b/people/7233.html
index f883cc49..a0c21bda 100644
--- a/people/7233.html
+++ b/people/7233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7234.html b/people/7234.html
index f8fbfad9..c0b8ad61 100644
--- a/people/7234.html
+++ b/people/7234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7235.html b/people/7235.html
index 75cf2e60..ab66dd00 100644
--- a/people/7235.html
+++ b/people/7235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7236.html b/people/7236.html
index ae6af5d5..5527e6b4 100644
--- a/people/7236.html
+++ b/people/7236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7237.html b/people/7237.html
index e574996d..dfb8de60 100644
--- a/people/7237.html
+++ b/people/7237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7238.html b/people/7238.html
index 57395e34..d5556e92 100644
--- a/people/7238.html
+++ b/people/7238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7239.html b/people/7239.html
index f4ee0814..00a03ee3 100644
--- a/people/7239.html
+++ b/people/7239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/724.html b/people/724.html
index 0a85d331..220600ce 100644
--- a/people/724.html
+++ b/people/724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7240.html b/people/7240.html
index 57f3cae9..432fcf18 100644
--- a/people/7240.html
+++ b/people/7240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7241.html b/people/7241.html
index 66d42738..0d6d6b7f 100644
--- a/people/7241.html
+++ b/people/7241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7242.html b/people/7242.html
index e5e2c53b..c468a509 100644
--- a/people/7242.html
+++ b/people/7242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7243.html b/people/7243.html
index 4833f1ad..b6c61c75 100644
--- a/people/7243.html
+++ b/people/7243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7244.html b/people/7244.html
index f683ac70..09e98fe2 100644
--- a/people/7244.html
+++ b/people/7244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7245.html b/people/7245.html
index afc39221..0df3d399 100644
--- a/people/7245.html
+++ b/people/7245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7246.html b/people/7246.html
index b55b0d65..63af7010 100644
--- a/people/7246.html
+++ b/people/7246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7247.html b/people/7247.html
index 29267e13..7c2dc72b 100644
--- a/people/7247.html
+++ b/people/7247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7248.html b/people/7248.html
index 28f7718e..fd77983b 100644
--- a/people/7248.html
+++ b/people/7248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7249.html b/people/7249.html
index 0bc58e97..da29a2fe 100644
--- a/people/7249.html
+++ b/people/7249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/725.html b/people/725.html
index cab28919..a5a50026 100644
--- a/people/725.html
+++ b/people/725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7250.html b/people/7250.html
index 68874809..3114c0cf 100644
--- a/people/7250.html
+++ b/people/7250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7251.html b/people/7251.html
index 59fbd1bd..98c8d62e 100644
--- a/people/7251.html
+++ b/people/7251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7252.html b/people/7252.html
index c1cb7813..511d4c64 100644
--- a/people/7252.html
+++ b/people/7252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7253.html b/people/7253.html
index 922a9ba1..c2c4f19e 100644
--- a/people/7253.html
+++ b/people/7253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7254.html b/people/7254.html
index ad5c695b..bcffe9dd 100644
--- a/people/7254.html
+++ b/people/7254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7255.html b/people/7255.html
index 3aae6fc4..49c6b4c8 100644
--- a/people/7255.html
+++ b/people/7255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7256.html b/people/7256.html
index 28e4518a..ab1c4b09 100644
--- a/people/7256.html
+++ b/people/7256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7257.html b/people/7257.html
index c7d5010a..f03782a4 100644
--- a/people/7257.html
+++ b/people/7257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7258.html b/people/7258.html
index 590dfbbc..ccdde8cc 100644
--- a/people/7258.html
+++ b/people/7258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7259.html b/people/7259.html
index bcd33016..ecc3ce17 100644
--- a/people/7259.html
+++ b/people/7259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/726.html b/people/726.html
index f7a5423f..54c7781a 100644
--- a/people/726.html
+++ b/people/726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7260.html b/people/7260.html
index a689aa2f..2610c2c4 100644
--- a/people/7260.html
+++ b/people/7260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7261.html b/people/7261.html
index edf5f747..18557bcf 100644
--- a/people/7261.html
+++ b/people/7261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7262.html b/people/7262.html
index 002b6508..e4c19392 100644
--- a/people/7262.html
+++ b/people/7262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7263.html b/people/7263.html
index 6d93f535..7d1d8c2b 100644
--- a/people/7263.html
+++ b/people/7263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7264.html b/people/7264.html
index 6cb04f5d..a8daed66 100644
--- a/people/7264.html
+++ b/people/7264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7265.html b/people/7265.html
index ec0a6d5f..7dc3b712 100644
--- a/people/7265.html
+++ b/people/7265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7266.html b/people/7266.html
index ae0f34e8..acd5ceb0 100644
--- a/people/7266.html
+++ b/people/7266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7267.html b/people/7267.html
index 57b4e50f..8c0c59e0 100644
--- a/people/7267.html
+++ b/people/7267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7268.html b/people/7268.html
index 0b199099..2a7360c8 100644
--- a/people/7268.html
+++ b/people/7268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7269.html b/people/7269.html
index 00ffbe71..c7fc8474 100644
--- a/people/7269.html
+++ b/people/7269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/727.html b/people/727.html
index d68d9b3a..feff3064 100644
--- a/people/727.html
+++ b/people/727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7270.html b/people/7270.html
index 70975048..5c533e97 100644
--- a/people/7270.html
+++ b/people/7270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7271.html b/people/7271.html
index 6b667c86..7bf112db 100644
--- a/people/7271.html
+++ b/people/7271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7272.html b/people/7272.html
index b24ed3cc..d4c35e6f 100644
--- a/people/7272.html
+++ b/people/7272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7273.html b/people/7273.html
index 69de0f91..3d6e6d79 100644
--- a/people/7273.html
+++ b/people/7273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7274.html b/people/7274.html
index 4a8a701e..8b167973 100644
--- a/people/7274.html
+++ b/people/7274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7275.html b/people/7275.html
index 04fa29ca..eec10b2c 100644
--- a/people/7275.html
+++ b/people/7275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7276.html b/people/7276.html
index 297de820..15fa4872 100644
--- a/people/7276.html
+++ b/people/7276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7277.html b/people/7277.html
index cbff14a2..2b797382 100644
--- a/people/7277.html
+++ b/people/7277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7278.html b/people/7278.html
index 58ac3699..76ff7700 100644
--- a/people/7278.html
+++ b/people/7278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7279.html b/people/7279.html
index a0d6f81b..17a4f658 100644
--- a/people/7279.html
+++ b/people/7279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/728.html b/people/728.html
index d98d722f..9274ad56 100644
--- a/people/728.html
+++ b/people/728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7280.html b/people/7280.html
index f07e1fbd..6d3161e4 100644
--- a/people/7280.html
+++ b/people/7280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7281.html b/people/7281.html
index a7a853ec..70a52b06 100644
--- a/people/7281.html
+++ b/people/7281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7282.html b/people/7282.html
index 3eb44aea..b5d68f35 100644
--- a/people/7282.html
+++ b/people/7282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7283.html b/people/7283.html
index 2ad6c33d..2533dbe6 100644
--- a/people/7283.html
+++ b/people/7283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7284.html b/people/7284.html
index 7ba1b6d4..0dbab3b2 100644
--- a/people/7284.html
+++ b/people/7284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7285.html b/people/7285.html
index 227016bc..759fd5d0 100644
--- a/people/7285.html
+++ b/people/7285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7286.html b/people/7286.html
index e794d7c7..c25af716 100644
--- a/people/7286.html
+++ b/people/7286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7287.html b/people/7287.html
index 0cb8cf1c..a5b3427e 100644
--- a/people/7287.html
+++ b/people/7287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7288.html b/people/7288.html
index 7fce16a1..008dadf6 100644
--- a/people/7288.html
+++ b/people/7288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7289.html b/people/7289.html
index 196fe5ee..2f5a0753 100644
--- a/people/7289.html
+++ b/people/7289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/729.html b/people/729.html
index 3a91c1e1..bbb6c4e4 100644
--- a/people/729.html
+++ b/people/729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7290.html b/people/7290.html
index ac1e9376..a758e013 100644
--- a/people/7290.html
+++ b/people/7290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7291.html b/people/7291.html
index c30dcc61..7d7ec050 100644
--- a/people/7291.html
+++ b/people/7291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7292.html b/people/7292.html
index 2a3403f8..09d80e04 100644
--- a/people/7292.html
+++ b/people/7292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7293.html b/people/7293.html
index 96788beb..9379d43a 100644
--- a/people/7293.html
+++ b/people/7293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7294.html b/people/7294.html
index 9956e8af..857370a4 100644
--- a/people/7294.html
+++ b/people/7294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7295.html b/people/7295.html
index 4711bc77..30c0b1f7 100644
--- a/people/7295.html
+++ b/people/7295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7296.html b/people/7296.html
index 7f5bad3b..32455c89 100644
--- a/people/7296.html
+++ b/people/7296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7297.html b/people/7297.html
index 8e9acf0e..a8fa1c50 100644
--- a/people/7297.html
+++ b/people/7297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7298.html b/people/7298.html
index 080cac99..3d4c064e 100644
--- a/people/7298.html
+++ b/people/7298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7299.html b/people/7299.html
index 17cd63fd..36a7f26a 100644
--- a/people/7299.html
+++ b/people/7299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/73.html b/people/73.html
index 9f6b059c..e7ada7e2 100644
--- a/people/73.html
+++ b/people/73.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/730.html b/people/730.html
index 7fce9ea0..1d34554c 100644
--- a/people/730.html
+++ b/people/730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7300.html b/people/7300.html
index cc7b50ca..fa57886f 100644
--- a/people/7300.html
+++ b/people/7300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7301.html b/people/7301.html
index fa65f87d..46c5084a 100644
--- a/people/7301.html
+++ b/people/7301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7302.html b/people/7302.html
index 2716a461..56380ab3 100644
--- a/people/7302.html
+++ b/people/7302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7303.html b/people/7303.html
index e5613e70..7477085a 100644
--- a/people/7303.html
+++ b/people/7303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7304.html b/people/7304.html
index bb8ff651..d85fcdae 100644
--- a/people/7304.html
+++ b/people/7304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7305.html b/people/7305.html
index d5d075c3..cb89624e 100644
--- a/people/7305.html
+++ b/people/7305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7306.html b/people/7306.html
index 89f477db..b631e77f 100644
--- a/people/7306.html
+++ b/people/7306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7307.html b/people/7307.html
index bfe1ee16..f319dd7c 100644
--- a/people/7307.html
+++ b/people/7307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7308.html b/people/7308.html
index 60b9a66c..cbc4dd87 100644
--- a/people/7308.html
+++ b/people/7308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7309.html b/people/7309.html
index 0e32822f..9c75cad2 100644
--- a/people/7309.html
+++ b/people/7309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/731.html b/people/731.html
index 5f9142a8..4dcccbd5 100644
--- a/people/731.html
+++ b/people/731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7310.html b/people/7310.html
index 6d2fde71..3f305a08 100644
--- a/people/7310.html
+++ b/people/7310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7311.html b/people/7311.html
index 9d9cc00a..8d3fdabc 100644
--- a/people/7311.html
+++ b/people/7311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7312.html b/people/7312.html
index 97f4c743..8a8e30d0 100644
--- a/people/7312.html
+++ b/people/7312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7313.html b/people/7313.html
index db5de3f5..9d9b13ae 100644
--- a/people/7313.html
+++ b/people/7313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7314.html b/people/7314.html
index cc841f71..34703f96 100644
--- a/people/7314.html
+++ b/people/7314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7315.html b/people/7315.html
index 734a92e4..2d64a087 100644
--- a/people/7315.html
+++ b/people/7315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7316.html b/people/7316.html
index d4def5bc..244491f7 100644
--- a/people/7316.html
+++ b/people/7316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7317.html b/people/7317.html
index 57caac59..4f5cb5f8 100644
--- a/people/7317.html
+++ b/people/7317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7318.html b/people/7318.html
index 732389bf..7cce0d01 100644
--- a/people/7318.html
+++ b/people/7318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7319.html b/people/7319.html
index 0440658c..c5cd8f9d 100644
--- a/people/7319.html
+++ b/people/7319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/732.html b/people/732.html
index a78d023c..70736a1d 100644
--- a/people/732.html
+++ b/people/732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7320.html b/people/7320.html
index a245c603..e604fded 100644
--- a/people/7320.html
+++ b/people/7320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7321.html b/people/7321.html
index 9778ca16..08c521d7 100644
--- a/people/7321.html
+++ b/people/7321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7322.html b/people/7322.html
index 1d95796b..c18d5069 100644
--- a/people/7322.html
+++ b/people/7322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7323.html b/people/7323.html
index 3cb8fb8e..1e7c82e2 100644
--- a/people/7323.html
+++ b/people/7323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7324.html b/people/7324.html
index bc47bcfe..0988aaf5 100644
--- a/people/7324.html
+++ b/people/7324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7325.html b/people/7325.html
index a49620e2..9a736420 100644
--- a/people/7325.html
+++ b/people/7325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7326.html b/people/7326.html
index f48c572c..1019636e 100644
--- a/people/7326.html
+++ b/people/7326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7327.html b/people/7327.html
index be12b83f..2c0d82c5 100644
--- a/people/7327.html
+++ b/people/7327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7328.html b/people/7328.html
index 19f806e5..89d012a9 100644
--- a/people/7328.html
+++ b/people/7328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7329.html b/people/7329.html
index 1468dd39..20eab5d6 100644
--- a/people/7329.html
+++ b/people/7329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/733.html b/people/733.html
index eb83c823..36710686 100644
--- a/people/733.html
+++ b/people/733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7330.html b/people/7330.html
index 5300be7e..ce6a974c 100644
--- a/people/7330.html
+++ b/people/7330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7331.html b/people/7331.html
index f8de8a01..4e82eb14 100644
--- a/people/7331.html
+++ b/people/7331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7332.html b/people/7332.html
index ed710d7f..22c88d44 100644
--- a/people/7332.html
+++ b/people/7332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7333.html b/people/7333.html
index fac9e656..8ef8d051 100644
--- a/people/7333.html
+++ b/people/7333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7334.html b/people/7334.html
index 730b15ab..67264b3d 100644
--- a/people/7334.html
+++ b/people/7334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7335.html b/people/7335.html
index 070d43fa..479aa416 100644
--- a/people/7335.html
+++ b/people/7335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7336.html b/people/7336.html
index c1616290..7496fe83 100644
--- a/people/7336.html
+++ b/people/7336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7337.html b/people/7337.html
index f6206b68..e2c7cbb6 100644
--- a/people/7337.html
+++ b/people/7337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7338.html b/people/7338.html
index 9e4db6fc..7deff49f 100644
--- a/people/7338.html
+++ b/people/7338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7339.html b/people/7339.html
index 27b400c6..64ea71fe 100644
--- a/people/7339.html
+++ b/people/7339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/734.html b/people/734.html
index fbdf721e..ef4581e8 100644
--- a/people/734.html
+++ b/people/734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7340.html b/people/7340.html
index f455e529..a47ab034 100644
--- a/people/7340.html
+++ b/people/7340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7341.html b/people/7341.html
index cee12bfc..adffbd3b 100644
--- a/people/7341.html
+++ b/people/7341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7342.html b/people/7342.html
index a8da3d29..d53f9a38 100644
--- a/people/7342.html
+++ b/people/7342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7343.html b/people/7343.html
index 5a7b5384..2eb00a74 100644
--- a/people/7343.html
+++ b/people/7343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7344.html b/people/7344.html
index 7167a583..6813da0b 100644
--- a/people/7344.html
+++ b/people/7344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7345.html b/people/7345.html
index fd11d56d..788f84c2 100644
--- a/people/7345.html
+++ b/people/7345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7346.html b/people/7346.html
index 3de653a3..b226eae4 100644
--- a/people/7346.html
+++ b/people/7346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7347.html b/people/7347.html
index 2db3c179..93c08ffb 100644
--- a/people/7347.html
+++ b/people/7347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7348.html b/people/7348.html
index d2a9f8eb..cef61d0c 100644
--- a/people/7348.html
+++ b/people/7348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7349.html b/people/7349.html
index 7b6e93b2..bb12a834 100644
--- a/people/7349.html
+++ b/people/7349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/735.html b/people/735.html
index 036eba98..90847092 100644
--- a/people/735.html
+++ b/people/735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7350.html b/people/7350.html
index 2d1547b9..960eed51 100644
--- a/people/7350.html
+++ b/people/7350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7351.html b/people/7351.html
index 6eb4c9bf..5377085b 100644
--- a/people/7351.html
+++ b/people/7351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7352.html b/people/7352.html
index c05d58d9..08e76646 100644
--- a/people/7352.html
+++ b/people/7352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7353.html b/people/7353.html
index 4949126a..9a845fd6 100644
--- a/people/7353.html
+++ b/people/7353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7354.html b/people/7354.html
index c021cddc..2728b604 100644
--- a/people/7354.html
+++ b/people/7354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7355.html b/people/7355.html
index d7e6b06b..42f7f426 100644
--- a/people/7355.html
+++ b/people/7355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7356.html b/people/7356.html
index bed34910..388aefa2 100644
--- a/people/7356.html
+++ b/people/7356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7357.html b/people/7357.html
index 7aaa77e5..9d984e51 100644
--- a/people/7357.html
+++ b/people/7357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7358.html b/people/7358.html
index 81196d6a..b89437ac 100644
--- a/people/7358.html
+++ b/people/7358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7359.html b/people/7359.html
index 732ff90f..e33a32fc 100644
--- a/people/7359.html
+++ b/people/7359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/736.html b/people/736.html
index 6d694793..7ccee9be 100644
--- a/people/736.html
+++ b/people/736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7360.html b/people/7360.html
index 1dee2b5f..a3021176 100644
--- a/people/7360.html
+++ b/people/7360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7361.html b/people/7361.html
index a736da21..83b12d06 100644
--- a/people/7361.html
+++ b/people/7361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7362.html b/people/7362.html
index 98c37009..5bee613c 100644
--- a/people/7362.html
+++ b/people/7362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7363.html b/people/7363.html
index 50e3559c..78c534cd 100644
--- a/people/7363.html
+++ b/people/7363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7364.html b/people/7364.html
index a4508674..4a632749 100644
--- a/people/7364.html
+++ b/people/7364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7365.html b/people/7365.html
index cd32886e..63cd7e18 100644
--- a/people/7365.html
+++ b/people/7365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7366.html b/people/7366.html
index 836852f5..a44dde44 100644
--- a/people/7366.html
+++ b/people/7366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7367.html b/people/7367.html
index cb0fdd95..1569ea8a 100644
--- a/people/7367.html
+++ b/people/7367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7368.html b/people/7368.html
index bfdb8d21..01cc069b 100644
--- a/people/7368.html
+++ b/people/7368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7369.html b/people/7369.html
index 36097e0a..70e5074e 100644
--- a/people/7369.html
+++ b/people/7369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/737.html b/people/737.html
index 2cec8637..b3f7894c 100644
--- a/people/737.html
+++ b/people/737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7370.html b/people/7370.html
index 37d6c10d..894d62b2 100644
--- a/people/7370.html
+++ b/people/7370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7371.html b/people/7371.html
index b76bb2fe..9bf3375d 100644
--- a/people/7371.html
+++ b/people/7371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7372.html b/people/7372.html
index 78342bca..90b7dcc9 100644
--- a/people/7372.html
+++ b/people/7372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7373.html b/people/7373.html
index 69ffc27a..69f6f122 100644
--- a/people/7373.html
+++ b/people/7373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7374.html b/people/7374.html
index fffcabbe..729732c6 100644
--- a/people/7374.html
+++ b/people/7374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7375.html b/people/7375.html
index 24e404d9..8a631099 100644
--- a/people/7375.html
+++ b/people/7375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7376.html b/people/7376.html
index e2076f8c..bb7e2feb 100644
--- a/people/7376.html
+++ b/people/7376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7377.html b/people/7377.html
index b32c1b33..034d9fa7 100644
--- a/people/7377.html
+++ b/people/7377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7378.html b/people/7378.html
index 675c3d19..6a35877e 100644
--- a/people/7378.html
+++ b/people/7378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7379.html b/people/7379.html
index 50006d95..70cfa6f8 100644
--- a/people/7379.html
+++ b/people/7379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/738.html b/people/738.html
index 7d5671aa..996efae3 100644
--- a/people/738.html
+++ b/people/738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7380.html b/people/7380.html
index b1160745..7df52108 100644
--- a/people/7380.html
+++ b/people/7380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7381.html b/people/7381.html
index a81c2c62..b19287c0 100644
--- a/people/7381.html
+++ b/people/7381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7382.html b/people/7382.html
index 34c35672..b5dff30c 100644
--- a/people/7382.html
+++ b/people/7382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7383.html b/people/7383.html
index 0287a5a4..a7c84ea0 100644
--- a/people/7383.html
+++ b/people/7383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7384.html b/people/7384.html
index 1ef0bb24..47604f7e 100644
--- a/people/7384.html
+++ b/people/7384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7385.html b/people/7385.html
index ad13f318..734c187f 100644
--- a/people/7385.html
+++ b/people/7385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7386.html b/people/7386.html
index 4cf46c7e..204e5490 100644
--- a/people/7386.html
+++ b/people/7386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7387.html b/people/7387.html
index 1d4585ce..187eb7bd 100644
--- a/people/7387.html
+++ b/people/7387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7388.html b/people/7388.html
index 065a0982..3a5f32b8 100644
--- a/people/7388.html
+++ b/people/7388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7389.html b/people/7389.html
index b0e6c3ed..5a278c07 100644
--- a/people/7389.html
+++ b/people/7389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/739.html b/people/739.html
index 3efb21b8..74c218d4 100644
--- a/people/739.html
+++ b/people/739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7390.html b/people/7390.html
index e0a93bed..ec15dbcf 100644
--- a/people/7390.html
+++ b/people/7390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7391.html b/people/7391.html
index 07298852..231357ac 100644
--- a/people/7391.html
+++ b/people/7391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7392.html b/people/7392.html
index 1f864fc1..946a2905 100644
--- a/people/7392.html
+++ b/people/7392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7393.html b/people/7393.html
index a3d4c423..436985a6 100644
--- a/people/7393.html
+++ b/people/7393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7394.html b/people/7394.html
index ce1a3a11..be7ff7ff 100644
--- a/people/7394.html
+++ b/people/7394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7395.html b/people/7395.html
index 5178e3af..6b4de217 100644
--- a/people/7395.html
+++ b/people/7395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7396.html b/people/7396.html
index 241711e0..b6d39283 100644
--- a/people/7396.html
+++ b/people/7396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7397.html b/people/7397.html
index 9db078e6..7c4e36c3 100644
--- a/people/7397.html
+++ b/people/7397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7398.html b/people/7398.html
index 1183b01b..9016d6c7 100644
--- a/people/7398.html
+++ b/people/7398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7399.html b/people/7399.html
index 28caf4a2..55427a9b 100644
--- a/people/7399.html
+++ b/people/7399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/74.html b/people/74.html
index 50aaa9f5..8bf88c6b 100644
--- a/people/74.html
+++ b/people/74.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/740.html b/people/740.html
index bcabec16..51140496 100644
--- a/people/740.html
+++ b/people/740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7400.html b/people/7400.html
index eb0adfaf..63d5ca1a 100644
--- a/people/7400.html
+++ b/people/7400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7401.html b/people/7401.html
index 7a7971f1..3139173f 100644
--- a/people/7401.html
+++ b/people/7401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7402.html b/people/7402.html
index eba73ce9..a2747d6b 100644
--- a/people/7402.html
+++ b/people/7402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7403.html b/people/7403.html
index be61b6b1..d89991ac 100644
--- a/people/7403.html
+++ b/people/7403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7404.html b/people/7404.html
index e26b02c7..e07c6bff 100644
--- a/people/7404.html
+++ b/people/7404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7405.html b/people/7405.html
index da37f8ac..a15b2e91 100644
--- a/people/7405.html
+++ b/people/7405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7406.html b/people/7406.html
index 03923bdd..a3d7bc13 100644
--- a/people/7406.html
+++ b/people/7406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7407.html b/people/7407.html
index 17a6af76..241184fd 100644
--- a/people/7407.html
+++ b/people/7407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7408.html b/people/7408.html
index c197e8ab..56cf6a6f 100644
--- a/people/7408.html
+++ b/people/7408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7409.html b/people/7409.html
index 0d48845c..4fab10b1 100644
--- a/people/7409.html
+++ b/people/7409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/741.html b/people/741.html
index f010ca48..afef076a 100644
--- a/people/741.html
+++ b/people/741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7410.html b/people/7410.html
index 13dd7890..5a12ac51 100644
--- a/people/7410.html
+++ b/people/7410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7411.html b/people/7411.html
index 9e2cc959..928c3d12 100644
--- a/people/7411.html
+++ b/people/7411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7412.html b/people/7412.html
index 4910454c..a8130c38 100644
--- a/people/7412.html
+++ b/people/7412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7413.html b/people/7413.html
index fe448a24..58f91da7 100644
--- a/people/7413.html
+++ b/people/7413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7414.html b/people/7414.html
index 7ffbf150..1c1cd11d 100644
--- a/people/7414.html
+++ b/people/7414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7415.html b/people/7415.html
index 1e9dea90..85269c85 100644
--- a/people/7415.html
+++ b/people/7415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7416.html b/people/7416.html
index f1795d22..22af717d 100644
--- a/people/7416.html
+++ b/people/7416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7417.html b/people/7417.html
index 18047e32..0c936ee1 100644
--- a/people/7417.html
+++ b/people/7417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7418.html b/people/7418.html
index 07520562..6e8dc834 100644
--- a/people/7418.html
+++ b/people/7418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7419.html b/people/7419.html
index 0393ae40..7a99c179 100644
--- a/people/7419.html
+++ b/people/7419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/742.html b/people/742.html
index b3f35f9b..158c6dd2 100644
--- a/people/742.html
+++ b/people/742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7420.html b/people/7420.html
index 582bc0ef..42a9462b 100644
--- a/people/7420.html
+++ b/people/7420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7421.html b/people/7421.html
index 38585dde..9b9dc9fd 100644
--- a/people/7421.html
+++ b/people/7421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7422.html b/people/7422.html
index 031372bc..a8ccd965 100644
--- a/people/7422.html
+++ b/people/7422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7423.html b/people/7423.html
index 1c5c7f94..affee4ac 100644
--- a/people/7423.html
+++ b/people/7423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7424.html b/people/7424.html
index 88ceff86..e35cedc5 100644
--- a/people/7424.html
+++ b/people/7424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7425.html b/people/7425.html
index 9f1e6bd8..8457f6f5 100644
--- a/people/7425.html
+++ b/people/7425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7426.html b/people/7426.html
index 887be917..b3e94a94 100644
--- a/people/7426.html
+++ b/people/7426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7427.html b/people/7427.html
index 288886cf..ac66989c 100644
--- a/people/7427.html
+++ b/people/7427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7428.html b/people/7428.html
index 37ceed2c..cafb85d7 100644
--- a/people/7428.html
+++ b/people/7428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7429.html b/people/7429.html
index c2d0dac1..54ebb5d6 100644
--- a/people/7429.html
+++ b/people/7429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/743.html b/people/743.html
index cdb93f82..9138d006 100644
--- a/people/743.html
+++ b/people/743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7430.html b/people/7430.html
index 4c3eac77..0bfdc60d 100644
--- a/people/7430.html
+++ b/people/7430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7431.html b/people/7431.html
index 7d61b6ec..fee916ee 100644
--- a/people/7431.html
+++ b/people/7431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7432.html b/people/7432.html
index a7fd537c..dcb32bd2 100644
--- a/people/7432.html
+++ b/people/7432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7433.html b/people/7433.html
index 2b9900e9..448310de 100644
--- a/people/7433.html
+++ b/people/7433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7434.html b/people/7434.html
index 0a306a12..c8cea94a 100644
--- a/people/7434.html
+++ b/people/7434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7435.html b/people/7435.html
index eca0d035..75f1e9d0 100644
--- a/people/7435.html
+++ b/people/7435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7436.html b/people/7436.html
index 89d16c95..f165c68b 100644
--- a/people/7436.html
+++ b/people/7436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7437.html b/people/7437.html
index ea7df539..85f6395d 100644
--- a/people/7437.html
+++ b/people/7437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7438.html b/people/7438.html
index 6fb44958..806620d1 100644
--- a/people/7438.html
+++ b/people/7438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7439.html b/people/7439.html
index b11ff03b..74236a04 100644
--- a/people/7439.html
+++ b/people/7439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/744.html b/people/744.html
index f3e13af1..c1a7761f 100644
--- a/people/744.html
+++ b/people/744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7440.html b/people/7440.html
index f8960ef4..0f8c25fd 100644
--- a/people/7440.html
+++ b/people/7440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7441.html b/people/7441.html
index 2b093ec3..c43bf0f7 100644
--- a/people/7441.html
+++ b/people/7441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7442.html b/people/7442.html
index c351f1ee..08e06088 100644
--- a/people/7442.html
+++ b/people/7442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7443.html b/people/7443.html
index 9ba09f48..5d08be63 100644
--- a/people/7443.html
+++ b/people/7443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7444.html b/people/7444.html
index 25e6f778..62900dc2 100644
--- a/people/7444.html
+++ b/people/7444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7445.html b/people/7445.html
index 8922ddbd..cce9b064 100644
--- a/people/7445.html
+++ b/people/7445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7446.html b/people/7446.html
index 9fd98a12..cf68ada1 100644
--- a/people/7446.html
+++ b/people/7446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7447.html b/people/7447.html
index 4b1ae95c..a38fb7ff 100644
--- a/people/7447.html
+++ b/people/7447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7448.html b/people/7448.html
index d6bc36de..4b3c226a 100644
--- a/people/7448.html
+++ b/people/7448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7449.html b/people/7449.html
index 7c0b5fc7..ce0cbf13 100644
--- a/people/7449.html
+++ b/people/7449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/745.html b/people/745.html
index 1f064544..3dba553c 100644
--- a/people/745.html
+++ b/people/745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7450.html b/people/7450.html
index 8930750f..dafc607a 100644
--- a/people/7450.html
+++ b/people/7450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7451.html b/people/7451.html
index 6e766ff7..ff6c394b 100644
--- a/people/7451.html
+++ b/people/7451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7452.html b/people/7452.html
index 9d7680f4..dcf87554 100644
--- a/people/7452.html
+++ b/people/7452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7453.html b/people/7453.html
index 202daa45..2a87b7f4 100644
--- a/people/7453.html
+++ b/people/7453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7454.html b/people/7454.html
index feea3f3a..a49a7489 100644
--- a/people/7454.html
+++ b/people/7454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7455.html b/people/7455.html
index f800307c..9799d17c 100644
--- a/people/7455.html
+++ b/people/7455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7456.html b/people/7456.html
index 63f67779..549982e8 100644
--- a/people/7456.html
+++ b/people/7456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7457.html b/people/7457.html
index ec0ecfa6..e8328875 100644
--- a/people/7457.html
+++ b/people/7457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7458.html b/people/7458.html
index 907b3962..938cde0e 100644
--- a/people/7458.html
+++ b/people/7458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7459.html b/people/7459.html
index bf868ebd..2a7aa5a6 100644
--- a/people/7459.html
+++ b/people/7459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/746.html b/people/746.html
index 5b762581..3eccff0b 100644
--- a/people/746.html
+++ b/people/746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7460.html b/people/7460.html
index 5e7dab72..c42cf20e 100644
--- a/people/7460.html
+++ b/people/7460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7461.html b/people/7461.html
index 910386f5..e10fef6a 100644
--- a/people/7461.html
+++ b/people/7461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7462.html b/people/7462.html
index 150e6c8c..49b1718b 100644
--- a/people/7462.html
+++ b/people/7462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7463.html b/people/7463.html
index df9876da..2daedaee 100644
--- a/people/7463.html
+++ b/people/7463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7464.html b/people/7464.html
index 3fc82d4b..417bdb42 100644
--- a/people/7464.html
+++ b/people/7464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7465.html b/people/7465.html
index edbfa332..27531ec8 100644
--- a/people/7465.html
+++ b/people/7465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7466.html b/people/7466.html
index 0a76a32a..0deccb4d 100644
--- a/people/7466.html
+++ b/people/7466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7467.html b/people/7467.html
index f7cd1928..9e470efa 100644
--- a/people/7467.html
+++ b/people/7467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7468.html b/people/7468.html
index 538b659a..727da3f4 100644
--- a/people/7468.html
+++ b/people/7468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7469.html b/people/7469.html
index aa9f9a75..526c1ddc 100644
--- a/people/7469.html
+++ b/people/7469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/747.html b/people/747.html
index 366bdba5..855f5372 100644
--- a/people/747.html
+++ b/people/747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7470.html b/people/7470.html
index 88d42261..abe84a4d 100644
--- a/people/7470.html
+++ b/people/7470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7471.html b/people/7471.html
index 73d061e1..56a4fda6 100644
--- a/people/7471.html
+++ b/people/7471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7472.html b/people/7472.html
index 3cff96bc..d85b492a 100644
--- a/people/7472.html
+++ b/people/7472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7473.html b/people/7473.html
index 6c7ed107..1ecd6a90 100644
--- a/people/7473.html
+++ b/people/7473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7474.html b/people/7474.html
index bb8e5c79..d3cb1e51 100644
--- a/people/7474.html
+++ b/people/7474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7475.html b/people/7475.html
index 48aaa542..15f751d6 100644
--- a/people/7475.html
+++ b/people/7475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7476.html b/people/7476.html
index 8ce11aa5..1d412fd5 100644
--- a/people/7476.html
+++ b/people/7476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7477.html b/people/7477.html
index 9b430149..d80fffe2 100644
--- a/people/7477.html
+++ b/people/7477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7478.html b/people/7478.html
index d18dcd09..30973362 100644
--- a/people/7478.html
+++ b/people/7478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7479.html b/people/7479.html
index 0f434271..f5e0aa16 100644
--- a/people/7479.html
+++ b/people/7479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/748.html b/people/748.html
index 203728ae..a59bf240 100644
--- a/people/748.html
+++ b/people/748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7480.html b/people/7480.html
index 3af185c1..79688896 100644
--- a/people/7480.html
+++ b/people/7480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7481.html b/people/7481.html
index 04072e18..bc9ae1cb 100644
--- a/people/7481.html
+++ b/people/7481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7482.html b/people/7482.html
index c245a981..570c3885 100644
--- a/people/7482.html
+++ b/people/7482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7483.html b/people/7483.html
index dc00fd2b..3e175c8d 100644
--- a/people/7483.html
+++ b/people/7483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7484.html b/people/7484.html
index ace9323d..e5ddbe5c 100644
--- a/people/7484.html
+++ b/people/7484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7485.html b/people/7485.html
index ca176697..d4ef8bb5 100644
--- a/people/7485.html
+++ b/people/7485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7486.html b/people/7486.html
index e9cef86f..de5d3d81 100644
--- a/people/7486.html
+++ b/people/7486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7487.html b/people/7487.html
index b2bbc953..155199e2 100644
--- a/people/7487.html
+++ b/people/7487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7488.html b/people/7488.html
index 1fec3391..fad333c7 100644
--- a/people/7488.html
+++ b/people/7488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7489.html b/people/7489.html
index 6b5e8d11..386a3f06 100644
--- a/people/7489.html
+++ b/people/7489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/749.html b/people/749.html
index c8f4106d..675c4207 100644
--- a/people/749.html
+++ b/people/749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7490.html b/people/7490.html
index 452aafca..c56f5159 100644
--- a/people/7490.html
+++ b/people/7490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7491.html b/people/7491.html
index c3b01fae..8de321b3 100644
--- a/people/7491.html
+++ b/people/7491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7492.html b/people/7492.html
index 4b64120a..0c2e53b2 100644
--- a/people/7492.html
+++ b/people/7492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7493.html b/people/7493.html
index 61dc3faa..8b806ad1 100644
--- a/people/7493.html
+++ b/people/7493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7494.html b/people/7494.html
index b34bb569..e9797e1a 100644
--- a/people/7494.html
+++ b/people/7494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7495.html b/people/7495.html
index 60836715..5dbce623 100644
--- a/people/7495.html
+++ b/people/7495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7496.html b/people/7496.html
index dbd4c775..8b54b913 100644
--- a/people/7496.html
+++ b/people/7496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7497.html b/people/7497.html
index b2140c83..a7c69336 100644
--- a/people/7497.html
+++ b/people/7497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7498.html b/people/7498.html
index b8d7654d..5669f7e3 100644
--- a/people/7498.html
+++ b/people/7498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7499.html b/people/7499.html
index e881357b..9deb6ed8 100644
--- a/people/7499.html
+++ b/people/7499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/75.html b/people/75.html
index 49032902..c5725ef1 100644
--- a/people/75.html
+++ b/people/75.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/750.html b/people/750.html
index 1bf3e8a2..01f94402 100644
--- a/people/750.html
+++ b/people/750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7500.html b/people/7500.html
index dd3f0f16..009e4176 100644
--- a/people/7500.html
+++ b/people/7500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7501.html b/people/7501.html
index e8931ba6..3b59f16d 100644
--- a/people/7501.html
+++ b/people/7501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7502.html b/people/7502.html
index dee8dfb2..954784f3 100644
--- a/people/7502.html
+++ b/people/7502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7503.html b/people/7503.html
index 8f473c72..8521225a 100644
--- a/people/7503.html
+++ b/people/7503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7504.html b/people/7504.html
index 7d21fc67..2871bdf9 100644
--- a/people/7504.html
+++ b/people/7504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7505.html b/people/7505.html
index ce6e417c..5427c839 100644
--- a/people/7505.html
+++ b/people/7505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7506.html b/people/7506.html
index d5898d8f..9887631c 100644
--- a/people/7506.html
+++ b/people/7506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7507.html b/people/7507.html
index d0b00c8b..6c698172 100644
--- a/people/7507.html
+++ b/people/7507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7508.html b/people/7508.html
index 5c6adb66..888062d6 100644
--- a/people/7508.html
+++ b/people/7508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7509.html b/people/7509.html
index a347fe95..cfc5a4ca 100644
--- a/people/7509.html
+++ b/people/7509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/751.html b/people/751.html
index 79b2dd32..3f10e9e6 100644
--- a/people/751.html
+++ b/people/751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7510.html b/people/7510.html
index 04c35442..6cb6319d 100644
--- a/people/7510.html
+++ b/people/7510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7511.html b/people/7511.html
index 2c942b26..896d525e 100644
--- a/people/7511.html
+++ b/people/7511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7512.html b/people/7512.html
index 96973352..e57a2481 100644
--- a/people/7512.html
+++ b/people/7512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7513.html b/people/7513.html
index 3201637a..d2f9b45e 100644
--- a/people/7513.html
+++ b/people/7513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7514.html b/people/7514.html
index 1121ce99..bba1805d 100644
--- a/people/7514.html
+++ b/people/7514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7515.html b/people/7515.html
index 24927a3f..4d259bc0 100644
--- a/people/7515.html
+++ b/people/7515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7516.html b/people/7516.html
index 037bf11b..51e73d00 100644
--- a/people/7516.html
+++ b/people/7516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7517.html b/people/7517.html
index 22d0dc3b..2ae70c0e 100644
--- a/people/7517.html
+++ b/people/7517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7518.html b/people/7518.html
index 7b290ecf..59e1eabe 100644
--- a/people/7518.html
+++ b/people/7518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7519.html b/people/7519.html
index b96cb999..3a9f4a08 100644
--- a/people/7519.html
+++ b/people/7519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/752.html b/people/752.html
index 4e1667de..320341c3 100644
--- a/people/752.html
+++ b/people/752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7520.html b/people/7520.html
index f0cf9243..ccf31e5f 100644
--- a/people/7520.html
+++ b/people/7520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7521.html b/people/7521.html
index a64b6016..b1608779 100644
--- a/people/7521.html
+++ b/people/7521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7522.html b/people/7522.html
index c1940425..f9434410 100644
--- a/people/7522.html
+++ b/people/7522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7523.html b/people/7523.html
index b751e106..2f7fe9de 100644
--- a/people/7523.html
+++ b/people/7523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7524.html b/people/7524.html
index a468dd7b..44063b7e 100644
--- a/people/7524.html
+++ b/people/7524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7525.html b/people/7525.html
index 45a879e0..bfd44be3 100644
--- a/people/7525.html
+++ b/people/7525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7526.html b/people/7526.html
index 317a5b6b..6f9e46b8 100644
--- a/people/7526.html
+++ b/people/7526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7527.html b/people/7527.html
index 370079dc..eb3e66d1 100644
--- a/people/7527.html
+++ b/people/7527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7528.html b/people/7528.html
index 9884e5f5..20577818 100644
--- a/people/7528.html
+++ b/people/7528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7529.html b/people/7529.html
index f1eec30f..9cefae66 100644
--- a/people/7529.html
+++ b/people/7529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/753.html b/people/753.html
index 036d38d5..c50e2a7e 100644
--- a/people/753.html
+++ b/people/753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7530.html b/people/7530.html
index 78ad30e4..d7e4c76f 100644
--- a/people/7530.html
+++ b/people/7530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7531.html b/people/7531.html
index f3752688..5c715410 100644
--- a/people/7531.html
+++ b/people/7531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7532.html b/people/7532.html
index 2b35f603..2042f1f9 100644
--- a/people/7532.html
+++ b/people/7532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7533.html b/people/7533.html
index 1cc84e58..d7e40ccd 100644
--- a/people/7533.html
+++ b/people/7533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7534.html b/people/7534.html
index 2cd68f66..22abc92d 100644
--- a/people/7534.html
+++ b/people/7534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7535.html b/people/7535.html
index 025c72d7..3f907807 100644
--- a/people/7535.html
+++ b/people/7535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7536.html b/people/7536.html
index 38b4e2be..baf721e3 100644
--- a/people/7536.html
+++ b/people/7536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7537.html b/people/7537.html
index 74cd68c3..9fbff7ee 100644
--- a/people/7537.html
+++ b/people/7537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7538.html b/people/7538.html
index fcd47377..d15a25bb 100644
--- a/people/7538.html
+++ b/people/7538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7539.html b/people/7539.html
index 37f67bce..6680e1bc 100644
--- a/people/7539.html
+++ b/people/7539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/754.html b/people/754.html
index 43b55e5a..02689deb 100644
--- a/people/754.html
+++ b/people/754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7540.html b/people/7540.html
index 83581850..4d5b870b 100644
--- a/people/7540.html
+++ b/people/7540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7541.html b/people/7541.html
index 9ced21ad..391c489f 100644
--- a/people/7541.html
+++ b/people/7541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7542.html b/people/7542.html
index c940f125..6c1103e0 100644
--- a/people/7542.html
+++ b/people/7542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7543.html b/people/7543.html
index 0043bf1e..39346d6b 100644
--- a/people/7543.html
+++ b/people/7543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7544.html b/people/7544.html
index ba177883..652ed046 100644
--- a/people/7544.html
+++ b/people/7544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7545.html b/people/7545.html
index e79ca739..315d47d6 100644
--- a/people/7545.html
+++ b/people/7545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7546.html b/people/7546.html
index d44eb659..2c9233b8 100644
--- a/people/7546.html
+++ b/people/7546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7547.html b/people/7547.html
index 09e08a4a..9f525753 100644
--- a/people/7547.html
+++ b/people/7547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7548.html b/people/7548.html
index ec17fa2c..9c498dcf 100644
--- a/people/7548.html
+++ b/people/7548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7549.html b/people/7549.html
index ae467e0d..b3dcec0b 100644
--- a/people/7549.html
+++ b/people/7549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/755.html b/people/755.html
index 85c2139d..a0582dc1 100644
--- a/people/755.html
+++ b/people/755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7550.html b/people/7550.html
index fbd0be5f..4feff79b 100644
--- a/people/7550.html
+++ b/people/7550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7551.html b/people/7551.html
index e7575301..cca883a9 100644
--- a/people/7551.html
+++ b/people/7551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7552.html b/people/7552.html
index 747f8878..e5c6add0 100644
--- a/people/7552.html
+++ b/people/7552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7553.html b/people/7553.html
index 8d24b868..cb1bcd98 100644
--- a/people/7553.html
+++ b/people/7553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7554.html b/people/7554.html
index 8f2cc670..547ee783 100644
--- a/people/7554.html
+++ b/people/7554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7555.html b/people/7555.html
index a7c42fb3..e5ee5e96 100644
--- a/people/7555.html
+++ b/people/7555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7556.html b/people/7556.html
index 4f4e0f6c..ffa8252a 100644
--- a/people/7556.html
+++ b/people/7556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7557.html b/people/7557.html
index 6562f952..f8e19250 100644
--- a/people/7557.html
+++ b/people/7557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7558.html b/people/7558.html
index fb0d660a..1f6b6dc7 100644
--- a/people/7558.html
+++ b/people/7558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7559.html b/people/7559.html
index 97569fec..aae6d23e 100644
--- a/people/7559.html
+++ b/people/7559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/756.html b/people/756.html
index 91ad7a20..fa546f6a 100644
--- a/people/756.html
+++ b/people/756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7560.html b/people/7560.html
index cb67e4f0..e1819eeb 100644
--- a/people/7560.html
+++ b/people/7560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7561.html b/people/7561.html
index c3858bbe..d6d05597 100644
--- a/people/7561.html
+++ b/people/7561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7562.html b/people/7562.html
index 2abc9dbc..01a7fdb9 100644
--- a/people/7562.html
+++ b/people/7562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7563.html b/people/7563.html
index 5538905c..260ff189 100644
--- a/people/7563.html
+++ b/people/7563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7564.html b/people/7564.html
index fecd78c8..07272d37 100644
--- a/people/7564.html
+++ b/people/7564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7565.html b/people/7565.html
index 94f1c4e2..8fe8d784 100644
--- a/people/7565.html
+++ b/people/7565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7566.html b/people/7566.html
index bc069945..0bc9ad18 100644
--- a/people/7566.html
+++ b/people/7566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7567.html b/people/7567.html
index 5f8b4e45..27f9a039 100644
--- a/people/7567.html
+++ b/people/7567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7568.html b/people/7568.html
index 7a3ab1ea..eb28fb96 100644
--- a/people/7568.html
+++ b/people/7568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7569.html b/people/7569.html
index 4c78e6ff..6fad4706 100644
--- a/people/7569.html
+++ b/people/7569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/757.html b/people/757.html
index dfbeaa16..e00f0b3b 100644
--- a/people/757.html
+++ b/people/757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7570.html b/people/7570.html
index 001a9f88..1747fc47 100644
--- a/people/7570.html
+++ b/people/7570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7571.html b/people/7571.html
index 56ccd07a..626d343a 100644
--- a/people/7571.html
+++ b/people/7571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7572.html b/people/7572.html
index 261a9dc3..c4b3da7b 100644
--- a/people/7572.html
+++ b/people/7572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7573.html b/people/7573.html
index 25e2e42b..0f69a2c3 100644
--- a/people/7573.html
+++ b/people/7573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7574.html b/people/7574.html
index bdd8224c..9be0dcae 100644
--- a/people/7574.html
+++ b/people/7574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7575.html b/people/7575.html
index 1df67b81..02f51613 100644
--- a/people/7575.html
+++ b/people/7575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7576.html b/people/7576.html
index 8bd6c552..f0c0e968 100644
--- a/people/7576.html
+++ b/people/7576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7577.html b/people/7577.html
index 5e4c9c51..125e9ca8 100644
--- a/people/7577.html
+++ b/people/7577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7578.html b/people/7578.html
index 5d8ff45b..83e316fa 100644
--- a/people/7578.html
+++ b/people/7578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7579.html b/people/7579.html
index ea283af2..04477d40 100644
--- a/people/7579.html
+++ b/people/7579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/758.html b/people/758.html
index ff2efc53..9f461055 100644
--- a/people/758.html
+++ b/people/758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7580.html b/people/7580.html
index e6daf795..77eb0ed9 100644
--- a/people/7580.html
+++ b/people/7580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7581.html b/people/7581.html
index 4d811b23..73414493 100644
--- a/people/7581.html
+++ b/people/7581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7582.html b/people/7582.html
index 43a5f967..5d87b18b 100644
--- a/people/7582.html
+++ b/people/7582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7583.html b/people/7583.html
index 47872ac9..7f3b6de7 100644
--- a/people/7583.html
+++ b/people/7583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7584.html b/people/7584.html
index d386ebdb..99f23c8c 100644
--- a/people/7584.html
+++ b/people/7584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7585.html b/people/7585.html
index 28073ea7..f06ecb8e 100644
--- a/people/7585.html
+++ b/people/7585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7586.html b/people/7586.html
index 57929e51..ec0eb9c3 100644
--- a/people/7586.html
+++ b/people/7586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7587.html b/people/7587.html
index 4f0fb479..68ba7dee 100644
--- a/people/7587.html
+++ b/people/7587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7588.html b/people/7588.html
index 8195ad92..529b5879 100644
--- a/people/7588.html
+++ b/people/7588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7589.html b/people/7589.html
index 8b5c02f3..d4a83371 100644
--- a/people/7589.html
+++ b/people/7589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/759.html b/people/759.html
index 0cbe3cb4..4b7a6c3e 100644
--- a/people/759.html
+++ b/people/759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7590.html b/people/7590.html
index 391d1250..c920d926 100644
--- a/people/7590.html
+++ b/people/7590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7591.html b/people/7591.html
index 2356f945..1e5840a6 100644
--- a/people/7591.html
+++ b/people/7591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7592.html b/people/7592.html
index ff58bdd7..bc469504 100644
--- a/people/7592.html
+++ b/people/7592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7593.html b/people/7593.html
index 209db2ee..b63cbbc2 100644
--- a/people/7593.html
+++ b/people/7593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7594.html b/people/7594.html
index 152c5870..e51b1862 100644
--- a/people/7594.html
+++ b/people/7594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7595.html b/people/7595.html
index 23885cf5..59284a09 100644
--- a/people/7595.html
+++ b/people/7595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7596.html b/people/7596.html
index 18416310..fe3a508e 100644
--- a/people/7596.html
+++ b/people/7596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7597.html b/people/7597.html
index adf42ea6..18e6cc27 100644
--- a/people/7597.html
+++ b/people/7597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7598.html b/people/7598.html
index 760d1876..4d4668b8 100644
--- a/people/7598.html
+++ b/people/7598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7599.html b/people/7599.html
index 5de07313..664290cc 100644
--- a/people/7599.html
+++ b/people/7599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/76.html b/people/76.html
index 6b6af072..f23e8496 100644
--- a/people/76.html
+++ b/people/76.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/760.html b/people/760.html
index fd654069..4496098d 100644
--- a/people/760.html
+++ b/people/760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7600.html b/people/7600.html
index 096f65cd..f4df27a7 100644
--- a/people/7600.html
+++ b/people/7600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7601.html b/people/7601.html
index c7fdffe8..49b88e69 100644
--- a/people/7601.html
+++ b/people/7601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7602.html b/people/7602.html
index 290aeb80..a4e1f5a8 100644
--- a/people/7602.html
+++ b/people/7602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7603.html b/people/7603.html
index e270527d..60a90181 100644
--- a/people/7603.html
+++ b/people/7603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7604.html b/people/7604.html
index 3eaf7367..12f6b1b9 100644
--- a/people/7604.html
+++ b/people/7604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7605.html b/people/7605.html
index aed41d5f..e63f5656 100644
--- a/people/7605.html
+++ b/people/7605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7606.html b/people/7606.html
index d797a395..e07f6953 100644
--- a/people/7606.html
+++ b/people/7606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7607.html b/people/7607.html
index 337cd5a2..d2d6e104 100644
--- a/people/7607.html
+++ b/people/7607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7608.html b/people/7608.html
index 53dddb45..34186ea2 100644
--- a/people/7608.html
+++ b/people/7608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7609.html b/people/7609.html
index b18d2ada..ed00dc5c 100644
--- a/people/7609.html
+++ b/people/7609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/761.html b/people/761.html
index 68a2f126..78d01601 100644
--- a/people/761.html
+++ b/people/761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7610.html b/people/7610.html
index 29f1190b..d9191607 100644
--- a/people/7610.html
+++ b/people/7610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7611.html b/people/7611.html
index 2cfa1d52..9042c10e 100644
--- a/people/7611.html
+++ b/people/7611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7612.html b/people/7612.html
index 9dca35a1..c9e7e84a 100644
--- a/people/7612.html
+++ b/people/7612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7613.html b/people/7613.html
index 096b53a7..6357fc1f 100644
--- a/people/7613.html
+++ b/people/7613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7614.html b/people/7614.html
index 33b373d8..7944daa5 100644
--- a/people/7614.html
+++ b/people/7614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7615.html b/people/7615.html
index 9098a07d..a43184de 100644
--- a/people/7615.html
+++ b/people/7615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7616.html b/people/7616.html
index cd53784d..861578d0 100644
--- a/people/7616.html
+++ b/people/7616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7617.html b/people/7617.html
index 6755354c..f1bb2d73 100644
--- a/people/7617.html
+++ b/people/7617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7618.html b/people/7618.html
index 821c0a69..0dd509bf 100644
--- a/people/7618.html
+++ b/people/7618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7619.html b/people/7619.html
index 03e255b2..508bab37 100644
--- a/people/7619.html
+++ b/people/7619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/762.html b/people/762.html
index 3a2e9e2d..3d0a022d 100644
--- a/people/762.html
+++ b/people/762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7620.html b/people/7620.html
index df223c75..1ecb52cd 100644
--- a/people/7620.html
+++ b/people/7620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7621.html b/people/7621.html
index c254a58c..55987264 100644
--- a/people/7621.html
+++ b/people/7621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7622.html b/people/7622.html
index 2a3f076c..4a47c790 100644
--- a/people/7622.html
+++ b/people/7622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7623.html b/people/7623.html
index aa5c87e0..3b33293a 100644
--- a/people/7623.html
+++ b/people/7623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7624.html b/people/7624.html
index 92da5ee8..758b49f2 100644
--- a/people/7624.html
+++ b/people/7624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7625.html b/people/7625.html
index 77bc4b1a..59677adc 100644
--- a/people/7625.html
+++ b/people/7625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7626.html b/people/7626.html
index 4aa8a48b..1d6add4a 100644
--- a/people/7626.html
+++ b/people/7626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7627.html b/people/7627.html
index d52d0f64..c0dcdd6e 100644
--- a/people/7627.html
+++ b/people/7627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7628.html b/people/7628.html
index 62b2ecc4..7c78d903 100644
--- a/people/7628.html
+++ b/people/7628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7629.html b/people/7629.html
index 8c76dbc2..7c1e4d20 100644
--- a/people/7629.html
+++ b/people/7629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/763.html b/people/763.html
index 6f44a29d..acb7342a 100644
--- a/people/763.html
+++ b/people/763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7630.html b/people/7630.html
index 785c4721..24fce48a 100644
--- a/people/7630.html
+++ b/people/7630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7631.html b/people/7631.html
index ec0ee5f8..005a3b66 100644
--- a/people/7631.html
+++ b/people/7631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7632.html b/people/7632.html
index 1ec4a753..b51f9978 100644
--- a/people/7632.html
+++ b/people/7632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7633.html b/people/7633.html
index 9e3aef77..65d1a8fe 100644
--- a/people/7633.html
+++ b/people/7633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7634.html b/people/7634.html
index 088424e6..902b96a7 100644
--- a/people/7634.html
+++ b/people/7634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7635.html b/people/7635.html
index 7b14e7e8..92912016 100644
--- a/people/7635.html
+++ b/people/7635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7636.html b/people/7636.html
index 55db3f75..0ae4d0be 100644
--- a/people/7636.html
+++ b/people/7636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7637.html b/people/7637.html
index 4f567721..8099f1fb 100644
--- a/people/7637.html
+++ b/people/7637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7638.html b/people/7638.html
index e4827609..3d79d858 100644
--- a/people/7638.html
+++ b/people/7638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7639.html b/people/7639.html
index c5a51f4f..8fc279f7 100644
--- a/people/7639.html
+++ b/people/7639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/764.html b/people/764.html
index 94c3d4f9..85ff3b07 100644
--- a/people/764.html
+++ b/people/764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7640.html b/people/7640.html
index 32007a83..a9830711 100644
--- a/people/7640.html
+++ b/people/7640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7641.html b/people/7641.html
index fbbea3a4..fa1a9f51 100644
--- a/people/7641.html
+++ b/people/7641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7642.html b/people/7642.html
index f0b13945..09eb3bd3 100644
--- a/people/7642.html
+++ b/people/7642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7643.html b/people/7643.html
index 2e06802d..c729f7e6 100644
--- a/people/7643.html
+++ b/people/7643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7644.html b/people/7644.html
index 3b99df60..f551632d 100644
--- a/people/7644.html
+++ b/people/7644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7645.html b/people/7645.html
index 9f3859a2..e6fecaa0 100644
--- a/people/7645.html
+++ b/people/7645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7646.html b/people/7646.html
index 3e6f3e70..fecddcf1 100644
--- a/people/7646.html
+++ b/people/7646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7647.html b/people/7647.html
index b0076b15..6997a2b4 100644
--- a/people/7647.html
+++ b/people/7647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7648.html b/people/7648.html
index 6af86e70..fcf3026a 100644
--- a/people/7648.html
+++ b/people/7648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7649.html b/people/7649.html
index de708a1d..0a57d72c 100644
--- a/people/7649.html
+++ b/people/7649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/765.html b/people/765.html
index 8f96e3fc..b1aae442 100644
--- a/people/765.html
+++ b/people/765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7650.html b/people/7650.html
index 842d798f..ee2044f3 100644
--- a/people/7650.html
+++ b/people/7650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7651.html b/people/7651.html
index 3ee09359..b9846ffe 100644
--- a/people/7651.html
+++ b/people/7651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7652.html b/people/7652.html
index 3a0661ec..f7cd2184 100644
--- a/people/7652.html
+++ b/people/7652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7653.html b/people/7653.html
index 0c6a41ac..0b598e19 100644
--- a/people/7653.html
+++ b/people/7653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7654.html b/people/7654.html
index 2f8f48e2..057335b9 100644
--- a/people/7654.html
+++ b/people/7654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7655.html b/people/7655.html
index f7c17577..ea9cc5ae 100644
--- a/people/7655.html
+++ b/people/7655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7656.html b/people/7656.html
index 0bcb1bb2..c288f41f 100644
--- a/people/7656.html
+++ b/people/7656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7657.html b/people/7657.html
index 12708048..183606df 100644
--- a/people/7657.html
+++ b/people/7657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7658.html b/people/7658.html
index c405159d..960c05b4 100644
--- a/people/7658.html
+++ b/people/7658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7659.html b/people/7659.html
index b976fe06..7adf41e9 100644
--- a/people/7659.html
+++ b/people/7659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/766.html b/people/766.html
index 28eb266d..e7b1b561 100644
--- a/people/766.html
+++ b/people/766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7660.html b/people/7660.html
index f6086449..fa5e81f2 100644
--- a/people/7660.html
+++ b/people/7660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7661.html b/people/7661.html
index 681305e1..698f4fae 100644
--- a/people/7661.html
+++ b/people/7661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7662.html b/people/7662.html
index 180a6a4a..d8ddb67d 100644
--- a/people/7662.html
+++ b/people/7662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7663.html b/people/7663.html
index b038c334..2d025f19 100644
--- a/people/7663.html
+++ b/people/7663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7664.html b/people/7664.html
index 5d4b1f96..d5d3cbbb 100644
--- a/people/7664.html
+++ b/people/7664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7665.html b/people/7665.html
index ee30ea9b..26377799 100644
--- a/people/7665.html
+++ b/people/7665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7666.html b/people/7666.html
index 1d82dd29..e0aebb60 100644
--- a/people/7666.html
+++ b/people/7666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7667.html b/people/7667.html
index 9166df4b..b5ddbd3f 100644
--- a/people/7667.html
+++ b/people/7667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7668.html b/people/7668.html
index 083726ae..bad3b385 100644
--- a/people/7668.html
+++ b/people/7668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7669.html b/people/7669.html
index aae032ed..92cd0581 100644
--- a/people/7669.html
+++ b/people/7669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/767.html b/people/767.html
index 02260123..3cdeaa8c 100644
--- a/people/767.html
+++ b/people/767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7670.html b/people/7670.html
index 52d54bb0..98ac2ff7 100644
--- a/people/7670.html
+++ b/people/7670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7671.html b/people/7671.html
index 6a8f4e40..6d8b3efa 100644
--- a/people/7671.html
+++ b/people/7671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7672.html b/people/7672.html
index d5365689..7e6ffc58 100644
--- a/people/7672.html
+++ b/people/7672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7673.html b/people/7673.html
index 4bbc70c7..d22f8ba9 100644
--- a/people/7673.html
+++ b/people/7673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7674.html b/people/7674.html
index 16d18f18..d57d22f0 100644
--- a/people/7674.html
+++ b/people/7674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7675.html b/people/7675.html
index 7b60e4ec..33b5fc00 100644
--- a/people/7675.html
+++ b/people/7675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7676.html b/people/7676.html
index d85d3c01..b460f335 100644
--- a/people/7676.html
+++ b/people/7676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7677.html b/people/7677.html
index bfacfc19..58d2d749 100644
--- a/people/7677.html
+++ b/people/7677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7678.html b/people/7678.html
index 7f5ad58b..9fd8f22c 100644
--- a/people/7678.html
+++ b/people/7678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7679.html b/people/7679.html
index a84287fd..b3ab2b88 100644
--- a/people/7679.html
+++ b/people/7679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/768.html b/people/768.html
index b6410444..37a08e44 100644
--- a/people/768.html
+++ b/people/768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7680.html b/people/7680.html
index 43536cf0..287d24af 100644
--- a/people/7680.html
+++ b/people/7680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7681.html b/people/7681.html
index 9067f8a9..9dff4827 100644
--- a/people/7681.html
+++ b/people/7681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7682.html b/people/7682.html
index 784bf713..5b059026 100644
--- a/people/7682.html
+++ b/people/7682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7683.html b/people/7683.html
index 5c42acc9..df10e6d6 100644
--- a/people/7683.html
+++ b/people/7683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7684.html b/people/7684.html
index b7f19831..5bfc46bc 100644
--- a/people/7684.html
+++ b/people/7684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7685.html b/people/7685.html
index 0d1ba518..df51ca3f 100644
--- a/people/7685.html
+++ b/people/7685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7686.html b/people/7686.html
index c5602e26..d32f2273 100644
--- a/people/7686.html
+++ b/people/7686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7687.html b/people/7687.html
index a977cf47..4eb8494e 100644
--- a/people/7687.html
+++ b/people/7687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7688.html b/people/7688.html
index 5395b32c..d44a5ddb 100644
--- a/people/7688.html
+++ b/people/7688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7689.html b/people/7689.html
index 5aa99d03..f3325221 100644
--- a/people/7689.html
+++ b/people/7689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/769.html b/people/769.html
index 0f817677..80a1d97d 100644
--- a/people/769.html
+++ b/people/769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7690.html b/people/7690.html
index f9e85461..949ed0e3 100644
--- a/people/7690.html
+++ b/people/7690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7691.html b/people/7691.html
index 740b59f0..6843e4cf 100644
--- a/people/7691.html
+++ b/people/7691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7692.html b/people/7692.html
index 38e53cce..872a2114 100644
--- a/people/7692.html
+++ b/people/7692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7693.html b/people/7693.html
index 4ff9b95f..458049b2 100644
--- a/people/7693.html
+++ b/people/7693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7694.html b/people/7694.html
index 0329bc14..53b37fda 100644
--- a/people/7694.html
+++ b/people/7694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7695.html b/people/7695.html
index 712f9770..3598ab1b 100644
--- a/people/7695.html
+++ b/people/7695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7696.html b/people/7696.html
index 6ee825f4..8d552ed1 100644
--- a/people/7696.html
+++ b/people/7696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7697.html b/people/7697.html
index b4a3718b..7d1e73ce 100644
--- a/people/7697.html
+++ b/people/7697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7698.html b/people/7698.html
index 99e1b6f9..1b394c6e 100644
--- a/people/7698.html
+++ b/people/7698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7699.html b/people/7699.html
index 0e45a516..54886975 100644
--- a/people/7699.html
+++ b/people/7699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/77.html b/people/77.html
index 56d5c38f..4497983b 100644
--- a/people/77.html
+++ b/people/77.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/770.html b/people/770.html
index 6b351b1e..80aeaf8c 100644
--- a/people/770.html
+++ b/people/770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7700.html b/people/7700.html
index 410e976e..01ae2a16 100644
--- a/people/7700.html
+++ b/people/7700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7701.html b/people/7701.html
index 033b9c09..8e8fb9d6 100644
--- a/people/7701.html
+++ b/people/7701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7702.html b/people/7702.html
index 12467a9e..3f2d9bfd 100644
--- a/people/7702.html
+++ b/people/7702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7703.html b/people/7703.html
index c48c988e..2f4ab057 100644
--- a/people/7703.html
+++ b/people/7703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7704.html b/people/7704.html
index e7bf21aa..157a1318 100644
--- a/people/7704.html
+++ b/people/7704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7705.html b/people/7705.html
index 84e756e0..a32692c1 100644
--- a/people/7705.html
+++ b/people/7705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7706.html b/people/7706.html
index b3dd87b4..7448336f 100644
--- a/people/7706.html
+++ b/people/7706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7707.html b/people/7707.html
index 8632b1e4..bf4008fe 100644
--- a/people/7707.html
+++ b/people/7707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7708.html b/people/7708.html
index 79088104..d9897f84 100644
--- a/people/7708.html
+++ b/people/7708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7709.html b/people/7709.html
index f6cb0bd7..c20e0122 100644
--- a/people/7709.html
+++ b/people/7709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/771.html b/people/771.html
index 71c574af..ff956888 100644
--- a/people/771.html
+++ b/people/771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7710.html b/people/7710.html
index edc325ae..50c513b8 100644
--- a/people/7710.html
+++ b/people/7710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7711.html b/people/7711.html
index 9ea1c351..849b551b 100644
--- a/people/7711.html
+++ b/people/7711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7712.html b/people/7712.html
index a5692405..560c11b3 100644
--- a/people/7712.html
+++ b/people/7712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7713.html b/people/7713.html
index 4fc261ce..85047198 100644
--- a/people/7713.html
+++ b/people/7713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7714.html b/people/7714.html
index be9cb3cd..259572b2 100644
--- a/people/7714.html
+++ b/people/7714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7715.html b/people/7715.html
index 73a9dbef..b1413426 100644
--- a/people/7715.html
+++ b/people/7715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7716.html b/people/7716.html
index 70281a99..77ad7693 100644
--- a/people/7716.html
+++ b/people/7716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7717.html b/people/7717.html
index 2386c8d3..93454451 100644
--- a/people/7717.html
+++ b/people/7717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7718.html b/people/7718.html
index 74f84d09..91c49632 100644
--- a/people/7718.html
+++ b/people/7718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7719.html b/people/7719.html
index 5db11fbc..6423ba69 100644
--- a/people/7719.html
+++ b/people/7719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/772.html b/people/772.html
index 7191e1ed..81168b82 100644
--- a/people/772.html
+++ b/people/772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7720.html b/people/7720.html
index a5a4a89f..6b756445 100644
--- a/people/7720.html
+++ b/people/7720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7721.html b/people/7721.html
index 419682e3..af7e3ed0 100644
--- a/people/7721.html
+++ b/people/7721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7722.html b/people/7722.html
index 2a955319..c9394d07 100644
--- a/people/7722.html
+++ b/people/7722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7723.html b/people/7723.html
index 7c1a4511..fc939f6c 100644
--- a/people/7723.html
+++ b/people/7723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7724.html b/people/7724.html
index 7d403fae..56c86fe8 100644
--- a/people/7724.html
+++ b/people/7724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7725.html b/people/7725.html
index 3d83e329..05656fc7 100644
--- a/people/7725.html
+++ b/people/7725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7726.html b/people/7726.html
index de859103..b3b2661f 100644
--- a/people/7726.html
+++ b/people/7726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7727.html b/people/7727.html
index c739983d..5aa77709 100644
--- a/people/7727.html
+++ b/people/7727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7728.html b/people/7728.html
index a8222430..df3b632d 100644
--- a/people/7728.html
+++ b/people/7728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7729.html b/people/7729.html
index cb4e2eaf..091c7b63 100644
--- a/people/7729.html
+++ b/people/7729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/773.html b/people/773.html
index 835af3ca..7f6fc657 100644
--- a/people/773.html
+++ b/people/773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7730.html b/people/7730.html
index e1ce9708..4f7adf48 100644
--- a/people/7730.html
+++ b/people/7730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7731.html b/people/7731.html
index 3def82c2..6c5f4f2a 100644
--- a/people/7731.html
+++ b/people/7731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7732.html b/people/7732.html
index e32b20d6..7a2ece64 100644
--- a/people/7732.html
+++ b/people/7732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7733.html b/people/7733.html
index 7d0c24ce..15e4fcdb 100644
--- a/people/7733.html
+++ b/people/7733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7734.html b/people/7734.html
index 9ae93a93..72a1d631 100644
--- a/people/7734.html
+++ b/people/7734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7735.html b/people/7735.html
index 52bbcaed..c346a451 100644
--- a/people/7735.html
+++ b/people/7735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7736.html b/people/7736.html
index b2d1e1c3..14c00b4a 100644
--- a/people/7736.html
+++ b/people/7736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7737.html b/people/7737.html
index 20e8874a..207ebf26 100644
--- a/people/7737.html
+++ b/people/7737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7738.html b/people/7738.html
index 3bab9d98..f55b59ca 100644
--- a/people/7738.html
+++ b/people/7738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7739.html b/people/7739.html
index e0bcc349..a26c03d8 100644
--- a/people/7739.html
+++ b/people/7739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/774.html b/people/774.html
index e1d08d39..cde30863 100644
--- a/people/774.html
+++ b/people/774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7740.html b/people/7740.html
index d2f1ab2d..4819c381 100644
--- a/people/7740.html
+++ b/people/7740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7741.html b/people/7741.html
index 41d2f0b7..e1f82450 100644
--- a/people/7741.html
+++ b/people/7741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7742.html b/people/7742.html
index 1e186b2d..9ff2e185 100644
--- a/people/7742.html
+++ b/people/7742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7743.html b/people/7743.html
index 33ecc7ff..cd46b4a9 100644
--- a/people/7743.html
+++ b/people/7743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7744.html b/people/7744.html
index df814d0a..65ece453 100644
--- a/people/7744.html
+++ b/people/7744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7745.html b/people/7745.html
index f3118d2d..bcd70782 100644
--- a/people/7745.html
+++ b/people/7745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7746.html b/people/7746.html
index 91203632..61e72557 100644
--- a/people/7746.html
+++ b/people/7746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7747.html b/people/7747.html
index 6dd6bb24..5baf7fe0 100644
--- a/people/7747.html
+++ b/people/7747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7748.html b/people/7748.html
index 4bc2bb55..64471559 100644
--- a/people/7748.html
+++ b/people/7748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7749.html b/people/7749.html
index db7e5f9c..cce846ac 100644
--- a/people/7749.html
+++ b/people/7749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/775.html b/people/775.html
index 7f702cb9..b8a57093 100644
--- a/people/775.html
+++ b/people/775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7750.html b/people/7750.html
index ac062bf5..0976bf19 100644
--- a/people/7750.html
+++ b/people/7750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7751.html b/people/7751.html
index 3a89dd95..82627718 100644
--- a/people/7751.html
+++ b/people/7751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7752.html b/people/7752.html
index f68d5494..9beb7cea 100644
--- a/people/7752.html
+++ b/people/7752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7753.html b/people/7753.html
index cdd5c2ae..62668548 100644
--- a/people/7753.html
+++ b/people/7753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7754.html b/people/7754.html
index 38a678e2..8bc13204 100644
--- a/people/7754.html
+++ b/people/7754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7755.html b/people/7755.html
index 91675590..cca6565a 100644
--- a/people/7755.html
+++ b/people/7755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7756.html b/people/7756.html
index 927beaa1..f4334da3 100644
--- a/people/7756.html
+++ b/people/7756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7757.html b/people/7757.html
index 02701a0d..8e17627d 100644
--- a/people/7757.html
+++ b/people/7757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7758.html b/people/7758.html
index 82fb5499..cc7344a8 100644
--- a/people/7758.html
+++ b/people/7758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7759.html b/people/7759.html
index afacf9d7..775f4fa1 100644
--- a/people/7759.html
+++ b/people/7759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/776.html b/people/776.html
index c125c0a1..54959ce7 100644
--- a/people/776.html
+++ b/people/776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7760.html b/people/7760.html
index 5586f419..56354935 100644
--- a/people/7760.html
+++ b/people/7760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7761.html b/people/7761.html
index 729720eb..a8a67de0 100644
--- a/people/7761.html
+++ b/people/7761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7762.html b/people/7762.html
index 7d34d15c..d9626c79 100644
--- a/people/7762.html
+++ b/people/7762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7763.html b/people/7763.html
index 50d3a93e..f36b7443 100644
--- a/people/7763.html
+++ b/people/7763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7764.html b/people/7764.html
index a6630778..e16024c8 100644
--- a/people/7764.html
+++ b/people/7764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7765.html b/people/7765.html
index 037878cd..c482c100 100644
--- a/people/7765.html
+++ b/people/7765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7766.html b/people/7766.html
index 4b7271c3..7fa54732 100644
--- a/people/7766.html
+++ b/people/7766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7767.html b/people/7767.html
index 9ddcd1ce..d544c6a8 100644
--- a/people/7767.html
+++ b/people/7767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7768.html b/people/7768.html
index 5b9f16fd..7f2bbdd7 100644
--- a/people/7768.html
+++ b/people/7768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7769.html b/people/7769.html
index b2e5ab94..ec9febbc 100644
--- a/people/7769.html
+++ b/people/7769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/777.html b/people/777.html
index cdfc987c..f52e3559 100644
--- a/people/777.html
+++ b/people/777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7770.html b/people/7770.html
index 35c7ed6d..405c081b 100644
--- a/people/7770.html
+++ b/people/7770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7771.html b/people/7771.html
index a58ade64..f1121e8b 100644
--- a/people/7771.html
+++ b/people/7771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7772.html b/people/7772.html
index 2b0b5ed9..88a03657 100644
--- a/people/7772.html
+++ b/people/7772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7773.html b/people/7773.html
index 386b0717..51550e60 100644
--- a/people/7773.html
+++ b/people/7773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7774.html b/people/7774.html
index c0871f90..76023bfe 100644
--- a/people/7774.html
+++ b/people/7774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7775.html b/people/7775.html
index 6dae1507..b1279b23 100644
--- a/people/7775.html
+++ b/people/7775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7776.html b/people/7776.html
index 5f107456..581783fb 100644
--- a/people/7776.html
+++ b/people/7776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7777.html b/people/7777.html
index ada36e94..21f92897 100644
--- a/people/7777.html
+++ b/people/7777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7778.html b/people/7778.html
index d6951388..02579937 100644
--- a/people/7778.html
+++ b/people/7778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7779.html b/people/7779.html
index 425d8899..9a00a618 100644
--- a/people/7779.html
+++ b/people/7779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/778.html b/people/778.html
index f7767594..2d8c581a 100644
--- a/people/778.html
+++ b/people/778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7780.html b/people/7780.html
index 1c58194e..d8919be5 100644
--- a/people/7780.html
+++ b/people/7780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7781.html b/people/7781.html
index 133debc4..359b6b52 100644
--- a/people/7781.html
+++ b/people/7781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7782.html b/people/7782.html
index 13a19650..d08128e9 100644
--- a/people/7782.html
+++ b/people/7782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7783.html b/people/7783.html
index e8f89529..4da670a1 100644
--- a/people/7783.html
+++ b/people/7783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7784.html b/people/7784.html
index c8b76221..16f8dd42 100644
--- a/people/7784.html
+++ b/people/7784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7785.html b/people/7785.html
index 571f2961..df686fac 100644
--- a/people/7785.html
+++ b/people/7785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7786.html b/people/7786.html
index 39430c0f..0cdb643b 100644
--- a/people/7786.html
+++ b/people/7786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7787.html b/people/7787.html
index ff58c7e9..ba31317c 100644
--- a/people/7787.html
+++ b/people/7787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7788.html b/people/7788.html
index 704340b2..0cfe87b0 100644
--- a/people/7788.html
+++ b/people/7788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7789.html b/people/7789.html
index 5bb1fa0f..d86bf08d 100644
--- a/people/7789.html
+++ b/people/7789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/779.html b/people/779.html
index a1401bdc..0a5cf86b 100644
--- a/people/779.html
+++ b/people/779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7790.html b/people/7790.html
index 6fdfe4f2..3ace582b 100644
--- a/people/7790.html
+++ b/people/7790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7791.html b/people/7791.html
index 18ff4fc3..57c0ea6c 100644
--- a/people/7791.html
+++ b/people/7791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7792.html b/people/7792.html
index 4adb5d63..0edf5108 100644
--- a/people/7792.html
+++ b/people/7792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7793.html b/people/7793.html
index 47bb47e7..87345081 100644
--- a/people/7793.html
+++ b/people/7793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7794.html b/people/7794.html
index 92a5ff1a..cff8168c 100644
--- a/people/7794.html
+++ b/people/7794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7795.html b/people/7795.html
index a26c0634..d5004708 100644
--- a/people/7795.html
+++ b/people/7795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7796.html b/people/7796.html
index 239ea5f3..d05d0f24 100644
--- a/people/7796.html
+++ b/people/7796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7797.html b/people/7797.html
index 04183cdc..6c234bf8 100644
--- a/people/7797.html
+++ b/people/7797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7798.html b/people/7798.html
index cba875ff..9cd5a23b 100644
--- a/people/7798.html
+++ b/people/7798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7799.html b/people/7799.html
index 4682f82a..98a81ffb 100644
--- a/people/7799.html
+++ b/people/7799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/78.html b/people/78.html
index 890abf60..43d90f1d 100644
--- a/people/78.html
+++ b/people/78.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/780.html b/people/780.html
index 9dad0d4a..9697e7d7 100644
--- a/people/780.html
+++ b/people/780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7800.html b/people/7800.html
index 311e8129..bb0d2e83 100644
--- a/people/7800.html
+++ b/people/7800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7801.html b/people/7801.html
index fa018e6c..05f8248d 100644
--- a/people/7801.html
+++ b/people/7801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7802.html b/people/7802.html
index bb58ac01..37c43119 100644
--- a/people/7802.html
+++ b/people/7802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7803.html b/people/7803.html
index c3e70d78..af9c4f04 100644
--- a/people/7803.html
+++ b/people/7803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7804.html b/people/7804.html
index a3102985..63ff9a42 100644
--- a/people/7804.html
+++ b/people/7804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7805.html b/people/7805.html
index 0d52e7ac..9447ea23 100644
--- a/people/7805.html
+++ b/people/7805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7806.html b/people/7806.html
index cd675f9f..0c7be3c1 100644
--- a/people/7806.html
+++ b/people/7806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7807.html b/people/7807.html
index 1895fa3d..a58c8fcc 100644
--- a/people/7807.html
+++ b/people/7807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7808.html b/people/7808.html
index f48a4038..47ab71a4 100644
--- a/people/7808.html
+++ b/people/7808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7809.html b/people/7809.html
index 00308b22..fe017807 100644
--- a/people/7809.html
+++ b/people/7809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/781.html b/people/781.html
index 6ffc21d0..a1361a46 100644
--- a/people/781.html
+++ b/people/781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7810.html b/people/7810.html
index e189965d..4556ae3a 100644
--- a/people/7810.html
+++ b/people/7810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7811.html b/people/7811.html
index 6e4d913f..25ae7c0f 100644
--- a/people/7811.html
+++ b/people/7811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7812.html b/people/7812.html
index c4f17550..3b277deb 100644
--- a/people/7812.html
+++ b/people/7812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7813.html b/people/7813.html
index ca4ed8b9..13966655 100644
--- a/people/7813.html
+++ b/people/7813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7814.html b/people/7814.html
index 736c279b..06ee3ebb 100644
--- a/people/7814.html
+++ b/people/7814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7815.html b/people/7815.html
index 2282bad0..5722d379 100644
--- a/people/7815.html
+++ b/people/7815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7816.html b/people/7816.html
index 817671f4..468c130d 100644
--- a/people/7816.html
+++ b/people/7816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7817.html b/people/7817.html
index 40ef8afd..a9cca6cf 100644
--- a/people/7817.html
+++ b/people/7817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7818.html b/people/7818.html
index 221ed723..73d2940d 100644
--- a/people/7818.html
+++ b/people/7818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7819.html b/people/7819.html
index 5bd56183..a0eb5696 100644
--- a/people/7819.html
+++ b/people/7819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/782.html b/people/782.html
index dc1b3396..ef286204 100644
--- a/people/782.html
+++ b/people/782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7820.html b/people/7820.html
index 23b22983..46b86bcd 100644
--- a/people/7820.html
+++ b/people/7820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7821.html b/people/7821.html
index b248de5f..ba1a16c7 100644
--- a/people/7821.html
+++ b/people/7821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7822.html b/people/7822.html
index 996df56a..718c68cd 100644
--- a/people/7822.html
+++ b/people/7822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7823.html b/people/7823.html
index d40aecbf..d205ee92 100644
--- a/people/7823.html
+++ b/people/7823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7824.html b/people/7824.html
index 55986d6b..b9410323 100644
--- a/people/7824.html
+++ b/people/7824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7825.html b/people/7825.html
index 0d98ef29..793d733c 100644
--- a/people/7825.html
+++ b/people/7825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7826.html b/people/7826.html
index e6aa3a70..881f7909 100644
--- a/people/7826.html
+++ b/people/7826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7827.html b/people/7827.html
index 421f19d2..da488a91 100644
--- a/people/7827.html
+++ b/people/7827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7828.html b/people/7828.html
index 0d69a7d4..fdbd854a 100644
--- a/people/7828.html
+++ b/people/7828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7829.html b/people/7829.html
index bebf8ceb..4b15d3e5 100644
--- a/people/7829.html
+++ b/people/7829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/783.html b/people/783.html
index 7a707795..611a585c 100644
--- a/people/783.html
+++ b/people/783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7830.html b/people/7830.html
index 8f45ec77..97365509 100644
--- a/people/7830.html
+++ b/people/7830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7831.html b/people/7831.html
index 506f1124..7b6a2a2a 100644
--- a/people/7831.html
+++ b/people/7831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7832.html b/people/7832.html
index cb6359d9..76844d62 100644
--- a/people/7832.html
+++ b/people/7832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7833.html b/people/7833.html
index f72a0251..fc2716e3 100644
--- a/people/7833.html
+++ b/people/7833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7834.html b/people/7834.html
index 58a3b4ed..65955f50 100644
--- a/people/7834.html
+++ b/people/7834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7835.html b/people/7835.html
index db2a6355..1df5dd0d 100644
--- a/people/7835.html
+++ b/people/7835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7836.html b/people/7836.html
index 21090030..c88a6aea 100644
--- a/people/7836.html
+++ b/people/7836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7837.html b/people/7837.html
index 7c044dc6..3fcd935c 100644
--- a/people/7837.html
+++ b/people/7837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7838.html b/people/7838.html
index 7efc650e..554b8412 100644
--- a/people/7838.html
+++ b/people/7838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7839.html b/people/7839.html
index 69d8274f..f001c4a2 100644
--- a/people/7839.html
+++ b/people/7839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/784.html b/people/784.html
index 4f08247b..c76e4d50 100644
--- a/people/784.html
+++ b/people/784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7840.html b/people/7840.html
index b66999ac..7a9d13a9 100644
--- a/people/7840.html
+++ b/people/7840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7841.html b/people/7841.html
index 6f8159a2..1f16fe4f 100644
--- a/people/7841.html
+++ b/people/7841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7842.html b/people/7842.html
index 274325e0..9fb12ae7 100644
--- a/people/7842.html
+++ b/people/7842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7843.html b/people/7843.html
index 39dc21ea..24f9b883 100644
--- a/people/7843.html
+++ b/people/7843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7844.html b/people/7844.html
index fb1e66b9..ba3657e2 100644
--- a/people/7844.html
+++ b/people/7844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7845.html b/people/7845.html
index 2a4bac1a..e76604d2 100644
--- a/people/7845.html
+++ b/people/7845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7846.html b/people/7846.html
index 23c2632b..bc684ab4 100644
--- a/people/7846.html
+++ b/people/7846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7847.html b/people/7847.html
index 44ca4cc9..95b44f85 100644
--- a/people/7847.html
+++ b/people/7847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7848.html b/people/7848.html
index 9f41edaf..9132050d 100644
--- a/people/7848.html
+++ b/people/7848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7849.html b/people/7849.html
index 59a2df46..fb6c6062 100644
--- a/people/7849.html
+++ b/people/7849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/785.html b/people/785.html
index 704f9ab8..90152f0a 100644
--- a/people/785.html
+++ b/people/785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7850.html b/people/7850.html
index 7d121033..ccecbd64 100644
--- a/people/7850.html
+++ b/people/7850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7851.html b/people/7851.html
index 3570d96d..9753afdf 100644
--- a/people/7851.html
+++ b/people/7851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7852.html b/people/7852.html
index 9135bf0c..d3fb5aed 100644
--- a/people/7852.html
+++ b/people/7852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7853.html b/people/7853.html
index 364fe2d5..57080388 100644
--- a/people/7853.html
+++ b/people/7853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7854.html b/people/7854.html
index 67162405..03e29f75 100644
--- a/people/7854.html
+++ b/people/7854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7855.html b/people/7855.html
index a3793e55..401353e5 100644
--- a/people/7855.html
+++ b/people/7855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7856.html b/people/7856.html
index 0191a291..035d6bd4 100644
--- a/people/7856.html
+++ b/people/7856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7857.html b/people/7857.html
index 8f75c9af..c5bcabe2 100644
--- a/people/7857.html
+++ b/people/7857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7858.html b/people/7858.html
index e699598e..4f934517 100644
--- a/people/7858.html
+++ b/people/7858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7859.html b/people/7859.html
index 6b1f52cf..0ffa9883 100644
--- a/people/7859.html
+++ b/people/7859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/786.html b/people/786.html
index 8c1e98fd..c8413744 100644
--- a/people/786.html
+++ b/people/786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7860.html b/people/7860.html
index 5410fec2..fa7b0d97 100644
--- a/people/7860.html
+++ b/people/7860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7861.html b/people/7861.html
index 1c396de9..6a7ca0d9 100644
--- a/people/7861.html
+++ b/people/7861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7862.html b/people/7862.html
index 4a79d717..e06e0c4e 100644
--- a/people/7862.html
+++ b/people/7862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7863.html b/people/7863.html
index 5cacc642..2230a19b 100644
--- a/people/7863.html
+++ b/people/7863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7864.html b/people/7864.html
index 4de6b840..8f9392a0 100644
--- a/people/7864.html
+++ b/people/7864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7865.html b/people/7865.html
index b98b691d..0c97546e 100644
--- a/people/7865.html
+++ b/people/7865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7866.html b/people/7866.html
index 0d3839c3..32a7603b 100644
--- a/people/7866.html
+++ b/people/7866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7867.html b/people/7867.html
index 1c3aff37..e22daea7 100644
--- a/people/7867.html
+++ b/people/7867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7868.html b/people/7868.html
index 090ec0b5..f0f80678 100644
--- a/people/7868.html
+++ b/people/7868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7869.html b/people/7869.html
index 697f025a..3615a5f8 100644
--- a/people/7869.html
+++ b/people/7869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/787.html b/people/787.html
index e0a3722d..0bc0d5c2 100644
--- a/people/787.html
+++ b/people/787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7870.html b/people/7870.html
index 444dd75a..c05322f4 100644
--- a/people/7870.html
+++ b/people/7870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7871.html b/people/7871.html
index 4e74b6d9..2eed8461 100644
--- a/people/7871.html
+++ b/people/7871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7872.html b/people/7872.html
index 1b248ba3..3316bb03 100644
--- a/people/7872.html
+++ b/people/7872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7873.html b/people/7873.html
index 5bee603e..a0274b68 100644
--- a/people/7873.html
+++ b/people/7873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7874.html b/people/7874.html
index 145eb12c..871aa4fe 100644
--- a/people/7874.html
+++ b/people/7874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7875.html b/people/7875.html
index b545f90b..380528bd 100644
--- a/people/7875.html
+++ b/people/7875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7876.html b/people/7876.html
index 64395ac4..bd7e511e 100644
--- a/people/7876.html
+++ b/people/7876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7877.html b/people/7877.html
index d5b648a0..298fac5e 100644
--- a/people/7877.html
+++ b/people/7877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7878.html b/people/7878.html
index 24a16416..b50adae2 100644
--- a/people/7878.html
+++ b/people/7878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7879.html b/people/7879.html
index c13e6265..3a3d96c7 100644
--- a/people/7879.html
+++ b/people/7879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/788.html b/people/788.html
index 85cbcd04..6cae4a7e 100644
--- a/people/788.html
+++ b/people/788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7880.html b/people/7880.html
index 808a725f..85626b1d 100644
--- a/people/7880.html
+++ b/people/7880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7881.html b/people/7881.html
index 897c479a..6d6992f7 100644
--- a/people/7881.html
+++ b/people/7881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7882.html b/people/7882.html
index d28100e8..d56b0aa5 100644
--- a/people/7882.html
+++ b/people/7882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7883.html b/people/7883.html
index 918d1c9a..8a8db40c 100644
--- a/people/7883.html
+++ b/people/7883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7884.html b/people/7884.html
index b81243e3..b7b75e8f 100644
--- a/people/7884.html
+++ b/people/7884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7885.html b/people/7885.html
index 94a8ceb6..ce66a915 100644
--- a/people/7885.html
+++ b/people/7885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7886.html b/people/7886.html
index f60ad22f..c46aa8ee 100644
--- a/people/7886.html
+++ b/people/7886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7887.html b/people/7887.html
index b872f37e..13f4fae5 100644
--- a/people/7887.html
+++ b/people/7887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7888.html b/people/7888.html
index 952647df..c43d27cd 100644
--- a/people/7888.html
+++ b/people/7888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7889.html b/people/7889.html
index 9f7f2586..b7a48d1e 100644
--- a/people/7889.html
+++ b/people/7889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/789.html b/people/789.html
index 6d0abc4a..c0b0b882 100644
--- a/people/789.html
+++ b/people/789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7890.html b/people/7890.html
index c6ad159c..4e1b8dfe 100644
--- a/people/7890.html
+++ b/people/7890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7891.html b/people/7891.html
index 4046f847..94f97a1e 100644
--- a/people/7891.html
+++ b/people/7891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7892.html b/people/7892.html
index 18342f06..c88c0e11 100644
--- a/people/7892.html
+++ b/people/7892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7893.html b/people/7893.html
index 774f40ac..0e270880 100644
--- a/people/7893.html
+++ b/people/7893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7894.html b/people/7894.html
index 0b745e8e..69e2cb04 100644
--- a/people/7894.html
+++ b/people/7894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7895.html b/people/7895.html
index e779bda8..3ae63d15 100644
--- a/people/7895.html
+++ b/people/7895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7896.html b/people/7896.html
index 4c9e522a..95647e5a 100644
--- a/people/7896.html
+++ b/people/7896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7897.html b/people/7897.html
index 9ebccfb1..157aff7c 100644
--- a/people/7897.html
+++ b/people/7897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7898.html b/people/7898.html
index 0c652082..3f1294ef 100644
--- a/people/7898.html
+++ b/people/7898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7899.html b/people/7899.html
index 51a0633a..ba1eefa5 100644
--- a/people/7899.html
+++ b/people/7899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/79.html b/people/79.html
index ae279e3f..d72803c4 100644
--- a/people/79.html
+++ b/people/79.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/790.html b/people/790.html
index 3ef0027c..c8a4f8ab 100644
--- a/people/790.html
+++ b/people/790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7900.html b/people/7900.html
index 5e9373b1..64686a80 100644
--- a/people/7900.html
+++ b/people/7900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7901.html b/people/7901.html
index 3da1d01d..d32533ad 100644
--- a/people/7901.html
+++ b/people/7901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7902.html b/people/7902.html
index 2923dd19..35234efa 100644
--- a/people/7902.html
+++ b/people/7902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7903.html b/people/7903.html
index 4f36fab8..17044770 100644
--- a/people/7903.html
+++ b/people/7903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7904.html b/people/7904.html
index 450235f2..36fbe65d 100644
--- a/people/7904.html
+++ b/people/7904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7905.html b/people/7905.html
index c8a6a793..ac2622b0 100644
--- a/people/7905.html
+++ b/people/7905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7906.html b/people/7906.html
index 2173cf0f..92d88e63 100644
--- a/people/7906.html
+++ b/people/7906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7907.html b/people/7907.html
index 74f46d1f..4f1fcecc 100644
--- a/people/7907.html
+++ b/people/7907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7908.html b/people/7908.html
index 8a063210..65bb30a8 100644
--- a/people/7908.html
+++ b/people/7908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7909.html b/people/7909.html
index 986ebf26..53d4baea 100644
--- a/people/7909.html
+++ b/people/7909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/791.html b/people/791.html
index 390cd728..694201df 100644
--- a/people/791.html
+++ b/people/791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7910.html b/people/7910.html
index ac129330..6f7cdafc 100644
--- a/people/7910.html
+++ b/people/7910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7911.html b/people/7911.html
index bb1d7653..2e4c43e1 100644
--- a/people/7911.html
+++ b/people/7911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7912.html b/people/7912.html
index 4a12b9dd..57a23087 100644
--- a/people/7912.html
+++ b/people/7912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7913.html b/people/7913.html
index 3904e892..76b54273 100644
--- a/people/7913.html
+++ b/people/7913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7914.html b/people/7914.html
index 5d417383..6ec3d5c1 100644
--- a/people/7914.html
+++ b/people/7914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7915.html b/people/7915.html
index e8da7b47..f9a892b8 100644
--- a/people/7915.html
+++ b/people/7915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7916.html b/people/7916.html
index 110e7d10..865906e8 100644
--- a/people/7916.html
+++ b/people/7916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7917.html b/people/7917.html
index ae19fea2..19521ae9 100644
--- a/people/7917.html
+++ b/people/7917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7918.html b/people/7918.html
index d3a771e3..dffed9df 100644
--- a/people/7918.html
+++ b/people/7918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7919.html b/people/7919.html
index fada6672..8dfb34d5 100644
--- a/people/7919.html
+++ b/people/7919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/792.html b/people/792.html
index 13bf9e0f..c602b49b 100644
--- a/people/792.html
+++ b/people/792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7920.html b/people/7920.html
index ed2ba07d..9ed56b65 100644
--- a/people/7920.html
+++ b/people/7920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7921.html b/people/7921.html
index ae69d691..b8caf37a 100644
--- a/people/7921.html
+++ b/people/7921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7922.html b/people/7922.html
index ff9cdb42..d76c4612 100644
--- a/people/7922.html
+++ b/people/7922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7923.html b/people/7923.html
index b11c2a36..2152e50c 100644
--- a/people/7923.html
+++ b/people/7923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7924.html b/people/7924.html
index f2207042..3dee4518 100644
--- a/people/7924.html
+++ b/people/7924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7925.html b/people/7925.html
index 9ac0c85f..8921e205 100644
--- a/people/7925.html
+++ b/people/7925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7926.html b/people/7926.html
index 2810145b..b4295dc6 100644
--- a/people/7926.html
+++ b/people/7926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7927.html b/people/7927.html
index da5cf45c..71f7c5b9 100644
--- a/people/7927.html
+++ b/people/7927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7928.html b/people/7928.html
index e6ce69c5..520f33d8 100644
--- a/people/7928.html
+++ b/people/7928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7929.html b/people/7929.html
index a129a445..559258db 100644
--- a/people/7929.html
+++ b/people/7929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/793.html b/people/793.html
index de904d5b..2647aaff 100644
--- a/people/793.html
+++ b/people/793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7930.html b/people/7930.html
index 5937ffa2..2c86abbd 100644
--- a/people/7930.html
+++ b/people/7930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7931.html b/people/7931.html
index 58e9d5b3..b0e659a6 100644
--- a/people/7931.html
+++ b/people/7931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7932.html b/people/7932.html
index 576f7aa6..8d207a44 100644
--- a/people/7932.html
+++ b/people/7932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7933.html b/people/7933.html
index 867b5253..85f2eb55 100644
--- a/people/7933.html
+++ b/people/7933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7934.html b/people/7934.html
index b9affced..918e7969 100644
--- a/people/7934.html
+++ b/people/7934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7935.html b/people/7935.html
index 6787ace2..351159da 100644
--- a/people/7935.html
+++ b/people/7935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7936.html b/people/7936.html
index 3f8ed233..cde256a1 100644
--- a/people/7936.html
+++ b/people/7936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7937.html b/people/7937.html
index 9ab220d3..e5de80c6 100644
--- a/people/7937.html
+++ b/people/7937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7938.html b/people/7938.html
index dd706068..02ddd39d 100644
--- a/people/7938.html
+++ b/people/7938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7939.html b/people/7939.html
index 920a4835..eaf7ec90 100644
--- a/people/7939.html
+++ b/people/7939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/794.html b/people/794.html
index 30dba8d8..e54c2c1d 100644
--- a/people/794.html
+++ b/people/794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7940.html b/people/7940.html
index bd1fdb9f..88eeecf5 100644
--- a/people/7940.html
+++ b/people/7940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7941.html b/people/7941.html
index 643f9cdf..932af74f 100644
--- a/people/7941.html
+++ b/people/7941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7942.html b/people/7942.html
index f364c3e2..f80de2c1 100644
--- a/people/7942.html
+++ b/people/7942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7943.html b/people/7943.html
index 041b37ce..c3091e29 100644
--- a/people/7943.html
+++ b/people/7943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7944.html b/people/7944.html
index 98016677..87ba5441 100644
--- a/people/7944.html
+++ b/people/7944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7945.html b/people/7945.html
index 4a42e80f..c9aa9309 100644
--- a/people/7945.html
+++ b/people/7945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7946.html b/people/7946.html
index e7f715bd..3f35e4a1 100644
--- a/people/7946.html
+++ b/people/7946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7947.html b/people/7947.html
index f84a8a89..e1c52726 100644
--- a/people/7947.html
+++ b/people/7947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7948.html b/people/7948.html
index 5e11c33a..67c4a49a 100644
--- a/people/7948.html
+++ b/people/7948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7949.html b/people/7949.html
index 2b6da442..f14e1f3b 100644
--- a/people/7949.html
+++ b/people/7949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/795.html b/people/795.html
index e584e2ca..c35ff333 100644
--- a/people/795.html
+++ b/people/795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7950.html b/people/7950.html
index 0369276d..d66cb9ff 100644
--- a/people/7950.html
+++ b/people/7950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7951.html b/people/7951.html
index 1e450a4a..055e3d44 100644
--- a/people/7951.html
+++ b/people/7951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7952.html b/people/7952.html
index ea4f8ea7..96e5a21a 100644
--- a/people/7952.html
+++ b/people/7952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7953.html b/people/7953.html
index 4b0ef406..409a3e2f 100644
--- a/people/7953.html
+++ b/people/7953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7954.html b/people/7954.html
index f2828867..bc0db113 100644
--- a/people/7954.html
+++ b/people/7954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7955.html b/people/7955.html
index f1ffd9d0..a12174c6 100644
--- a/people/7955.html
+++ b/people/7955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7956.html b/people/7956.html
index 9e6b577f..6f78edd7 100644
--- a/people/7956.html
+++ b/people/7956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7957.html b/people/7957.html
index 1671282f..7623d733 100644
--- a/people/7957.html
+++ b/people/7957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7958.html b/people/7958.html
index 13c7dca7..0a8b1360 100644
--- a/people/7958.html
+++ b/people/7958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7959.html b/people/7959.html
index e51e3738..db26cb45 100644
--- a/people/7959.html
+++ b/people/7959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/796.html b/people/796.html
index 5ee94af3..f07b156a 100644
--- a/people/796.html
+++ b/people/796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7960.html b/people/7960.html
index 0de39851..3f6b3fe6 100644
--- a/people/7960.html
+++ b/people/7960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7961.html b/people/7961.html
index 984fb42e..017bd932 100644
--- a/people/7961.html
+++ b/people/7961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7962.html b/people/7962.html
index a92d922b..e63ccf3d 100644
--- a/people/7962.html
+++ b/people/7962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7963.html b/people/7963.html
index 4a3c0fd8..bf29176f 100644
--- a/people/7963.html
+++ b/people/7963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7964.html b/people/7964.html
index 8b6ba407..5ae30e8a 100644
--- a/people/7964.html
+++ b/people/7964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7965.html b/people/7965.html
index 16d6c57d..06c2c95e 100644
--- a/people/7965.html
+++ b/people/7965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7966.html b/people/7966.html
index a6cbd7d1..0fadbcf8 100644
--- a/people/7966.html
+++ b/people/7966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7967.html b/people/7967.html
index f852a7b7..e56e4f55 100644
--- a/people/7967.html
+++ b/people/7967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7968.html b/people/7968.html
index cac915a3..a9b25538 100644
--- a/people/7968.html
+++ b/people/7968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7969.html b/people/7969.html
index 1371db52..56eedcfa 100644
--- a/people/7969.html
+++ b/people/7969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/797.html b/people/797.html
index 26cd8a21..b16528c7 100644
--- a/people/797.html
+++ b/people/797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7970.html b/people/7970.html
index 83ef80a3..3536dd2b 100644
--- a/people/7970.html
+++ b/people/7970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7971.html b/people/7971.html
index 0b98200d..b24fbefe 100644
--- a/people/7971.html
+++ b/people/7971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7972.html b/people/7972.html
index 8b8ce851..bd7c660f 100644
--- a/people/7972.html
+++ b/people/7972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7973.html b/people/7973.html
index 4e2a1f36..eb902256 100644
--- a/people/7973.html
+++ b/people/7973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7974.html b/people/7974.html
index cdfebfdb..a1b0c10c 100644
--- a/people/7974.html
+++ b/people/7974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7975.html b/people/7975.html
index 721ef03e..85e95f78 100644
--- a/people/7975.html
+++ b/people/7975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7976.html b/people/7976.html
index 109ff834..e2b452dd 100644
--- a/people/7976.html
+++ b/people/7976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7977.html b/people/7977.html
index 28b25656..483f70b2 100644
--- a/people/7977.html
+++ b/people/7977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7978.html b/people/7978.html
index a2b65eba..4df7bf59 100644
--- a/people/7978.html
+++ b/people/7978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7979.html b/people/7979.html
index 7767df1d..3250def6 100644
--- a/people/7979.html
+++ b/people/7979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/798.html b/people/798.html
index 68047182..0045d732 100644
--- a/people/798.html
+++ b/people/798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7980.html b/people/7980.html
index c88bdf24..3cbd4488 100644
--- a/people/7980.html
+++ b/people/7980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7981.html b/people/7981.html
index 7bbcad2e..9d7c9640 100644
--- a/people/7981.html
+++ b/people/7981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7982.html b/people/7982.html
index 2b48c8fa..2d167390 100644
--- a/people/7982.html
+++ b/people/7982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7983.html b/people/7983.html
index 38ea7790..30994eb9 100644
--- a/people/7983.html
+++ b/people/7983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7984.html b/people/7984.html
index 3068cab1..aa90f007 100644
--- a/people/7984.html
+++ b/people/7984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7985.html b/people/7985.html
index 3f8a7859..2aff3ea9 100644
--- a/people/7985.html
+++ b/people/7985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7986.html b/people/7986.html
index c8e50109..d8801131 100644
--- a/people/7986.html
+++ b/people/7986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7987.html b/people/7987.html
index 076682f4..333d352e 100644
--- a/people/7987.html
+++ b/people/7987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7988.html b/people/7988.html
index 77426208..337fcfa9 100644
--- a/people/7988.html
+++ b/people/7988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7989.html b/people/7989.html
index 644b44c3..06fbaa77 100644
--- a/people/7989.html
+++ b/people/7989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/799.html b/people/799.html
index 91b686ea..5474f690 100644
--- a/people/799.html
+++ b/people/799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7990.html b/people/7990.html
index 1b7ee436..5b8a94a4 100644
--- a/people/7990.html
+++ b/people/7990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7991.html b/people/7991.html
index 2211e3d9..d1176c3e 100644
--- a/people/7991.html
+++ b/people/7991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7992.html b/people/7992.html
index fa3c9c9f..eb462a7e 100644
--- a/people/7992.html
+++ b/people/7992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7993.html b/people/7993.html
index b25b3286..efee7a05 100644
--- a/people/7993.html
+++ b/people/7993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7994.html b/people/7994.html
index 1f06b4af..0472b6b8 100644
--- a/people/7994.html
+++ b/people/7994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7995.html b/people/7995.html
index af687260..90ff8a3a 100644
--- a/people/7995.html
+++ b/people/7995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7996.html b/people/7996.html
index 08392631..92ad3109 100644
--- a/people/7996.html
+++ b/people/7996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7997.html b/people/7997.html
index 4db4b26e..e1fc04ec 100644
--- a/people/7997.html
+++ b/people/7997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7998.html b/people/7998.html
index e49e80be..fcf7af7a 100644
--- a/people/7998.html
+++ b/people/7998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/7999.html b/people/7999.html
index 1476a547..ac539f89 100644
--- a/people/7999.html
+++ b/people/7999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8.html b/people/8.html
index 1e8c1126..70bb1c1b 100644
--- a/people/8.html
+++ b/people/8.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/80.html b/people/80.html
index 0d5f4ac0..40f900cc 100644
--- a/people/80.html
+++ b/people/80.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/800.html b/people/800.html
index 839ebaa8..2193d4c8 100644
--- a/people/800.html
+++ b/people/800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8000.html b/people/8000.html
index c242c1af..0c20808b 100644
--- a/people/8000.html
+++ b/people/8000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8001.html b/people/8001.html
index a9f4fc4b..1c6f1fb2 100644
--- a/people/8001.html
+++ b/people/8001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8002.html b/people/8002.html
index fd2c0a17..42582189 100644
--- a/people/8002.html
+++ b/people/8002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8003.html b/people/8003.html
index f3c16ae7..630d2bf2 100644
--- a/people/8003.html
+++ b/people/8003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8004.html b/people/8004.html
index 537d4c93..7bb295d8 100644
--- a/people/8004.html
+++ b/people/8004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8005.html b/people/8005.html
index abfc08bc..e8e82fba 100644
--- a/people/8005.html
+++ b/people/8005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8006.html b/people/8006.html
index 0f3ebf8d..5cf1e3a4 100644
--- a/people/8006.html
+++ b/people/8006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8007.html b/people/8007.html
index 066deef4..24e92a9b 100644
--- a/people/8007.html
+++ b/people/8007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8008.html b/people/8008.html
index 948162b8..e756e742 100644
--- a/people/8008.html
+++ b/people/8008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8009.html b/people/8009.html
index 721c8389..a64cb477 100644
--- a/people/8009.html
+++ b/people/8009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/801.html b/people/801.html
index 081813c0..25cbb87b 100644
--- a/people/801.html
+++ b/people/801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8010.html b/people/8010.html
index 7489c27f..c52484ba 100644
--- a/people/8010.html
+++ b/people/8010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8011.html b/people/8011.html
index fc1c224f..dd91423b 100644
--- a/people/8011.html
+++ b/people/8011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8012.html b/people/8012.html
index 12c1e995..da89c51c 100644
--- a/people/8012.html
+++ b/people/8012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8013.html b/people/8013.html
index a72c24ec..0c68c4b3 100644
--- a/people/8013.html
+++ b/people/8013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8014.html b/people/8014.html
index 6c8eb644..923bcd3e 100644
--- a/people/8014.html
+++ b/people/8014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8015.html b/people/8015.html
index d485f6ea..3de90649 100644
--- a/people/8015.html
+++ b/people/8015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8016.html b/people/8016.html
index 6f836db0..d0a1a700 100644
--- a/people/8016.html
+++ b/people/8016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8017.html b/people/8017.html
index 1666caca..77f989b3 100644
--- a/people/8017.html
+++ b/people/8017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8018.html b/people/8018.html
index 547d099e..08d1c1af 100644
--- a/people/8018.html
+++ b/people/8018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8019.html b/people/8019.html
index df5e67bd..ed152cd6 100644
--- a/people/8019.html
+++ b/people/8019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/802.html b/people/802.html
index 3f09f0ec..009d7cc7 100644
--- a/people/802.html
+++ b/people/802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8020.html b/people/8020.html
index e8f12eaf..7840de7e 100644
--- a/people/8020.html
+++ b/people/8020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8021.html b/people/8021.html
index e1044d2c..dace23a4 100644
--- a/people/8021.html
+++ b/people/8021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8022.html b/people/8022.html
index e748cd88..386d043a 100644
--- a/people/8022.html
+++ b/people/8022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8023.html b/people/8023.html
index ac3b723f..c1cce629 100644
--- a/people/8023.html
+++ b/people/8023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8024.html b/people/8024.html
index aacff6b5..847bb3d1 100644
--- a/people/8024.html
+++ b/people/8024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8025.html b/people/8025.html
index 817d52dd..020ce399 100644
--- a/people/8025.html
+++ b/people/8025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8026.html b/people/8026.html
index 01e8c919..5571511d 100644
--- a/people/8026.html
+++ b/people/8026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8027.html b/people/8027.html
index 6b3648bb..730db418 100644
--- a/people/8027.html
+++ b/people/8027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8028.html b/people/8028.html
index c2986845..95170078 100644
--- a/people/8028.html
+++ b/people/8028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8029.html b/people/8029.html
index 5b32e6bd..227ea2b2 100644
--- a/people/8029.html
+++ b/people/8029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/803.html b/people/803.html
index 2755430b..785323a5 100644
--- a/people/803.html
+++ b/people/803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8030.html b/people/8030.html
index 56f3b803..93d49c81 100644
--- a/people/8030.html
+++ b/people/8030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8031.html b/people/8031.html
index dc8996c8..1f6705df 100644
--- a/people/8031.html
+++ b/people/8031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8032.html b/people/8032.html
index e21f8d71..0ba6b907 100644
--- a/people/8032.html
+++ b/people/8032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8033.html b/people/8033.html
index 3ef8578f..2ff11721 100644
--- a/people/8033.html
+++ b/people/8033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8034.html b/people/8034.html
index cd0e589f..d9d2bc83 100644
--- a/people/8034.html
+++ b/people/8034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8035.html b/people/8035.html
index c62322dd..4a67b30f 100644
--- a/people/8035.html
+++ b/people/8035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8036.html b/people/8036.html
index 8384777d..a4e5d3e1 100644
--- a/people/8036.html
+++ b/people/8036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8037.html b/people/8037.html
index 686a7a93..51a07d1e 100644
--- a/people/8037.html
+++ b/people/8037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8038.html b/people/8038.html
index 5013c7ba..9600312d 100644
--- a/people/8038.html
+++ b/people/8038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8039.html b/people/8039.html
index e116a9ca..c3ff92f0 100644
--- a/people/8039.html
+++ b/people/8039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/804.html b/people/804.html
index 1eddccde..362279bf 100644
--- a/people/804.html
+++ b/people/804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8040.html b/people/8040.html
index 3e101702..78245349 100644
--- a/people/8040.html
+++ b/people/8040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8041.html b/people/8041.html
index 438b494f..9e01f492 100644
--- a/people/8041.html
+++ b/people/8041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8042.html b/people/8042.html
index c4327354..d4c4a609 100644
--- a/people/8042.html
+++ b/people/8042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8043.html b/people/8043.html
index 05994984..210bd66d 100644
--- a/people/8043.html
+++ b/people/8043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8044.html b/people/8044.html
index f3f0838a..7d5efe0e 100644
--- a/people/8044.html
+++ b/people/8044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8045.html b/people/8045.html
index e48ec846..f4fc624a 100644
--- a/people/8045.html
+++ b/people/8045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8046.html b/people/8046.html
index f1c2e9fa..6c994011 100644
--- a/people/8046.html
+++ b/people/8046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8047.html b/people/8047.html
index fcfe7049..8f0de6f6 100644
--- a/people/8047.html
+++ b/people/8047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8048.html b/people/8048.html
index ddd405dd..f10ede8f 100644
--- a/people/8048.html
+++ b/people/8048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8049.html b/people/8049.html
index b5bbe449..55262bcf 100644
--- a/people/8049.html
+++ b/people/8049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/805.html b/people/805.html
index f3ce91dd..40984395 100644
--- a/people/805.html
+++ b/people/805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8050.html b/people/8050.html
index 8a2acca3..c5a1c341 100644
--- a/people/8050.html
+++ b/people/8050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8051.html b/people/8051.html
index d8e15c2d..3fed85b8 100644
--- a/people/8051.html
+++ b/people/8051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8052.html b/people/8052.html
index a8ac2ac3..49ae544e 100644
--- a/people/8052.html
+++ b/people/8052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8053.html b/people/8053.html
index 5ef0d9bd..a8ad74d4 100644
--- a/people/8053.html
+++ b/people/8053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8054.html b/people/8054.html
index 21ddb057..c5d922b7 100644
--- a/people/8054.html
+++ b/people/8054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8055.html b/people/8055.html
index f0631690..65a5fc1e 100644
--- a/people/8055.html
+++ b/people/8055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8056.html b/people/8056.html
index 9d274cc2..cd16589b 100644
--- a/people/8056.html
+++ b/people/8056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8057.html b/people/8057.html
index 23d09a8c..86da15dc 100644
--- a/people/8057.html
+++ b/people/8057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8058.html b/people/8058.html
index 913bcf93..d91e46d7 100644
--- a/people/8058.html
+++ b/people/8058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8059.html b/people/8059.html
index 1de6a6fa..3f780586 100644
--- a/people/8059.html
+++ b/people/8059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/806.html b/people/806.html
index df657bc9..ddea1ab1 100644
--- a/people/806.html
+++ b/people/806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8060.html b/people/8060.html
index 529d7030..d906614f 100644
--- a/people/8060.html
+++ b/people/8060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8061.html b/people/8061.html
index 98055096..533583d3 100644
--- a/people/8061.html
+++ b/people/8061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8062.html b/people/8062.html
index 4f9dc0df..084db0a1 100644
--- a/people/8062.html
+++ b/people/8062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8063.html b/people/8063.html
index 23a8b129..97e77812 100644
--- a/people/8063.html
+++ b/people/8063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8064.html b/people/8064.html
index 308278ec..05603b67 100644
--- a/people/8064.html
+++ b/people/8064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8065.html b/people/8065.html
index f4f50b31..b58523a0 100644
--- a/people/8065.html
+++ b/people/8065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8066.html b/people/8066.html
index c2e19323..ed146d76 100644
--- a/people/8066.html
+++ b/people/8066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8067.html b/people/8067.html
index 85a51f71..a9014949 100644
--- a/people/8067.html
+++ b/people/8067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8068.html b/people/8068.html
index 99117fa8..68754127 100644
--- a/people/8068.html
+++ b/people/8068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8069.html b/people/8069.html
index 7e340479..b76a8173 100644
--- a/people/8069.html
+++ b/people/8069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/807.html b/people/807.html
index 940776f7..a8ee188e 100644
--- a/people/807.html
+++ b/people/807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8070.html b/people/8070.html
index 08c700c6..bd9da6ad 100644
--- a/people/8070.html
+++ b/people/8070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8071.html b/people/8071.html
index 06f4245f..75fb968c 100644
--- a/people/8071.html
+++ b/people/8071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8072.html b/people/8072.html
index 243c79fa..c7161d95 100644
--- a/people/8072.html
+++ b/people/8072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8073.html b/people/8073.html
index 74b32df8..1d41084c 100644
--- a/people/8073.html
+++ b/people/8073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8074.html b/people/8074.html
index d761adea..5c5eb9e0 100644
--- a/people/8074.html
+++ b/people/8074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8075.html b/people/8075.html
index 811f76d7..0b134e7f 100644
--- a/people/8075.html
+++ b/people/8075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8076.html b/people/8076.html
index 3e818ced..d40586a6 100644
--- a/people/8076.html
+++ b/people/8076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8077.html b/people/8077.html
index 32085321..3553d2e0 100644
--- a/people/8077.html
+++ b/people/8077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8078.html b/people/8078.html
index 9cd94e3c..19cbdb8a 100644
--- a/people/8078.html
+++ b/people/8078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8079.html b/people/8079.html
index 8d41ef52..665b8877 100644
--- a/people/8079.html
+++ b/people/8079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/808.html b/people/808.html
index 16f741ff..228a62cd 100644
--- a/people/808.html
+++ b/people/808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8080.html b/people/8080.html
index 49bdc589..87542c3f 100644
--- a/people/8080.html
+++ b/people/8080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8081.html b/people/8081.html
index c6b01436..fac00841 100644
--- a/people/8081.html
+++ b/people/8081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8082.html b/people/8082.html
index 6b23e10e..8a73f9d5 100644
--- a/people/8082.html
+++ b/people/8082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8083.html b/people/8083.html
index 14cd0355..b638cd20 100644
--- a/people/8083.html
+++ b/people/8083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8084.html b/people/8084.html
index 5a2f4307..3efa20a8 100644
--- a/people/8084.html
+++ b/people/8084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8085.html b/people/8085.html
index bc6e317f..20a08092 100644
--- a/people/8085.html
+++ b/people/8085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8086.html b/people/8086.html
index 7521b022..1572f00c 100644
--- a/people/8086.html
+++ b/people/8086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8087.html b/people/8087.html
index db025654..bab9bfea 100644
--- a/people/8087.html
+++ b/people/8087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8088.html b/people/8088.html
index ffe5f468..4989421b 100644
--- a/people/8088.html
+++ b/people/8088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8089.html b/people/8089.html
index 7b444450..b69a52cb 100644
--- a/people/8089.html
+++ b/people/8089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/809.html b/people/809.html
index 6ef57dc0..1683a91f 100644
--- a/people/809.html
+++ b/people/809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8090.html b/people/8090.html
index 520243e0..c3418e33 100644
--- a/people/8090.html
+++ b/people/8090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8091.html b/people/8091.html
index 08e003ad..034b5fb5 100644
--- a/people/8091.html
+++ b/people/8091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8092.html b/people/8092.html
index 8e50db26..e8498cfe 100644
--- a/people/8092.html
+++ b/people/8092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8093.html b/people/8093.html
index 91df7b76..5801fdf2 100644
--- a/people/8093.html
+++ b/people/8093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8094.html b/people/8094.html
index 078fd8a2..c2c5168b 100644
--- a/people/8094.html
+++ b/people/8094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8095.html b/people/8095.html
index 3530f3ea..a374066e 100644
--- a/people/8095.html
+++ b/people/8095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8096.html b/people/8096.html
index 3883d609..ecf82095 100644
--- a/people/8096.html
+++ b/people/8096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8097.html b/people/8097.html
index 87a9e0c0..01d653ca 100644
--- a/people/8097.html
+++ b/people/8097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8098.html b/people/8098.html
index fa31fd0f..d36043db 100644
--- a/people/8098.html
+++ b/people/8098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8099.html b/people/8099.html
index 65281000..f016beaf 100644
--- a/people/8099.html
+++ b/people/8099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/81.html b/people/81.html
index 38a634d7..e9baaa52 100644
--- a/people/81.html
+++ b/people/81.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/810.html b/people/810.html
index 92de4063..f52e8919 100644
--- a/people/810.html
+++ b/people/810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8100.html b/people/8100.html
index ed4ba17c..83705e6f 100644
--- a/people/8100.html
+++ b/people/8100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8101.html b/people/8101.html
index dabe3815..c08c29bf 100644
--- a/people/8101.html
+++ b/people/8101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8102.html b/people/8102.html
index d069f5e9..9698cac2 100644
--- a/people/8102.html
+++ b/people/8102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8103.html b/people/8103.html
index 96b996c7..8bbdb455 100644
--- a/people/8103.html
+++ b/people/8103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8104.html b/people/8104.html
index 4c80d281..42abd2e2 100644
--- a/people/8104.html
+++ b/people/8104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8105.html b/people/8105.html
index 3266f846..55dac53b 100644
--- a/people/8105.html
+++ b/people/8105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8106.html b/people/8106.html
index 8c0db42f..d8bfe496 100644
--- a/people/8106.html
+++ b/people/8106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8107.html b/people/8107.html
index aa2c574c..dd1cbdc8 100644
--- a/people/8107.html
+++ b/people/8107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8108.html b/people/8108.html
index 1ede3001..7008c0d3 100644
--- a/people/8108.html
+++ b/people/8108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8109.html b/people/8109.html
index 8ad9046e..6416c07b 100644
--- a/people/8109.html
+++ b/people/8109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/811.html b/people/811.html
index e63815a1..825ec0e6 100644
--- a/people/811.html
+++ b/people/811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8110.html b/people/8110.html
index c596c61d..83742409 100644
--- a/people/8110.html
+++ b/people/8110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8111.html b/people/8111.html
index ff9c2ec2..ee2a108b 100644
--- a/people/8111.html
+++ b/people/8111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8112.html b/people/8112.html
index 1b267254..3b141336 100644
--- a/people/8112.html
+++ b/people/8112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8113.html b/people/8113.html
index c5c340a9..50f6b743 100644
--- a/people/8113.html
+++ b/people/8113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8114.html b/people/8114.html
index f2ef0fbd..46c66e99 100644
--- a/people/8114.html
+++ b/people/8114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8115.html b/people/8115.html
index 804a9af1..f21b470e 100644
--- a/people/8115.html
+++ b/people/8115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8116.html b/people/8116.html
index 99b89556..288f836a 100644
--- a/people/8116.html
+++ b/people/8116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8117.html b/people/8117.html
index 51674e5d..793f8e1c 100644
--- a/people/8117.html
+++ b/people/8117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8118.html b/people/8118.html
index 2c55f42e..d98d7990 100644
--- a/people/8118.html
+++ b/people/8118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8119.html b/people/8119.html
index 1549e371..b87818f0 100644
--- a/people/8119.html
+++ b/people/8119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/812.html b/people/812.html
index 48a61b47..0d9255b2 100644
--- a/people/812.html
+++ b/people/812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8120.html b/people/8120.html
index 7af68b17..1fc35c0c 100644
--- a/people/8120.html
+++ b/people/8120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8121.html b/people/8121.html
index 9b57f168..7ae6dd36 100644
--- a/people/8121.html
+++ b/people/8121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8122.html b/people/8122.html
index 29769353..c93a0abd 100644
--- a/people/8122.html
+++ b/people/8122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8123.html b/people/8123.html
index 92a60f3f..420d4868 100644
--- a/people/8123.html
+++ b/people/8123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8124.html b/people/8124.html
index 571e442a..a829924a 100644
--- a/people/8124.html
+++ b/people/8124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8125.html b/people/8125.html
index 41c69f37..85c207d7 100644
--- a/people/8125.html
+++ b/people/8125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8126.html b/people/8126.html
index 7c184672..67cc37f4 100644
--- a/people/8126.html
+++ b/people/8126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8127.html b/people/8127.html
index 60860bb8..42840733 100644
--- a/people/8127.html
+++ b/people/8127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8128.html b/people/8128.html
index a33a8f1c..eda53749 100644
--- a/people/8128.html
+++ b/people/8128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8129.html b/people/8129.html
index 873d862f..d8e4efd7 100644
--- a/people/8129.html
+++ b/people/8129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/813.html b/people/813.html
index d8e1f8e8..fb4eb645 100644
--- a/people/813.html
+++ b/people/813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8130.html b/people/8130.html
index a802e186..18a14bf7 100644
--- a/people/8130.html
+++ b/people/8130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8131.html b/people/8131.html
index 926c2143..78b30f0e 100644
--- a/people/8131.html
+++ b/people/8131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8132.html b/people/8132.html
index cb931670..8dac976e 100644
--- a/people/8132.html
+++ b/people/8132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8133.html b/people/8133.html
index 1e98fc3e..d908fdb5 100644
--- a/people/8133.html
+++ b/people/8133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8134.html b/people/8134.html
index db13a024..3d45b3e9 100644
--- a/people/8134.html
+++ b/people/8134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8135.html b/people/8135.html
index 952480d0..bbcba51e 100644
--- a/people/8135.html
+++ b/people/8135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8136.html b/people/8136.html
index 14ccd3f2..316b38a9 100644
--- a/people/8136.html
+++ b/people/8136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8137.html b/people/8137.html
index 140cccf5..fc34df27 100644
--- a/people/8137.html
+++ b/people/8137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8138.html b/people/8138.html
index eecadd9d..599f7b9d 100644
--- a/people/8138.html
+++ b/people/8138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8139.html b/people/8139.html
index ee4b3b34..5197e4ca 100644
--- a/people/8139.html
+++ b/people/8139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/814.html b/people/814.html
index 3e643297..b36cf32d 100644
--- a/people/814.html
+++ b/people/814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8140.html b/people/8140.html
index 5aea624f..1bc4d206 100644
--- a/people/8140.html
+++ b/people/8140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8141.html b/people/8141.html
index fa1d59a3..4b20af74 100644
--- a/people/8141.html
+++ b/people/8141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8142.html b/people/8142.html
index 366124b7..4ac5cc78 100644
--- a/people/8142.html
+++ b/people/8142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8143.html b/people/8143.html
index 11ca85c7..32a6e058 100644
--- a/people/8143.html
+++ b/people/8143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8144.html b/people/8144.html
index f5a99c3b..2948e3a4 100644
--- a/people/8144.html
+++ b/people/8144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8145.html b/people/8145.html
index d91bc23b..af615837 100644
--- a/people/8145.html
+++ b/people/8145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8146.html b/people/8146.html
index a2b47293..ea1e8fd4 100644
--- a/people/8146.html
+++ b/people/8146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8147.html b/people/8147.html
index 35fc0985..860d1532 100644
--- a/people/8147.html
+++ b/people/8147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8148.html b/people/8148.html
index 448deb67..1244a7a3 100644
--- a/people/8148.html
+++ b/people/8148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8149.html b/people/8149.html
index 7649312e..ad72d30f 100644
--- a/people/8149.html
+++ b/people/8149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/815.html b/people/815.html
index 37a9f7d7..26bddf29 100644
--- a/people/815.html
+++ b/people/815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8150.html b/people/8150.html
index e43ceed4..447737f6 100644
--- a/people/8150.html
+++ b/people/8150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8151.html b/people/8151.html
index f5e64426..61965029 100644
--- a/people/8151.html
+++ b/people/8151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8152.html b/people/8152.html
index 1d3eabf5..0cd8ed4e 100644
--- a/people/8152.html
+++ b/people/8152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8153.html b/people/8153.html
index 55495548..bbb749ee 100644
--- a/people/8153.html
+++ b/people/8153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8154.html b/people/8154.html
index 6c54bad7..1af24ae7 100644
--- a/people/8154.html
+++ b/people/8154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8155.html b/people/8155.html
index 86065665..7c89fa9a 100644
--- a/people/8155.html
+++ b/people/8155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8156.html b/people/8156.html
index 0d4046ba..fee84c99 100644
--- a/people/8156.html
+++ b/people/8156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8157.html b/people/8157.html
index 00cf3a34..79acd0b1 100644
--- a/people/8157.html
+++ b/people/8157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8158.html b/people/8158.html
index 84aae8c0..bf9a4bb0 100644
--- a/people/8158.html
+++ b/people/8158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8159.html b/people/8159.html
index 0b34d2aa..51880a46 100644
--- a/people/8159.html
+++ b/people/8159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/816.html b/people/816.html
index 84b4769e..e05ea521 100644
--- a/people/816.html
+++ b/people/816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8160.html b/people/8160.html
index cf580b32..92691625 100644
--- a/people/8160.html
+++ b/people/8160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8161.html b/people/8161.html
index 008d7baa..a8b06b82 100644
--- a/people/8161.html
+++ b/people/8161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8162.html b/people/8162.html
index 9c615b7b..e8556119 100644
--- a/people/8162.html
+++ b/people/8162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8163.html b/people/8163.html
index d1930f3d..6f5fa1c1 100644
--- a/people/8163.html
+++ b/people/8163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8164.html b/people/8164.html
index cff35970..94190a07 100644
--- a/people/8164.html
+++ b/people/8164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8165.html b/people/8165.html
index 20623209..0fe14132 100644
--- a/people/8165.html
+++ b/people/8165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8166.html b/people/8166.html
index dec22c0b..dfbb3ad0 100644
--- a/people/8166.html
+++ b/people/8166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8167.html b/people/8167.html
index be99beb7..acc8439d 100644
--- a/people/8167.html
+++ b/people/8167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8168.html b/people/8168.html
index 633556b3..f52b635a 100644
--- a/people/8168.html
+++ b/people/8168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8169.html b/people/8169.html
index 46c8c23f..63c7844e 100644
--- a/people/8169.html
+++ b/people/8169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/817.html b/people/817.html
index 037af3c6..4cfd8492 100644
--- a/people/817.html
+++ b/people/817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8170.html b/people/8170.html
index 9374b535..c53927ac 100644
--- a/people/8170.html
+++ b/people/8170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8171.html b/people/8171.html
index 33ba0dbc..027a3c74 100644
--- a/people/8171.html
+++ b/people/8171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8172.html b/people/8172.html
index 981a713c..bbfda801 100644
--- a/people/8172.html
+++ b/people/8172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8173.html b/people/8173.html
index f9bf253a..95e058ff 100644
--- a/people/8173.html
+++ b/people/8173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8174.html b/people/8174.html
index c351fa88..fb618c02 100644
--- a/people/8174.html
+++ b/people/8174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8175.html b/people/8175.html
index 2af8fad4..72e60b17 100644
--- a/people/8175.html
+++ b/people/8175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8176.html b/people/8176.html
index 1ae1a3db..d00c69ad 100644
--- a/people/8176.html
+++ b/people/8176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8177.html b/people/8177.html
index 7bfe5a44..d2a4f07d 100644
--- a/people/8177.html
+++ b/people/8177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8178.html b/people/8178.html
index 3f12435b..856caaf9 100644
--- a/people/8178.html
+++ b/people/8178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8179.html b/people/8179.html
index c03aef2e..96549927 100644
--- a/people/8179.html
+++ b/people/8179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/818.html b/people/818.html
index f4627573..820fec67 100644
--- a/people/818.html
+++ b/people/818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8180.html b/people/8180.html
index 6f876b7a..e17c8d72 100644
--- a/people/8180.html
+++ b/people/8180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8181.html b/people/8181.html
index 874a1271..1ebe540f 100644
--- a/people/8181.html
+++ b/people/8181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8182.html b/people/8182.html
index 0feea3d4..8f911947 100644
--- a/people/8182.html
+++ b/people/8182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8183.html b/people/8183.html
index 9c0cd597..e81d25f7 100644
--- a/people/8183.html
+++ b/people/8183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8184.html b/people/8184.html
index 10675a60..798b4418 100644
--- a/people/8184.html
+++ b/people/8184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8185.html b/people/8185.html
index 6c32372d..f05eebe1 100644
--- a/people/8185.html
+++ b/people/8185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8186.html b/people/8186.html
index 5ff42787..fc65da41 100644
--- a/people/8186.html
+++ b/people/8186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8187.html b/people/8187.html
index 87222c3d..3c9db1ed 100644
--- a/people/8187.html
+++ b/people/8187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8188.html b/people/8188.html
index 5d4b43a4..64bd08b3 100644
--- a/people/8188.html
+++ b/people/8188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8189.html b/people/8189.html
index fe230a94..9195ca86 100644
--- a/people/8189.html
+++ b/people/8189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/819.html b/people/819.html
index 564db187..5eb745df 100644
--- a/people/819.html
+++ b/people/819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8190.html b/people/8190.html
index 8ff25c4b..b95e41e5 100644
--- a/people/8190.html
+++ b/people/8190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8191.html b/people/8191.html
index f16e37d3..2972db38 100644
--- a/people/8191.html
+++ b/people/8191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8192.html b/people/8192.html
index 482a5def..4ce679c4 100644
--- a/people/8192.html
+++ b/people/8192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8193.html b/people/8193.html
index e64a7e14..4c9eafea 100644
--- a/people/8193.html
+++ b/people/8193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8194.html b/people/8194.html
index 3dec7808..ac1487b5 100644
--- a/people/8194.html
+++ b/people/8194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8195.html b/people/8195.html
index dda52ec3..24cbbe69 100644
--- a/people/8195.html
+++ b/people/8195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8196.html b/people/8196.html
index d57bb905..ab19482f 100644
--- a/people/8196.html
+++ b/people/8196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8197.html b/people/8197.html
index 3a347e12..5007baf2 100644
--- a/people/8197.html
+++ b/people/8197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8198.html b/people/8198.html
index 811097dd..b945405f 100644
--- a/people/8198.html
+++ b/people/8198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8199.html b/people/8199.html
index 520e0f39..45d756e6 100644
--- a/people/8199.html
+++ b/people/8199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/82.html b/people/82.html
index 90b3b190..b4325105 100644
--- a/people/82.html
+++ b/people/82.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/820.html b/people/820.html
index 4bd8ff45..c7b1d712 100644
--- a/people/820.html
+++ b/people/820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8200.html b/people/8200.html
index 9441df64..92412a70 100644
--- a/people/8200.html
+++ b/people/8200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8201.html b/people/8201.html
index 75548cbb..de7ef4b3 100644
--- a/people/8201.html
+++ b/people/8201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8202.html b/people/8202.html
index 617ba321..07da66eb 100644
--- a/people/8202.html
+++ b/people/8202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8203.html b/people/8203.html
index 8e89f5f7..047ba1ca 100644
--- a/people/8203.html
+++ b/people/8203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8204.html b/people/8204.html
index ed24657e..d03b7cf1 100644
--- a/people/8204.html
+++ b/people/8204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8205.html b/people/8205.html
index adf65890..5451efcd 100644
--- a/people/8205.html
+++ b/people/8205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8206.html b/people/8206.html
index 8f9a5e79..4f0373ed 100644
--- a/people/8206.html
+++ b/people/8206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8207.html b/people/8207.html
index cb487ec3..5b7e3514 100644
--- a/people/8207.html
+++ b/people/8207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8208.html b/people/8208.html
index 527a908b..38bbd2db 100644
--- a/people/8208.html
+++ b/people/8208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8209.html b/people/8209.html
index 5d895b9e..27830ae9 100644
--- a/people/8209.html
+++ b/people/8209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/821.html b/people/821.html
index b6532780..995e18c4 100644
--- a/people/821.html
+++ b/people/821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8210.html b/people/8210.html
index 9993a718..7734a7a5 100644
--- a/people/8210.html
+++ b/people/8210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8211.html b/people/8211.html
index d0134d8a..22c5ef9b 100644
--- a/people/8211.html
+++ b/people/8211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8212.html b/people/8212.html
index 43b02b0a..bc387b04 100644
--- a/people/8212.html
+++ b/people/8212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8213.html b/people/8213.html
index ac8b9f85..f5e84db5 100644
--- a/people/8213.html
+++ b/people/8213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8214.html b/people/8214.html
index ca8e552b..eb6b7126 100644
--- a/people/8214.html
+++ b/people/8214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8215.html b/people/8215.html
index 64c6f809..6a925dae 100644
--- a/people/8215.html
+++ b/people/8215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8216.html b/people/8216.html
index d85bf710..4b9280dd 100644
--- a/people/8216.html
+++ b/people/8216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8217.html b/people/8217.html
index 6b9d6a2a..edb1b1ec 100644
--- a/people/8217.html
+++ b/people/8217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8218.html b/people/8218.html
index 04d7c4ea..02fbf336 100644
--- a/people/8218.html
+++ b/people/8218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8219.html b/people/8219.html
index 4fce7d8e..e3211cee 100644
--- a/people/8219.html
+++ b/people/8219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/822.html b/people/822.html
index 751cada3..d928d004 100644
--- a/people/822.html
+++ b/people/822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8220.html b/people/8220.html
index 8ac601aa..d3d683f3 100644
--- a/people/8220.html
+++ b/people/8220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8221.html b/people/8221.html
index f588af70..ddb03c4b 100644
--- a/people/8221.html
+++ b/people/8221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8222.html b/people/8222.html
index 30c621b0..15070468 100644
--- a/people/8222.html
+++ b/people/8222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8223.html b/people/8223.html
index 56e59b07..64f1701a 100644
--- a/people/8223.html
+++ b/people/8223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8224.html b/people/8224.html
index 210ac748..325fd2d7 100644
--- a/people/8224.html
+++ b/people/8224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8225.html b/people/8225.html
index ecebcef2..0f8424ff 100644
--- a/people/8225.html
+++ b/people/8225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8226.html b/people/8226.html
index a12c6b39..f38b03ab 100644
--- a/people/8226.html
+++ b/people/8226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8227.html b/people/8227.html
index ce6cb8f6..b4c60826 100644
--- a/people/8227.html
+++ b/people/8227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8228.html b/people/8228.html
index 7de96704..486cdbdd 100644
--- a/people/8228.html
+++ b/people/8228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8229.html b/people/8229.html
index 03b2bb02..8180cdf4 100644
--- a/people/8229.html
+++ b/people/8229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/823.html b/people/823.html
index 26bbb8b5..0f378646 100644
--- a/people/823.html
+++ b/people/823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8230.html b/people/8230.html
index 8ec0721b..2be8c6bb 100644
--- a/people/8230.html
+++ b/people/8230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8231.html b/people/8231.html
index 66057810..b64863ee 100644
--- a/people/8231.html
+++ b/people/8231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8232.html b/people/8232.html
index 98796700..0922416f 100644
--- a/people/8232.html
+++ b/people/8232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8233.html b/people/8233.html
index 3cf367ea..ee9debca 100644
--- a/people/8233.html
+++ b/people/8233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8234.html b/people/8234.html
index cf22e185..bb0e5695 100644
--- a/people/8234.html
+++ b/people/8234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8235.html b/people/8235.html
index 33dcf62d..55d84f61 100644
--- a/people/8235.html
+++ b/people/8235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8236.html b/people/8236.html
index 84964356..40796569 100644
--- a/people/8236.html
+++ b/people/8236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8237.html b/people/8237.html
index 67b81cfc..0fd2ba6e 100644
--- a/people/8237.html
+++ b/people/8237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8238.html b/people/8238.html
index 80846e93..926ee4de 100644
--- a/people/8238.html
+++ b/people/8238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8239.html b/people/8239.html
index 9693ff1f..1ff84285 100644
--- a/people/8239.html
+++ b/people/8239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/824.html b/people/824.html
index af215470..a6b0b5be 100644
--- a/people/824.html
+++ b/people/824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8240.html b/people/8240.html
index 63fd1247..0c95ecd3 100644
--- a/people/8240.html
+++ b/people/8240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8241.html b/people/8241.html
index 4230363a..a58141ae 100644
--- a/people/8241.html
+++ b/people/8241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8242.html b/people/8242.html
index 41c96331..390f0939 100644
--- a/people/8242.html
+++ b/people/8242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8243.html b/people/8243.html
index 976bed76..bd23167d 100644
--- a/people/8243.html
+++ b/people/8243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8244.html b/people/8244.html
index 6b1d70be..b0f1beae 100644
--- a/people/8244.html
+++ b/people/8244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8245.html b/people/8245.html
index fb3caa96..f5fb6bb7 100644
--- a/people/8245.html
+++ b/people/8245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8246.html b/people/8246.html
index 237e08c1..b63e7458 100644
--- a/people/8246.html
+++ b/people/8246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8247.html b/people/8247.html
index 64ca9543..1d825a50 100644
--- a/people/8247.html
+++ b/people/8247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8248.html b/people/8248.html
index bc4882ba..6deed5ba 100644
--- a/people/8248.html
+++ b/people/8248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8249.html b/people/8249.html
index 3e076599..b05efcee 100644
--- a/people/8249.html
+++ b/people/8249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/825.html b/people/825.html
index b5c1dad4..e690483a 100644
--- a/people/825.html
+++ b/people/825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8250.html b/people/8250.html
index 3c4ceced..4d306b8d 100644
--- a/people/8250.html
+++ b/people/8250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8251.html b/people/8251.html
index ec2be10e..0b7497bd 100644
--- a/people/8251.html
+++ b/people/8251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8252.html b/people/8252.html
index f80db7f5..556f291a 100644
--- a/people/8252.html
+++ b/people/8252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8253.html b/people/8253.html
index 0d3604df..548b60d4 100644
--- a/people/8253.html
+++ b/people/8253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8254.html b/people/8254.html
index 7daa588c..97c0e345 100644
--- a/people/8254.html
+++ b/people/8254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8255.html b/people/8255.html
index d07d47c6..eacf1953 100644
--- a/people/8255.html
+++ b/people/8255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8256.html b/people/8256.html
index eb541549..b8d56111 100644
--- a/people/8256.html
+++ b/people/8256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8257.html b/people/8257.html
index 87c346f1..be123c40 100644
--- a/people/8257.html
+++ b/people/8257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8258.html b/people/8258.html
index c6a80c42..4fe8350a 100644
--- a/people/8258.html
+++ b/people/8258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8259.html b/people/8259.html
index e31130d4..d0a1a76c 100644
--- a/people/8259.html
+++ b/people/8259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/826.html b/people/826.html
index 29db67da..bf8c0d55 100644
--- a/people/826.html
+++ b/people/826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8260.html b/people/8260.html
index 961e869b..7ed483db 100644
--- a/people/8260.html
+++ b/people/8260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8261.html b/people/8261.html
index 2f00dbb0..a74715b7 100644
--- a/people/8261.html
+++ b/people/8261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8262.html b/people/8262.html
index c707e99e..70be2119 100644
--- a/people/8262.html
+++ b/people/8262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8263.html b/people/8263.html
index 0b483ce3..f2e86b87 100644
--- a/people/8263.html
+++ b/people/8263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8264.html b/people/8264.html
index b174b4d1..e84c2e68 100644
--- a/people/8264.html
+++ b/people/8264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8265.html b/people/8265.html
index 415ed352..91056ea3 100644
--- a/people/8265.html
+++ b/people/8265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8266.html b/people/8266.html
index 6440b16a..965a07cd 100644
--- a/people/8266.html
+++ b/people/8266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8267.html b/people/8267.html
index 225a90d0..19dbecf1 100644
--- a/people/8267.html
+++ b/people/8267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8268.html b/people/8268.html
index d94be319..df739d6b 100644
--- a/people/8268.html
+++ b/people/8268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8269.html b/people/8269.html
index 2a8a4fb3..c7144337 100644
--- a/people/8269.html
+++ b/people/8269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/827.html b/people/827.html
index 470758da..93cbcad1 100644
--- a/people/827.html
+++ b/people/827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8270.html b/people/8270.html
index 0bb1d084..0271a4ca 100644
--- a/people/8270.html
+++ b/people/8270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8271.html b/people/8271.html
index e9271b39..48af12c7 100644
--- a/people/8271.html
+++ b/people/8271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8272.html b/people/8272.html
index eb4e8b8c..a1ab67c1 100644
--- a/people/8272.html
+++ b/people/8272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8273.html b/people/8273.html
index 18b9c620..a1d5f71f 100644
--- a/people/8273.html
+++ b/people/8273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8274.html b/people/8274.html
index 75e3d640..357367d7 100644
--- a/people/8274.html
+++ b/people/8274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8275.html b/people/8275.html
index d5824f40..69388d8c 100644
--- a/people/8275.html
+++ b/people/8275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8276.html b/people/8276.html
index 87048b56..ae7ef6d6 100644
--- a/people/8276.html
+++ b/people/8276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8277.html b/people/8277.html
index 4c05e927..d8730672 100644
--- a/people/8277.html
+++ b/people/8277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8278.html b/people/8278.html
index 0a9894ef..90f8126d 100644
--- a/people/8278.html
+++ b/people/8278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8279.html b/people/8279.html
index 4d9a462b..50c83511 100644
--- a/people/8279.html
+++ b/people/8279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/828.html b/people/828.html
index a847e0e2..e995588b 100644
--- a/people/828.html
+++ b/people/828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8280.html b/people/8280.html
index ad6acd1f..8e0f94b0 100644
--- a/people/8280.html
+++ b/people/8280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8281.html b/people/8281.html
index ee1dc664..a59f52a3 100644
--- a/people/8281.html
+++ b/people/8281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8282.html b/people/8282.html
index 402523a8..5108dd0b 100644
--- a/people/8282.html
+++ b/people/8282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8283.html b/people/8283.html
index 0951e87d..14d7b5fd 100644
--- a/people/8283.html
+++ b/people/8283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8284.html b/people/8284.html
index 2edfac3a..6b123bf1 100644
--- a/people/8284.html
+++ b/people/8284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8285.html b/people/8285.html
index 4ac97d30..16dbe7ea 100644
--- a/people/8285.html
+++ b/people/8285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8286.html b/people/8286.html
index 68bb73f0..07c1fcc6 100644
--- a/people/8286.html
+++ b/people/8286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8287.html b/people/8287.html
index 46072ed5..71a496f4 100644
--- a/people/8287.html
+++ b/people/8287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8288.html b/people/8288.html
index fa240a07..c30ee1aa 100644
--- a/people/8288.html
+++ b/people/8288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8289.html b/people/8289.html
index 297705c2..d09d23eb 100644
--- a/people/8289.html
+++ b/people/8289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/829.html b/people/829.html
index faab9bcf..359ac093 100644
--- a/people/829.html
+++ b/people/829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8290.html b/people/8290.html
index 363b794c..f2526f44 100644
--- a/people/8290.html
+++ b/people/8290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8291.html b/people/8291.html
index fdd48781..5f390379 100644
--- a/people/8291.html
+++ b/people/8291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8292.html b/people/8292.html
index 3044719d..360c7b19 100644
--- a/people/8292.html
+++ b/people/8292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8293.html b/people/8293.html
index 01dcec43..5775503c 100644
--- a/people/8293.html
+++ b/people/8293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8294.html b/people/8294.html
index 0e19b316..5ab96468 100644
--- a/people/8294.html
+++ b/people/8294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8295.html b/people/8295.html
index 9ec964c8..04860975 100644
--- a/people/8295.html
+++ b/people/8295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8296.html b/people/8296.html
index 1825d6b5..8dd10a9c 100644
--- a/people/8296.html
+++ b/people/8296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8297.html b/people/8297.html
index 7af3a606..99173f84 100644
--- a/people/8297.html
+++ b/people/8297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8298.html b/people/8298.html
index 452822d1..eaf00087 100644
--- a/people/8298.html
+++ b/people/8298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8299.html b/people/8299.html
index b1ece488..89bb5999 100644
--- a/people/8299.html
+++ b/people/8299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/83.html b/people/83.html
index a0716bc3..bcfd5774 100644
--- a/people/83.html
+++ b/people/83.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/830.html b/people/830.html
index c3ffff91..0b4682c4 100644
--- a/people/830.html
+++ b/people/830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8300.html b/people/8300.html
index ba5a59a1..6d5bd9f9 100644
--- a/people/8300.html
+++ b/people/8300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8301.html b/people/8301.html
index 9b33e66d..cc1b44fd 100644
--- a/people/8301.html
+++ b/people/8301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8302.html b/people/8302.html
index f2402b98..1f1fdb88 100644
--- a/people/8302.html
+++ b/people/8302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8303.html b/people/8303.html
index cb11e176..71a201f7 100644
--- a/people/8303.html
+++ b/people/8303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8304.html b/people/8304.html
index 4e8db54a..e2659d44 100644
--- a/people/8304.html
+++ b/people/8304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8305.html b/people/8305.html
index 349504e4..5f857ad0 100644
--- a/people/8305.html
+++ b/people/8305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8306.html b/people/8306.html
index a84acd41..8081d862 100644
--- a/people/8306.html
+++ b/people/8306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8307.html b/people/8307.html
index 81ce5be4..988a9b68 100644
--- a/people/8307.html
+++ b/people/8307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8308.html b/people/8308.html
index 92ac8978..100a25fa 100644
--- a/people/8308.html
+++ b/people/8308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8309.html b/people/8309.html
index 63db6bbd..de91fc3f 100644
--- a/people/8309.html
+++ b/people/8309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/831.html b/people/831.html
index dcd53a87..81ea322b 100644
--- a/people/831.html
+++ b/people/831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8310.html b/people/8310.html
index 1274d8f9..a4f71fe7 100644
--- a/people/8310.html
+++ b/people/8310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8311.html b/people/8311.html
index 8062de97..c19e3d0e 100644
--- a/people/8311.html
+++ b/people/8311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8312.html b/people/8312.html
index d9b2496c..a698fd6e 100644
--- a/people/8312.html
+++ b/people/8312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8313.html b/people/8313.html
index 5034c7fe..cbb56ca4 100644
--- a/people/8313.html
+++ b/people/8313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8314.html b/people/8314.html
index 0148e53c..82b22e17 100644
--- a/people/8314.html
+++ b/people/8314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8315.html b/people/8315.html
index 340c7e8f..cc21bf3b 100644
--- a/people/8315.html
+++ b/people/8315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8316.html b/people/8316.html
index e5cc78f6..44fefd81 100644
--- a/people/8316.html
+++ b/people/8316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8317.html b/people/8317.html
index 13062a89..73d7ab79 100644
--- a/people/8317.html
+++ b/people/8317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8318.html b/people/8318.html
index d7b09557..81ae03ad 100644
--- a/people/8318.html
+++ b/people/8318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8319.html b/people/8319.html
index 7802ff58..710ab3ca 100644
--- a/people/8319.html
+++ b/people/8319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/832.html b/people/832.html
index 65202622..edc3ef8e 100644
--- a/people/832.html
+++ b/people/832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8320.html b/people/8320.html
index 7221b95a..ecfffe2d 100644
--- a/people/8320.html
+++ b/people/8320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8321.html b/people/8321.html
index 0accc285..c2bcec13 100644
--- a/people/8321.html
+++ b/people/8321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8322.html b/people/8322.html
index 5616942c..0ee58aa4 100644
--- a/people/8322.html
+++ b/people/8322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8323.html b/people/8323.html
index 55d7fc0a..bb091d4e 100644
--- a/people/8323.html
+++ b/people/8323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8324.html b/people/8324.html
index ce462127..36dd284a 100644
--- a/people/8324.html
+++ b/people/8324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8325.html b/people/8325.html
index f621e4cb..975c9c5a 100644
--- a/people/8325.html
+++ b/people/8325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8326.html b/people/8326.html
index 2ea73589..fabfe80a 100644
--- a/people/8326.html
+++ b/people/8326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8327.html b/people/8327.html
index 42bb66fd..61cac4a2 100644
--- a/people/8327.html
+++ b/people/8327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8328.html b/people/8328.html
index c1f3a65c..b51b3910 100644
--- a/people/8328.html
+++ b/people/8328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8329.html b/people/8329.html
index 29ab97c2..cedef4c5 100644
--- a/people/8329.html
+++ b/people/8329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/833.html b/people/833.html
index 98a8b866..c1a49ea2 100644
--- a/people/833.html
+++ b/people/833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8330.html b/people/8330.html
index 9596579c..45936e24 100644
--- a/people/8330.html
+++ b/people/8330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8331.html b/people/8331.html
index e65009f2..c41f6e64 100644
--- a/people/8331.html
+++ b/people/8331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8332.html b/people/8332.html
index 0344db40..b6b77918 100644
--- a/people/8332.html
+++ b/people/8332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8333.html b/people/8333.html
index 1896bc5a..4d0b92c4 100644
--- a/people/8333.html
+++ b/people/8333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8334.html b/people/8334.html
index 643532b8..bfc6a3a0 100644
--- a/people/8334.html
+++ b/people/8334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8335.html b/people/8335.html
index 271c59a1..943ad72d 100644
--- a/people/8335.html
+++ b/people/8335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8336.html b/people/8336.html
index 0d1b6c50..9ead116c 100644
--- a/people/8336.html
+++ b/people/8336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8337.html b/people/8337.html
index cbf6dfd1..b719d364 100644
--- a/people/8337.html
+++ b/people/8337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8338.html b/people/8338.html
index 09775776..44af589e 100644
--- a/people/8338.html
+++ b/people/8338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8339.html b/people/8339.html
index 0610dc94..e24d0699 100644
--- a/people/8339.html
+++ b/people/8339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/834.html b/people/834.html
index e6506836..d2572915 100644
--- a/people/834.html
+++ b/people/834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8340.html b/people/8340.html
index 29768ff4..f9e981ac 100644
--- a/people/8340.html
+++ b/people/8340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8341.html b/people/8341.html
index 7fc9ad5a..0dc1d7c5 100644
--- a/people/8341.html
+++ b/people/8341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8342.html b/people/8342.html
index 5bafbae3..693315ce 100644
--- a/people/8342.html
+++ b/people/8342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8343.html b/people/8343.html
index d3899c95..936a6c8d 100644
--- a/people/8343.html
+++ b/people/8343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8344.html b/people/8344.html
index 5f431434..98a3e83c 100644
--- a/people/8344.html
+++ b/people/8344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8345.html b/people/8345.html
index 9a84194d..86280f97 100644
--- a/people/8345.html
+++ b/people/8345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8346.html b/people/8346.html
index df83c32e..f8d14889 100644
--- a/people/8346.html
+++ b/people/8346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8347.html b/people/8347.html
index 2c4b1baa..b0da79c8 100644
--- a/people/8347.html
+++ b/people/8347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8348.html b/people/8348.html
index 0c1c9af8..14813e7f 100644
--- a/people/8348.html
+++ b/people/8348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8349.html b/people/8349.html
index 49ac5e64..b2095ff8 100644
--- a/people/8349.html
+++ b/people/8349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/835.html b/people/835.html
index b1715987..a0ff6438 100644
--- a/people/835.html
+++ b/people/835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8350.html b/people/8350.html
index 76e9d5f1..01af9f8d 100644
--- a/people/8350.html
+++ b/people/8350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8351.html b/people/8351.html
index a2b3ad18..14e895fa 100644
--- a/people/8351.html
+++ b/people/8351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8352.html b/people/8352.html
index f7a1d224..708905ad 100644
--- a/people/8352.html
+++ b/people/8352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8353.html b/people/8353.html
index 80edc477..107ee2de 100644
--- a/people/8353.html
+++ b/people/8353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8354.html b/people/8354.html
index 2d85f791..40f159c2 100644
--- a/people/8354.html
+++ b/people/8354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8355.html b/people/8355.html
index cd042f03..5f69a29b 100644
--- a/people/8355.html
+++ b/people/8355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8356.html b/people/8356.html
index 8ac020a2..9ffb6f5b 100644
--- a/people/8356.html
+++ b/people/8356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8357.html b/people/8357.html
index 9f763e1b..477ec429 100644
--- a/people/8357.html
+++ b/people/8357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8358.html b/people/8358.html
index a667207e..61fc0ac4 100644
--- a/people/8358.html
+++ b/people/8358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8359.html b/people/8359.html
index 44931ebc..8533fec9 100644
--- a/people/8359.html
+++ b/people/8359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/836.html b/people/836.html
index bc8038f4..cf7a139d 100644
--- a/people/836.html
+++ b/people/836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8360.html b/people/8360.html
index 455854f3..1648dd35 100644
--- a/people/8360.html
+++ b/people/8360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8361.html b/people/8361.html
index 2e55a9d4..50d6eeae 100644
--- a/people/8361.html
+++ b/people/8361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8362.html b/people/8362.html
index 8f954daa..244799ee 100644
--- a/people/8362.html
+++ b/people/8362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8363.html b/people/8363.html
index be967764..13c69c3a 100644
--- a/people/8363.html
+++ b/people/8363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8364.html b/people/8364.html
index 55130cd6..f14948e9 100644
--- a/people/8364.html
+++ b/people/8364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8365.html b/people/8365.html
index df0a419b..ab0dd943 100644
--- a/people/8365.html
+++ b/people/8365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8366.html b/people/8366.html
index 6a1ee960..95c8add0 100644
--- a/people/8366.html
+++ b/people/8366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8367.html b/people/8367.html
index 8c9f88c3..48e629fd 100644
--- a/people/8367.html
+++ b/people/8367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8368.html b/people/8368.html
index b25b6219..ef11c062 100644
--- a/people/8368.html
+++ b/people/8368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8369.html b/people/8369.html
index 5e4aaad2..07a48740 100644
--- a/people/8369.html
+++ b/people/8369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/837.html b/people/837.html
index cbee1894..0b858f50 100644
--- a/people/837.html
+++ b/people/837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8370.html b/people/8370.html
index 574ec6c4..764c611d 100644
--- a/people/8370.html
+++ b/people/8370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8371.html b/people/8371.html
index a16feafb..f9bd2f7c 100644
--- a/people/8371.html
+++ b/people/8371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8372.html b/people/8372.html
index a7838fac..749c486a 100644
--- a/people/8372.html
+++ b/people/8372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8373.html b/people/8373.html
index 805196d4..828f8394 100644
--- a/people/8373.html
+++ b/people/8373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8374.html b/people/8374.html
index dd768239..75798805 100644
--- a/people/8374.html
+++ b/people/8374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8375.html b/people/8375.html
index be8cead8..abe50079 100644
--- a/people/8375.html
+++ b/people/8375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8376.html b/people/8376.html
index 21bac6d3..4eb7fe0b 100644
--- a/people/8376.html
+++ b/people/8376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8377.html b/people/8377.html
index 813d1696..5ae46dea 100644
--- a/people/8377.html
+++ b/people/8377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8378.html b/people/8378.html
index 76006fb1..371fb23e 100644
--- a/people/8378.html
+++ b/people/8378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8379.html b/people/8379.html
index 039acc1d..2e79f21b 100644
--- a/people/8379.html
+++ b/people/8379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/838.html b/people/838.html
index bb673c46..0477b900 100644
--- a/people/838.html
+++ b/people/838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8380.html b/people/8380.html
index 4c172bb3..e3fdbdae 100644
--- a/people/8380.html
+++ b/people/8380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8381.html b/people/8381.html
index f88639ed..a1459f38 100644
--- a/people/8381.html
+++ b/people/8381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8382.html b/people/8382.html
index 00e644c0..0ecb3a67 100644
--- a/people/8382.html
+++ b/people/8382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8383.html b/people/8383.html
index f7b78530..bbc59420 100644
--- a/people/8383.html
+++ b/people/8383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8384.html b/people/8384.html
index 855703b9..109e3dfe 100644
--- a/people/8384.html
+++ b/people/8384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8385.html b/people/8385.html
index 23e39409..d1302d04 100644
--- a/people/8385.html
+++ b/people/8385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8386.html b/people/8386.html
index e24cc66a..06a2a9af 100644
--- a/people/8386.html
+++ b/people/8386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8387.html b/people/8387.html
index 09e96b18..3ca236d0 100644
--- a/people/8387.html
+++ b/people/8387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8388.html b/people/8388.html
index 5d40cf8d..5447eeef 100644
--- a/people/8388.html
+++ b/people/8388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8389.html b/people/8389.html
index 7832b211..9d043d85 100644
--- a/people/8389.html
+++ b/people/8389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/839.html b/people/839.html
index 94db1cfc..e99ae05a 100644
--- a/people/839.html
+++ b/people/839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8390.html b/people/8390.html
index 5d852377..85036390 100644
--- a/people/8390.html
+++ b/people/8390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8391.html b/people/8391.html
index bdd0a6e2..3bf369f2 100644
--- a/people/8391.html
+++ b/people/8391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8392.html b/people/8392.html
index c26a783e..93a9d8b6 100644
--- a/people/8392.html
+++ b/people/8392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8393.html b/people/8393.html
index a021099d..7be15230 100644
--- a/people/8393.html
+++ b/people/8393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8394.html b/people/8394.html
index 4115a056..2d59974f 100644
--- a/people/8394.html
+++ b/people/8394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8395.html b/people/8395.html
index fa73dac9..18a43802 100644
--- a/people/8395.html
+++ b/people/8395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8396.html b/people/8396.html
index 9013663c..66c49579 100644
--- a/people/8396.html
+++ b/people/8396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8397.html b/people/8397.html
index cdb36e5c..872e82c4 100644
--- a/people/8397.html
+++ b/people/8397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8398.html b/people/8398.html
index ea55c9a5..70b7bc2b 100644
--- a/people/8398.html
+++ b/people/8398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8399.html b/people/8399.html
index 976c7127..d1a6ca88 100644
--- a/people/8399.html
+++ b/people/8399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/84.html b/people/84.html
index 0e998226..5378021b 100644
--- a/people/84.html
+++ b/people/84.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/840.html b/people/840.html
index 3a92235a..50e4fbbe 100644
--- a/people/840.html
+++ b/people/840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8400.html b/people/8400.html
index e7fcbae3..5979d784 100644
--- a/people/8400.html
+++ b/people/8400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8401.html b/people/8401.html
index ea74a431..fbf35982 100644
--- a/people/8401.html
+++ b/people/8401.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8402.html b/people/8402.html
index 327c034e..45f3fa89 100644
--- a/people/8402.html
+++ b/people/8402.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8403.html b/people/8403.html
index 0f2c9771..12b10a38 100644
--- a/people/8403.html
+++ b/people/8403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8404.html b/people/8404.html
index d95f52aa..c4310422 100644
--- a/people/8404.html
+++ b/people/8404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8405.html b/people/8405.html
index 7f7fe15f..2fd069e3 100644
--- a/people/8405.html
+++ b/people/8405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8406.html b/people/8406.html
index 1348fead..478b409a 100644
--- a/people/8406.html
+++ b/people/8406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8407.html b/people/8407.html
index 4ba58029..e00d3e91 100644
--- a/people/8407.html
+++ b/people/8407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8408.html b/people/8408.html
index c716cef7..1d29e2e2 100644
--- a/people/8408.html
+++ b/people/8408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8409.html b/people/8409.html
index a4c09141..3f52da97 100644
--- a/people/8409.html
+++ b/people/8409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/841.html b/people/841.html
index 0c61166b..04c67a93 100644
--- a/people/841.html
+++ b/people/841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8410.html b/people/8410.html
index 91f28178..d26b4849 100644
--- a/people/8410.html
+++ b/people/8410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8411.html b/people/8411.html
index b138850c..fe4672ce 100644
--- a/people/8411.html
+++ b/people/8411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8412.html b/people/8412.html
index 92db41be..1e916988 100644
--- a/people/8412.html
+++ b/people/8412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8413.html b/people/8413.html
index 7273460a..6d3be7df 100644
--- a/people/8413.html
+++ b/people/8413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8414.html b/people/8414.html
index b964a6fd..a18b167c 100644
--- a/people/8414.html
+++ b/people/8414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8415.html b/people/8415.html
index 6180f773..3a3b334c 100644
--- a/people/8415.html
+++ b/people/8415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8416.html b/people/8416.html
index d85ff6cf..23293cee 100644
--- a/people/8416.html
+++ b/people/8416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8417.html b/people/8417.html
index 4323f303..71f8d4a7 100644
--- a/people/8417.html
+++ b/people/8417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8418.html b/people/8418.html
index dcefa69a..548871f1 100644
--- a/people/8418.html
+++ b/people/8418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8419.html b/people/8419.html
index e105fec0..1ca76d12 100644
--- a/people/8419.html
+++ b/people/8419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/842.html b/people/842.html
index ceebc147..75ab8655 100644
--- a/people/842.html
+++ b/people/842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8420.html b/people/8420.html
index 3b61b198..97fd1877 100644
--- a/people/8420.html
+++ b/people/8420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8421.html b/people/8421.html
index f81fde5b..9ebcc3c1 100644
--- a/people/8421.html
+++ b/people/8421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8422.html b/people/8422.html
index 6c88e473..8a3a553b 100644
--- a/people/8422.html
+++ b/people/8422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8423.html b/people/8423.html
index a5f01fd8..a0174095 100644
--- a/people/8423.html
+++ b/people/8423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8424.html b/people/8424.html
index 64f69bab..de861406 100644
--- a/people/8424.html
+++ b/people/8424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8425.html b/people/8425.html
index d11cdb3e..68802365 100644
--- a/people/8425.html
+++ b/people/8425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8426.html b/people/8426.html
index 0b833541..ba136e39 100644
--- a/people/8426.html
+++ b/people/8426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8427.html b/people/8427.html
index 4db53cee..a8c58dbd 100644
--- a/people/8427.html
+++ b/people/8427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8428.html b/people/8428.html
index f16d66e8..72b5f824 100644
--- a/people/8428.html
+++ b/people/8428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8429.html b/people/8429.html
index 9c42be11..553dbdb4 100644
--- a/people/8429.html
+++ b/people/8429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/843.html b/people/843.html
index cac32143..380cdd53 100644
--- a/people/843.html
+++ b/people/843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8430.html b/people/8430.html
index 7aee74c1..4123f22a 100644
--- a/people/8430.html
+++ b/people/8430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8431.html b/people/8431.html
index 153bc82a..60f97585 100644
--- a/people/8431.html
+++ b/people/8431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8432.html b/people/8432.html
index 36df69ab..661d998c 100644
--- a/people/8432.html
+++ b/people/8432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8433.html b/people/8433.html
index b5b95c1d..546b7a58 100644
--- a/people/8433.html
+++ b/people/8433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8434.html b/people/8434.html
index dced32be..a4c68b85 100644
--- a/people/8434.html
+++ b/people/8434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8435.html b/people/8435.html
index 94b6843b..e51a07be 100644
--- a/people/8435.html
+++ b/people/8435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8436.html b/people/8436.html
index 537eac5e..ec2e1576 100644
--- a/people/8436.html
+++ b/people/8436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8437.html b/people/8437.html
index bc0f4e3e..7ebf9aea 100644
--- a/people/8437.html
+++ b/people/8437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8438.html b/people/8438.html
index 2ca4669c..af0645aa 100644
--- a/people/8438.html
+++ b/people/8438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8439.html b/people/8439.html
index 67891d81..497d142c 100644
--- a/people/8439.html
+++ b/people/8439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/844.html b/people/844.html
index 480c3b52..876bb545 100644
--- a/people/844.html
+++ b/people/844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8440.html b/people/8440.html
index 537240b0..f6524de0 100644
--- a/people/8440.html
+++ b/people/8440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8441.html b/people/8441.html
index 68dbae2a..4753d361 100644
--- a/people/8441.html
+++ b/people/8441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8442.html b/people/8442.html
index 4431da16..161b5d9b 100644
--- a/people/8442.html
+++ b/people/8442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8443.html b/people/8443.html
index 44a146a6..d987297c 100644
--- a/people/8443.html
+++ b/people/8443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8444.html b/people/8444.html
index 05ba7994..1098ebc0 100644
--- a/people/8444.html
+++ b/people/8444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8445.html b/people/8445.html
index 061812bf..3574ae87 100644
--- a/people/8445.html
+++ b/people/8445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8446.html b/people/8446.html
index 1bcdb505..c98856a8 100644
--- a/people/8446.html
+++ b/people/8446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8447.html b/people/8447.html
index 06f1ab94..3013d322 100644
--- a/people/8447.html
+++ b/people/8447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8448.html b/people/8448.html
index de6b2180..acedf681 100644
--- a/people/8448.html
+++ b/people/8448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8449.html b/people/8449.html
index 7aaffc40..000fc50e 100644
--- a/people/8449.html
+++ b/people/8449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/845.html b/people/845.html
index 5b7bbe02..3b597305 100644
--- a/people/845.html
+++ b/people/845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8450.html b/people/8450.html
index eedd18a3..6b2c96f2 100644
--- a/people/8450.html
+++ b/people/8450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8451.html b/people/8451.html
index 9b9324ca..7598508c 100644
--- a/people/8451.html
+++ b/people/8451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8452.html b/people/8452.html
index 0e4e860b..d77e0850 100644
--- a/people/8452.html
+++ b/people/8452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8453.html b/people/8453.html
index 693707b7..9dfff6c5 100644
--- a/people/8453.html
+++ b/people/8453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8454.html b/people/8454.html
index 61911fea..aec1c0fe 100644
--- a/people/8454.html
+++ b/people/8454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8455.html b/people/8455.html
index 855b8786..51dec378 100644
--- a/people/8455.html
+++ b/people/8455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8456.html b/people/8456.html
index d2c95d79..92ede195 100644
--- a/people/8456.html
+++ b/people/8456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8457.html b/people/8457.html
index 4302de8b..1e2d73d6 100644
--- a/people/8457.html
+++ b/people/8457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8458.html b/people/8458.html
index 4e02da5f..35735bf6 100644
--- a/people/8458.html
+++ b/people/8458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8459.html b/people/8459.html
index 90338a59..791cb514 100644
--- a/people/8459.html
+++ b/people/8459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/846.html b/people/846.html
index 4ccb92cb..66f54397 100644
--- a/people/846.html
+++ b/people/846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8460.html b/people/8460.html
index f655c0ef..f3debcfd 100644
--- a/people/8460.html
+++ b/people/8460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8461.html b/people/8461.html
index 5fc0502d..13e7a7c4 100644
--- a/people/8461.html
+++ b/people/8461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8462.html b/people/8462.html
index aa151634..afa07deb 100644
--- a/people/8462.html
+++ b/people/8462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8463.html b/people/8463.html
index d77daa38..756ced65 100644
--- a/people/8463.html
+++ b/people/8463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8464.html b/people/8464.html
index 508371d2..cd49b921 100644
--- a/people/8464.html
+++ b/people/8464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8465.html b/people/8465.html
index ec1456c7..b046cf01 100644
--- a/people/8465.html
+++ b/people/8465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8466.html b/people/8466.html
index 043801ad..caa7451e 100644
--- a/people/8466.html
+++ b/people/8466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8467.html b/people/8467.html
index ef6c10d6..8540fbf1 100644
--- a/people/8467.html
+++ b/people/8467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8468.html b/people/8468.html
index fd07955b..4e27b340 100644
--- a/people/8468.html
+++ b/people/8468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8469.html b/people/8469.html
index 77a15bc7..4e0bd138 100644
--- a/people/8469.html
+++ b/people/8469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/847.html b/people/847.html
index 4502092d..7fb130fe 100644
--- a/people/847.html
+++ b/people/847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8470.html b/people/8470.html
index b6fe5bf8..e40a6199 100644
--- a/people/8470.html
+++ b/people/8470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8471.html b/people/8471.html
index e843403f..bc30dd26 100644
--- a/people/8471.html
+++ b/people/8471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8472.html b/people/8472.html
index e68f43e3..ff86d811 100644
--- a/people/8472.html
+++ b/people/8472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8473.html b/people/8473.html
index 522e5d9a..00f05a06 100644
--- a/people/8473.html
+++ b/people/8473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8474.html b/people/8474.html
index 5658434d..33f953a5 100644
--- a/people/8474.html
+++ b/people/8474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8475.html b/people/8475.html
index a0c70a4a..3ddfab03 100644
--- a/people/8475.html
+++ b/people/8475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8476.html b/people/8476.html
index ccbd2670..78cb110e 100644
--- a/people/8476.html
+++ b/people/8476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8477.html b/people/8477.html
index 8e453005..1c8ddd85 100644
--- a/people/8477.html
+++ b/people/8477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8478.html b/people/8478.html
index bb60f1b4..d46c8717 100644
--- a/people/8478.html
+++ b/people/8478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8479.html b/people/8479.html
index 13c1fcb7..b379fed2 100644
--- a/people/8479.html
+++ b/people/8479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/848.html b/people/848.html
index da37e28f..552135f6 100644
--- a/people/848.html
+++ b/people/848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8480.html b/people/8480.html
index bfdfec9c..83d460f0 100644
--- a/people/8480.html
+++ b/people/8480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8481.html b/people/8481.html
index 4befcc98..974c5405 100644
--- a/people/8481.html
+++ b/people/8481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8482.html b/people/8482.html
index 87b6afb9..e25cb8be 100644
--- a/people/8482.html
+++ b/people/8482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8483.html b/people/8483.html
index b29d950a..0f551dfc 100644
--- a/people/8483.html
+++ b/people/8483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8484.html b/people/8484.html
index dc110943..1edb2556 100644
--- a/people/8484.html
+++ b/people/8484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8485.html b/people/8485.html
index 5615cc85..d196ca3c 100644
--- a/people/8485.html
+++ b/people/8485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8486.html b/people/8486.html
index bf971146..8dacfadf 100644
--- a/people/8486.html
+++ b/people/8486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8487.html b/people/8487.html
index d2d9070d..8cd8438f 100644
--- a/people/8487.html
+++ b/people/8487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8488.html b/people/8488.html
index 9974af3c..9179629a 100644
--- a/people/8488.html
+++ b/people/8488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8489.html b/people/8489.html
index 59c9f764..189f25e2 100644
--- a/people/8489.html
+++ b/people/8489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/849.html b/people/849.html
index e47e2ad4..90c285c4 100644
--- a/people/849.html
+++ b/people/849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8490.html b/people/8490.html
index e1e48c34..4698215a 100644
--- a/people/8490.html
+++ b/people/8490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8491.html b/people/8491.html
index 0f73b580..15d4c05c 100644
--- a/people/8491.html
+++ b/people/8491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8492.html b/people/8492.html
index 88fd49f4..b7cce764 100644
--- a/people/8492.html
+++ b/people/8492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8493.html b/people/8493.html
index 9ea58e11..3820e6d7 100644
--- a/people/8493.html
+++ b/people/8493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8494.html b/people/8494.html
index 4c80b6ad..6d6f1ac3 100644
--- a/people/8494.html
+++ b/people/8494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8495.html b/people/8495.html
index 7da8f5f3..ffcaf493 100644
--- a/people/8495.html
+++ b/people/8495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8496.html b/people/8496.html
index e2f7297e..251f12c0 100644
--- a/people/8496.html
+++ b/people/8496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8497.html b/people/8497.html
index b86adcc6..c472e724 100644
--- a/people/8497.html
+++ b/people/8497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8498.html b/people/8498.html
index 7fb43363..0d8bc1ad 100644
--- a/people/8498.html
+++ b/people/8498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8499.html b/people/8499.html
index cd371620..89ceccf1 100644
--- a/people/8499.html
+++ b/people/8499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/85.html b/people/85.html
index dcdc3da2..0b849d0a 100644
--- a/people/85.html
+++ b/people/85.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/850.html b/people/850.html
index d33edf4c..b8d1cbd6 100644
--- a/people/850.html
+++ b/people/850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8500.html b/people/8500.html
index 9eabc09f..6106a655 100644
--- a/people/8500.html
+++ b/people/8500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8501.html b/people/8501.html
index e0e1666c..6fb48d5f 100644
--- a/people/8501.html
+++ b/people/8501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8502.html b/people/8502.html
index 8ca1622c..4715e33e 100644
--- a/people/8502.html
+++ b/people/8502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8503.html b/people/8503.html
index 8c45ed3e..b2f6f23c 100644
--- a/people/8503.html
+++ b/people/8503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8504.html b/people/8504.html
index d43e0759..48826cd9 100644
--- a/people/8504.html
+++ b/people/8504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8505.html b/people/8505.html
index 321fede2..18fdb60d 100644
--- a/people/8505.html
+++ b/people/8505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8506.html b/people/8506.html
index 9f032892..dc2850df 100644
--- a/people/8506.html
+++ b/people/8506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8507.html b/people/8507.html
index 12d3e097..6ec1298e 100644
--- a/people/8507.html
+++ b/people/8507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8508.html b/people/8508.html
index 4afeea2d..d76b48bc 100644
--- a/people/8508.html
+++ b/people/8508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8509.html b/people/8509.html
index 91d90208..34b555f9 100644
--- a/people/8509.html
+++ b/people/8509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/851.html b/people/851.html
index 0cb450c1..2d772246 100644
--- a/people/851.html
+++ b/people/851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8510.html b/people/8510.html
index 77e47a2b..defba1b2 100644
--- a/people/8510.html
+++ b/people/8510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8511.html b/people/8511.html
index 69d8b2f8..361286b7 100644
--- a/people/8511.html
+++ b/people/8511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8512.html b/people/8512.html
index fea26951..f27005ea 100644
--- a/people/8512.html
+++ b/people/8512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8513.html b/people/8513.html
index d5c88e94..eddd3770 100644
--- a/people/8513.html
+++ b/people/8513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8514.html b/people/8514.html
index 9ab8f553..a3988cad 100644
--- a/people/8514.html
+++ b/people/8514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8515.html b/people/8515.html
index 6ffe619f..8cd89c87 100644
--- a/people/8515.html
+++ b/people/8515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8516.html b/people/8516.html
index 02635b71..7385b226 100644
--- a/people/8516.html
+++ b/people/8516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8517.html b/people/8517.html
index f9d1f76a..d22dc22c 100644
--- a/people/8517.html
+++ b/people/8517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8518.html b/people/8518.html
index e4a0fe74..cb3137a9 100644
--- a/people/8518.html
+++ b/people/8518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8519.html b/people/8519.html
index e0cc3f84..1943ccb5 100644
--- a/people/8519.html
+++ b/people/8519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/852.html b/people/852.html
index 7ae45283..adcd6b2a 100644
--- a/people/852.html
+++ b/people/852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8520.html b/people/8520.html
index 493a13fd..53f6cafa 100644
--- a/people/8520.html
+++ b/people/8520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8521.html b/people/8521.html
index ca896f24..5201ed23 100644
--- a/people/8521.html
+++ b/people/8521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8522.html b/people/8522.html
index e1389552..f8f83187 100644
--- a/people/8522.html
+++ b/people/8522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8523.html b/people/8523.html
index fbf4ec77..c1c5d20c 100644
--- a/people/8523.html
+++ b/people/8523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8524.html b/people/8524.html
index 0f97deba..98f82484 100644
--- a/people/8524.html
+++ b/people/8524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8525.html b/people/8525.html
index ac63791c..ff4860bd 100644
--- a/people/8525.html
+++ b/people/8525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8526.html b/people/8526.html
index e82f8259..c3e80caa 100644
--- a/people/8526.html
+++ b/people/8526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8527.html b/people/8527.html
index b522f9f6..3eb72d2c 100644
--- a/people/8527.html
+++ b/people/8527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8528.html b/people/8528.html
index f06ffe48..fa4d1e7d 100644
--- a/people/8528.html
+++ b/people/8528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8529.html b/people/8529.html
index c9b849c8..62290aec 100644
--- a/people/8529.html
+++ b/people/8529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/853.html b/people/853.html
index 78b19c6f..d103ab88 100644
--- a/people/853.html
+++ b/people/853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8530.html b/people/8530.html
index c08e2b7b..1a7cce5b 100644
--- a/people/8530.html
+++ b/people/8530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8531.html b/people/8531.html
index e29ec73f..9090a398 100644
--- a/people/8531.html
+++ b/people/8531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8532.html b/people/8532.html
index 64a04d40..52061d97 100644
--- a/people/8532.html
+++ b/people/8532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8533.html b/people/8533.html
index 62052778..57f3091f 100644
--- a/people/8533.html
+++ b/people/8533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8534.html b/people/8534.html
index 85905314..13b06314 100644
--- a/people/8534.html
+++ b/people/8534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8535.html b/people/8535.html
index 10ef8bd6..fb6eb809 100644
--- a/people/8535.html
+++ b/people/8535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8536.html b/people/8536.html
index bd3360d3..941dc544 100644
--- a/people/8536.html
+++ b/people/8536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8537.html b/people/8537.html
index e2d13410..e7397760 100644
--- a/people/8537.html
+++ b/people/8537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8538.html b/people/8538.html
index 3bba9e3c..a6d3543a 100644
--- a/people/8538.html
+++ b/people/8538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8539.html b/people/8539.html
index cf9017e1..9d5fef9d 100644
--- a/people/8539.html
+++ b/people/8539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/854.html b/people/854.html
index 1ec1a80a..e1cc87a7 100644
--- a/people/854.html
+++ b/people/854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8540.html b/people/8540.html
index 4be8819b..3d016a3f 100644
--- a/people/8540.html
+++ b/people/8540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8541.html b/people/8541.html
index bf79fa88..e62bf83a 100644
--- a/people/8541.html
+++ b/people/8541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8542.html b/people/8542.html
index 5c4a00f4..fbf8aa1b 100644
--- a/people/8542.html
+++ b/people/8542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8543.html b/people/8543.html
index e5489fca..2d2c93b9 100644
--- a/people/8543.html
+++ b/people/8543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8544.html b/people/8544.html
index 6adfea5c..0b34bad4 100644
--- a/people/8544.html
+++ b/people/8544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8545.html b/people/8545.html
index cbd88371..5be2409f 100644
--- a/people/8545.html
+++ b/people/8545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8546.html b/people/8546.html
index b8b72f5d..a8370ca0 100644
--- a/people/8546.html
+++ b/people/8546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8547.html b/people/8547.html
index c1f6f093..dc3a7160 100644
--- a/people/8547.html
+++ b/people/8547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8548.html b/people/8548.html
index 316e04f6..d8d2e62d 100644
--- a/people/8548.html
+++ b/people/8548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8549.html b/people/8549.html
index d0f03870..41e0f122 100644
--- a/people/8549.html
+++ b/people/8549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/855.html b/people/855.html
index 26ed2b13..dbc54a39 100644
--- a/people/855.html
+++ b/people/855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8550.html b/people/8550.html
index 7190680e..88f7f659 100644
--- a/people/8550.html
+++ b/people/8550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8551.html b/people/8551.html
index f4726ff2..924668da 100644
--- a/people/8551.html
+++ b/people/8551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8552.html b/people/8552.html
index 06adeec0..fe980f7b 100644
--- a/people/8552.html
+++ b/people/8552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8553.html b/people/8553.html
index 8df2e0f4..98d29ddf 100644
--- a/people/8553.html
+++ b/people/8553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8554.html b/people/8554.html
index 380a3e39..11f8bef4 100644
--- a/people/8554.html
+++ b/people/8554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8555.html b/people/8555.html
index 914c8966..329e818a 100644
--- a/people/8555.html
+++ b/people/8555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8556.html b/people/8556.html
index f1bb95ff..0a08c00a 100644
--- a/people/8556.html
+++ b/people/8556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8557.html b/people/8557.html
index 745b0b18..766a64fb 100644
--- a/people/8557.html
+++ b/people/8557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8558.html b/people/8558.html
index f7bc9f57..e03e98ae 100644
--- a/people/8558.html
+++ b/people/8558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8559.html b/people/8559.html
index adde24de..1695f785 100644
--- a/people/8559.html
+++ b/people/8559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/856.html b/people/856.html
index dc1c942a..acc6d065 100644
--- a/people/856.html
+++ b/people/856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8560.html b/people/8560.html
index 36c488f5..142f14cb 100644
--- a/people/8560.html
+++ b/people/8560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8561.html b/people/8561.html
index 4972e720..64b11771 100644
--- a/people/8561.html
+++ b/people/8561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8562.html b/people/8562.html
index 4366fd02..1b754833 100644
--- a/people/8562.html
+++ b/people/8562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8563.html b/people/8563.html
index 3cb1bc47..d49dc004 100644
--- a/people/8563.html
+++ b/people/8563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8564.html b/people/8564.html
index c5022ebc..cf8e1aec 100644
--- a/people/8564.html
+++ b/people/8564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8565.html b/people/8565.html
index cfef1ad8..5fca04cc 100644
--- a/people/8565.html
+++ b/people/8565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8566.html b/people/8566.html
index d46ddcec..8d4920d8 100644
--- a/people/8566.html
+++ b/people/8566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8567.html b/people/8567.html
index 20b5e493..98cd60ff 100644
--- a/people/8567.html
+++ b/people/8567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8568.html b/people/8568.html
index 422cc5b0..32ff6da5 100644
--- a/people/8568.html
+++ b/people/8568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8569.html b/people/8569.html
index 143be9c6..ec35ba8a 100644
--- a/people/8569.html
+++ b/people/8569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/857.html b/people/857.html
index c2095987..bb193489 100644
--- a/people/857.html
+++ b/people/857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8570.html b/people/8570.html
index 97b5dde1..cec86898 100644
--- a/people/8570.html
+++ b/people/8570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8571.html b/people/8571.html
index b46d0c1e..bc09c9bb 100644
--- a/people/8571.html
+++ b/people/8571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8572.html b/people/8572.html
index d39e1876..7a262837 100644
--- a/people/8572.html
+++ b/people/8572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8573.html b/people/8573.html
index 7c05f8c5..560caa90 100644
--- a/people/8573.html
+++ b/people/8573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8574.html b/people/8574.html
index c06a9fc3..489ae1b1 100644
--- a/people/8574.html
+++ b/people/8574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8575.html b/people/8575.html
index 084e7006..6f11b7d9 100644
--- a/people/8575.html
+++ b/people/8575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8576.html b/people/8576.html
index 8d191565..b63dc101 100644
--- a/people/8576.html
+++ b/people/8576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8577.html b/people/8577.html
index 2e6e6668..6dc10351 100644
--- a/people/8577.html
+++ b/people/8577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8578.html b/people/8578.html
index 2b7dd5ee..174174da 100644
--- a/people/8578.html
+++ b/people/8578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8579.html b/people/8579.html
index cc4157c4..3201d2c1 100644
--- a/people/8579.html
+++ b/people/8579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/858.html b/people/858.html
index 4b74dded..8f1f0039 100644
--- a/people/858.html
+++ b/people/858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8580.html b/people/8580.html
index e7c2f61f..22ed08b1 100644
--- a/people/8580.html
+++ b/people/8580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8581.html b/people/8581.html
index 998793b9..16635c30 100644
--- a/people/8581.html
+++ b/people/8581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8582.html b/people/8582.html
index 94a782cb..934b4ca8 100644
--- a/people/8582.html
+++ b/people/8582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8583.html b/people/8583.html
index 9a4509da..ebe8f2be 100644
--- a/people/8583.html
+++ b/people/8583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8584.html b/people/8584.html
index 65072cdf..c252c0a2 100644
--- a/people/8584.html
+++ b/people/8584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8585.html b/people/8585.html
index dd0418a8..f9b99675 100644
--- a/people/8585.html
+++ b/people/8585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8586.html b/people/8586.html
index c257fb87..51f4af0d 100644
--- a/people/8586.html
+++ b/people/8586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8587.html b/people/8587.html
index b5d273f8..f86a1cbe 100644
--- a/people/8587.html
+++ b/people/8587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8588.html b/people/8588.html
index 60930eaa..20e98fdf 100644
--- a/people/8588.html
+++ b/people/8588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8589.html b/people/8589.html
index 3bde6575..8e7de8cc 100644
--- a/people/8589.html
+++ b/people/8589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/859.html b/people/859.html
index 18004aaf..4d9d319b 100644
--- a/people/859.html
+++ b/people/859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8590.html b/people/8590.html
index d28dee00..98804dc2 100644
--- a/people/8590.html
+++ b/people/8590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8591.html b/people/8591.html
index 4c2f3dbf..5d7d94e1 100644
--- a/people/8591.html
+++ b/people/8591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8592.html b/people/8592.html
index ff857a7c..884cfb93 100644
--- a/people/8592.html
+++ b/people/8592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8593.html b/people/8593.html
index 234466a0..5969f5bf 100644
--- a/people/8593.html
+++ b/people/8593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8594.html b/people/8594.html
index 8d5409f6..4c3da109 100644
--- a/people/8594.html
+++ b/people/8594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8595.html b/people/8595.html
index ca77df7a..16647889 100644
--- a/people/8595.html
+++ b/people/8595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8596.html b/people/8596.html
index da23d3c2..e13c228a 100644
--- a/people/8596.html
+++ b/people/8596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8597.html b/people/8597.html
index 5835b7cf..f7ec4e9f 100644
--- a/people/8597.html
+++ b/people/8597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8598.html b/people/8598.html
index 8658eb22..4d8c20ff 100644
--- a/people/8598.html
+++ b/people/8598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8599.html b/people/8599.html
index 29834b9e..4a6831e9 100644
--- a/people/8599.html
+++ b/people/8599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/86.html b/people/86.html
index ee64c777..621c4fb5 100644
--- a/people/86.html
+++ b/people/86.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/860.html b/people/860.html
index f0a1869f..0908a635 100644
--- a/people/860.html
+++ b/people/860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8600.html b/people/8600.html
index 3c4ea395..65080f9b 100644
--- a/people/8600.html
+++ b/people/8600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8601.html b/people/8601.html
index f1881bf1..c6225cd4 100644
--- a/people/8601.html
+++ b/people/8601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8602.html b/people/8602.html
index 830cb8f4..66651076 100644
--- a/people/8602.html
+++ b/people/8602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8603.html b/people/8603.html
index fc537845..85e10b4b 100644
--- a/people/8603.html
+++ b/people/8603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8604.html b/people/8604.html
index 5815cc45..373b47d4 100644
--- a/people/8604.html
+++ b/people/8604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8605.html b/people/8605.html
index f056dd4b..69c2042c 100644
--- a/people/8605.html
+++ b/people/8605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8606.html b/people/8606.html
index 65bd927d..208c0a11 100644
--- a/people/8606.html
+++ b/people/8606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8607.html b/people/8607.html
index 18a89c5c..09878625 100644
--- a/people/8607.html
+++ b/people/8607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8608.html b/people/8608.html
index 607eb2b7..4abd54c0 100644
--- a/people/8608.html
+++ b/people/8608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8609.html b/people/8609.html
index d6c0e9c3..fa58655f 100644
--- a/people/8609.html
+++ b/people/8609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/861.html b/people/861.html
index 00fdd062..2c653895 100644
--- a/people/861.html
+++ b/people/861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8610.html b/people/8610.html
index 8ab5bd1b..f57ec39b 100644
--- a/people/8610.html
+++ b/people/8610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8611.html b/people/8611.html
index 1396f3be..5430db31 100644
--- a/people/8611.html
+++ b/people/8611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8612.html b/people/8612.html
index 5c3213ea..847993fd 100644
--- a/people/8612.html
+++ b/people/8612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8613.html b/people/8613.html
index 63dc4f26..a462aea8 100644
--- a/people/8613.html
+++ b/people/8613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8614.html b/people/8614.html
index 7694b1df..d794a512 100644
--- a/people/8614.html
+++ b/people/8614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8615.html b/people/8615.html
index ff5a4d63..e3583e00 100644
--- a/people/8615.html
+++ b/people/8615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8616.html b/people/8616.html
index aacf7bc3..407145f0 100644
--- a/people/8616.html
+++ b/people/8616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8617.html b/people/8617.html
index 08eeec3e..1ccc91ea 100644
--- a/people/8617.html
+++ b/people/8617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8618.html b/people/8618.html
index 7857ba7f..d2d2f91a 100644
--- a/people/8618.html
+++ b/people/8618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8619.html b/people/8619.html
index 34576941..2560f2d2 100644
--- a/people/8619.html
+++ b/people/8619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/862.html b/people/862.html
index 33abc716..be9da083 100644
--- a/people/862.html
+++ b/people/862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8620.html b/people/8620.html
index 2ef8ec9d..041e3071 100644
--- a/people/8620.html
+++ b/people/8620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8621.html b/people/8621.html
index cb309d17..043a8ca5 100644
--- a/people/8621.html
+++ b/people/8621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8622.html b/people/8622.html
index 8c6c55a3..cd8ce64f 100644
--- a/people/8622.html
+++ b/people/8622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8623.html b/people/8623.html
index 01a36651..4dd46866 100644
--- a/people/8623.html
+++ b/people/8623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8624.html b/people/8624.html
index c89c0f8e..d9154520 100644
--- a/people/8624.html
+++ b/people/8624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8625.html b/people/8625.html
index 90ca3304..9251e10f 100644
--- a/people/8625.html
+++ b/people/8625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8626.html b/people/8626.html
index 908ce8e1..1019594e 100644
--- a/people/8626.html
+++ b/people/8626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8627.html b/people/8627.html
index f1653d7c..1bf3d06e 100644
--- a/people/8627.html
+++ b/people/8627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8628.html b/people/8628.html
index 683aab21..f614f0b3 100644
--- a/people/8628.html
+++ b/people/8628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8629.html b/people/8629.html
index 29ace705..353df290 100644
--- a/people/8629.html
+++ b/people/8629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/863.html b/people/863.html
index 8efec77e..8cd6f783 100644
--- a/people/863.html
+++ b/people/863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8630.html b/people/8630.html
index 60e45ea3..1f44ee2a 100644
--- a/people/8630.html
+++ b/people/8630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8631.html b/people/8631.html
index c495c993..ad0814ca 100644
--- a/people/8631.html
+++ b/people/8631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8632.html b/people/8632.html
index 8d6199b4..43102011 100644
--- a/people/8632.html
+++ b/people/8632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8633.html b/people/8633.html
index ca34afeb..b8ccbdaa 100644
--- a/people/8633.html
+++ b/people/8633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8634.html b/people/8634.html
index 796b650f..5f599f60 100644
--- a/people/8634.html
+++ b/people/8634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8635.html b/people/8635.html
index 5887a2fe..6a81dd9f 100644
--- a/people/8635.html
+++ b/people/8635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8636.html b/people/8636.html
index 61cffe8c..7e047db3 100644
--- a/people/8636.html
+++ b/people/8636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8637.html b/people/8637.html
index 77c2971c..ebfeed20 100644
--- a/people/8637.html
+++ b/people/8637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8638.html b/people/8638.html
index a36d0e3a..7e0db5dd 100644
--- a/people/8638.html
+++ b/people/8638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8639.html b/people/8639.html
index 75476fbc..9c12db28 100644
--- a/people/8639.html
+++ b/people/8639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/864.html b/people/864.html
index 9061c48b..2b8817b3 100644
--- a/people/864.html
+++ b/people/864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8640.html b/people/8640.html
index 80638bad..97f83a3a 100644
--- a/people/8640.html
+++ b/people/8640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8641.html b/people/8641.html
index 8aa64833..bab8627e 100644
--- a/people/8641.html
+++ b/people/8641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8642.html b/people/8642.html
index 635e394f..a232f5e0 100644
--- a/people/8642.html
+++ b/people/8642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8643.html b/people/8643.html
index 78e6a42e..07c2af94 100644
--- a/people/8643.html
+++ b/people/8643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8644.html b/people/8644.html
index 2b8e6afc..976d6e75 100644
--- a/people/8644.html
+++ b/people/8644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8645.html b/people/8645.html
index 1ee79007..d41ce054 100644
--- a/people/8645.html
+++ b/people/8645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8646.html b/people/8646.html
index 19c57aba..890bd956 100644
--- a/people/8646.html
+++ b/people/8646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8647.html b/people/8647.html
index c205f60c..ab42ed34 100644
--- a/people/8647.html
+++ b/people/8647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8648.html b/people/8648.html
index 8ae0e22a..cf267c7e 100644
--- a/people/8648.html
+++ b/people/8648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8649.html b/people/8649.html
index 4cbdc98c..802949e4 100644
--- a/people/8649.html
+++ b/people/8649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/865.html b/people/865.html
index 3d0eb68d..f77a75e1 100644
--- a/people/865.html
+++ b/people/865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8650.html b/people/8650.html
index 0cc3b9d1..30505cd0 100644
--- a/people/8650.html
+++ b/people/8650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8651.html b/people/8651.html
index c6944be0..d74e09d1 100644
--- a/people/8651.html
+++ b/people/8651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8652.html b/people/8652.html
index 8ab37103..5801a40c 100644
--- a/people/8652.html
+++ b/people/8652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8653.html b/people/8653.html
index 1746cd1d..ab4c4489 100644
--- a/people/8653.html
+++ b/people/8653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8654.html b/people/8654.html
index 02ce26fe..9fc2e818 100644
--- a/people/8654.html
+++ b/people/8654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8655.html b/people/8655.html
index 3d87549d..12a6ab45 100644
--- a/people/8655.html
+++ b/people/8655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8656.html b/people/8656.html
index 1bfbc560..bc74e3b3 100644
--- a/people/8656.html
+++ b/people/8656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8657.html b/people/8657.html
index 19456083..55dfaa0e 100644
--- a/people/8657.html
+++ b/people/8657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8658.html b/people/8658.html
index 6b8a1c3d..f69a4742 100644
--- a/people/8658.html
+++ b/people/8658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8659.html b/people/8659.html
index 093a4c3e..d72a391c 100644
--- a/people/8659.html
+++ b/people/8659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/866.html b/people/866.html
index b64400a2..2333eea2 100644
--- a/people/866.html
+++ b/people/866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8660.html b/people/8660.html
index ccafb03e..362dfe08 100644
--- a/people/8660.html
+++ b/people/8660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8661.html b/people/8661.html
index 9316cdb6..3737ec28 100644
--- a/people/8661.html
+++ b/people/8661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8662.html b/people/8662.html
index 910e9cde..70993d1e 100644
--- a/people/8662.html
+++ b/people/8662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8663.html b/people/8663.html
index 3eab28d5..d5cc9e18 100644
--- a/people/8663.html
+++ b/people/8663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8664.html b/people/8664.html
index 8f40d011..65711fb0 100644
--- a/people/8664.html
+++ b/people/8664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8665.html b/people/8665.html
index 2af3eaa5..e2bacf91 100644
--- a/people/8665.html
+++ b/people/8665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8666.html b/people/8666.html
index 37015cc3..6cd05223 100644
--- a/people/8666.html
+++ b/people/8666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8667.html b/people/8667.html
index cf3072c4..aa19abcf 100644
--- a/people/8667.html
+++ b/people/8667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8668.html b/people/8668.html
index c234d70b..e1cc72d9 100644
--- a/people/8668.html
+++ b/people/8668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8669.html b/people/8669.html
index d7f95f6c..9f9e0717 100644
--- a/people/8669.html
+++ b/people/8669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/867.html b/people/867.html
index cc054af0..1eb2d6f2 100644
--- a/people/867.html
+++ b/people/867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8670.html b/people/8670.html
index 3bd12273..8eff3016 100644
--- a/people/8670.html
+++ b/people/8670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8671.html b/people/8671.html
index 46a52e90..7c6c7b86 100644
--- a/people/8671.html
+++ b/people/8671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8672.html b/people/8672.html
index b8cf4d26..12946f84 100644
--- a/people/8672.html
+++ b/people/8672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8673.html b/people/8673.html
index a2b4ee5a..c7394907 100644
--- a/people/8673.html
+++ b/people/8673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8674.html b/people/8674.html
index 29ab4f14..7623d7ae 100644
--- a/people/8674.html
+++ b/people/8674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8675.html b/people/8675.html
index b0334807..39a67a7c 100644
--- a/people/8675.html
+++ b/people/8675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8676.html b/people/8676.html
index a6bce1a2..792cb420 100644
--- a/people/8676.html
+++ b/people/8676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8677.html b/people/8677.html
index 1d1ee840..b80ed7ec 100644
--- a/people/8677.html
+++ b/people/8677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8678.html b/people/8678.html
index ec92b2d1..51eeba7e 100644
--- a/people/8678.html
+++ b/people/8678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8679.html b/people/8679.html
index 69891947..b747cd85 100644
--- a/people/8679.html
+++ b/people/8679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/868.html b/people/868.html
index 1af03c9e..c07338a4 100644
--- a/people/868.html
+++ b/people/868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8680.html b/people/8680.html
index be6584db..3edc8d61 100644
--- a/people/8680.html
+++ b/people/8680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8681.html b/people/8681.html
index 4731b67d..986dbbc2 100644
--- a/people/8681.html
+++ b/people/8681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8682.html b/people/8682.html
index 90275d12..2972f541 100644
--- a/people/8682.html
+++ b/people/8682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8683.html b/people/8683.html
index 745e04d5..ee5f0889 100644
--- a/people/8683.html
+++ b/people/8683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8684.html b/people/8684.html
index 72d6b74c..fb4956f7 100644
--- a/people/8684.html
+++ b/people/8684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8685.html b/people/8685.html
index 0fbf9022..7f85f391 100644
--- a/people/8685.html
+++ b/people/8685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8686.html b/people/8686.html
index c3681a5b..5e464641 100644
--- a/people/8686.html
+++ b/people/8686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8687.html b/people/8687.html
index 7485ddd2..6c561849 100644
--- a/people/8687.html
+++ b/people/8687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8688.html b/people/8688.html
index 13e5ad21..a0ae4c5b 100644
--- a/people/8688.html
+++ b/people/8688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8689.html b/people/8689.html
index 6f466aff..818a2739 100644
--- a/people/8689.html
+++ b/people/8689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/869.html b/people/869.html
index a0e33692..dc6473df 100644
--- a/people/869.html
+++ b/people/869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8690.html b/people/8690.html
index 755b7db5..d4a61926 100644
--- a/people/8690.html
+++ b/people/8690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8691.html b/people/8691.html
index d98738f8..30882c75 100644
--- a/people/8691.html
+++ b/people/8691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8692.html b/people/8692.html
index 412cdc20..141b8e09 100644
--- a/people/8692.html
+++ b/people/8692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8693.html b/people/8693.html
index 1afc60de..672d015b 100644
--- a/people/8693.html
+++ b/people/8693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8694.html b/people/8694.html
index 05a8724d..843bf5ba 100644
--- a/people/8694.html
+++ b/people/8694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8695.html b/people/8695.html
index 45202628..24f693da 100644
--- a/people/8695.html
+++ b/people/8695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8696.html b/people/8696.html
index 1e5dde77..0538204e 100644
--- a/people/8696.html
+++ b/people/8696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8697.html b/people/8697.html
index 7475b64b..7910553d 100644
--- a/people/8697.html
+++ b/people/8697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8698.html b/people/8698.html
index 8fe28b95..a89086e4 100644
--- a/people/8698.html
+++ b/people/8698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8699.html b/people/8699.html
index 66209b08..e2515fca 100644
--- a/people/8699.html
+++ b/people/8699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/87.html b/people/87.html
index 62315079..d229c66c 100644
--- a/people/87.html
+++ b/people/87.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/870.html b/people/870.html
index dd42d905..5f27ec26 100644
--- a/people/870.html
+++ b/people/870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8700.html b/people/8700.html
index e4102e60..72acc6b9 100644
--- a/people/8700.html
+++ b/people/8700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8701.html b/people/8701.html
index c3f17cc0..f1792943 100644
--- a/people/8701.html
+++ b/people/8701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8702.html b/people/8702.html
index 30a5266b..229099b5 100644
--- a/people/8702.html
+++ b/people/8702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8703.html b/people/8703.html
index ffacb6fe..73daf4d3 100644
--- a/people/8703.html
+++ b/people/8703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8704.html b/people/8704.html
index 170c937a..a9fa2b6d 100644
--- a/people/8704.html
+++ b/people/8704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8705.html b/people/8705.html
index 433428c5..1d4b19e7 100644
--- a/people/8705.html
+++ b/people/8705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8706.html b/people/8706.html
index 430d1375..bbbea3ab 100644
--- a/people/8706.html
+++ b/people/8706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8707.html b/people/8707.html
index e8fd2c93..ed0ee3cb 100644
--- a/people/8707.html
+++ b/people/8707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8708.html b/people/8708.html
index 1d15204e..c20a4829 100644
--- a/people/8708.html
+++ b/people/8708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8709.html b/people/8709.html
index ef17b9e1..a777cb99 100644
--- a/people/8709.html
+++ b/people/8709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/871.html b/people/871.html
index 043d8472..d000ca35 100644
--- a/people/871.html
+++ b/people/871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8710.html b/people/8710.html
index b0fb7dd6..3d3d0eeb 100644
--- a/people/8710.html
+++ b/people/8710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8711.html b/people/8711.html
index 0d522a97..82d7be50 100644
--- a/people/8711.html
+++ b/people/8711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8712.html b/people/8712.html
index ba6c4d8d..128aff09 100644
--- a/people/8712.html
+++ b/people/8712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8713.html b/people/8713.html
index fe93ade5..bef0076e 100644
--- a/people/8713.html
+++ b/people/8713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8714.html b/people/8714.html
index 61c58f5e..e3bad262 100644
--- a/people/8714.html
+++ b/people/8714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8715.html b/people/8715.html
index f980ef03..8a1b95e8 100644
--- a/people/8715.html
+++ b/people/8715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8716.html b/people/8716.html
index 89ac10f2..9c523aec 100644
--- a/people/8716.html
+++ b/people/8716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8717.html b/people/8717.html
index 124736e6..f435d1f9 100644
--- a/people/8717.html
+++ b/people/8717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8718.html b/people/8718.html
index 848257bb..f0695c7a 100644
--- a/people/8718.html
+++ b/people/8718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8719.html b/people/8719.html
index 342f4568..97286860 100644
--- a/people/8719.html
+++ b/people/8719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/872.html b/people/872.html
index f90810c2..4cd797f3 100644
--- a/people/872.html
+++ b/people/872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8720.html b/people/8720.html
index db54fced..41ed9997 100644
--- a/people/8720.html
+++ b/people/8720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8721.html b/people/8721.html
index 2b1d0f23..1435a386 100644
--- a/people/8721.html
+++ b/people/8721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8722.html b/people/8722.html
index 3e08ba3a..bedb24fd 100644
--- a/people/8722.html
+++ b/people/8722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8723.html b/people/8723.html
index 9b9d484d..07e27c5c 100644
--- a/people/8723.html
+++ b/people/8723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8724.html b/people/8724.html
index 0609aa42..0db712a4 100644
--- a/people/8724.html
+++ b/people/8724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8725.html b/people/8725.html
index 32e35a33..8906a4e4 100644
--- a/people/8725.html
+++ b/people/8725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8726.html b/people/8726.html
index a88eb7c9..3fb4994c 100644
--- a/people/8726.html
+++ b/people/8726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8727.html b/people/8727.html
index f9052c76..ff73df10 100644
--- a/people/8727.html
+++ b/people/8727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8728.html b/people/8728.html
index 81e58ec2..d5a2753f 100644
--- a/people/8728.html
+++ b/people/8728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8729.html b/people/8729.html
index 74a94d8c..b18a3f4f 100644
--- a/people/8729.html
+++ b/people/8729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/873.html b/people/873.html
index a9fc3cac..01732291 100644
--- a/people/873.html
+++ b/people/873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8730.html b/people/8730.html
index ae91a0f1..6bbca5ec 100644
--- a/people/8730.html
+++ b/people/8730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8731.html b/people/8731.html
index d2f5963b..062f822a 100644
--- a/people/8731.html
+++ b/people/8731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8732.html b/people/8732.html
index ab7eedbd..6cc26997 100644
--- a/people/8732.html
+++ b/people/8732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8733.html b/people/8733.html
index 6987dbf8..413fd1a7 100644
--- a/people/8733.html
+++ b/people/8733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8734.html b/people/8734.html
index fab61e67..72a9b11e 100644
--- a/people/8734.html
+++ b/people/8734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8735.html b/people/8735.html
index 68318514..d2f12dbe 100644
--- a/people/8735.html
+++ b/people/8735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8736.html b/people/8736.html
index 39777573..6b3d71a7 100644
--- a/people/8736.html
+++ b/people/8736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8737.html b/people/8737.html
index b529a815..db3f3d98 100644
--- a/people/8737.html
+++ b/people/8737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8738.html b/people/8738.html
index 2ccc26dc..792a63af 100644
--- a/people/8738.html
+++ b/people/8738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8739.html b/people/8739.html
index 6e6eec7d..3d574f74 100644
--- a/people/8739.html
+++ b/people/8739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/874.html b/people/874.html
index 6b89ac03..7d71537e 100644
--- a/people/874.html
+++ b/people/874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8740.html b/people/8740.html
index ce4f52f2..06b1d52a 100644
--- a/people/8740.html
+++ b/people/8740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8741.html b/people/8741.html
index 0e5924dc..86b52a55 100644
--- a/people/8741.html
+++ b/people/8741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8742.html b/people/8742.html
index 3a5de4ef..d1c83ca4 100644
--- a/people/8742.html
+++ b/people/8742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8743.html b/people/8743.html
index a698758a..f365be6e 100644
--- a/people/8743.html
+++ b/people/8743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8744.html b/people/8744.html
index 9b81e607..82aa9ad8 100644
--- a/people/8744.html
+++ b/people/8744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8745.html b/people/8745.html
index dca3c488..54e030a7 100644
--- a/people/8745.html
+++ b/people/8745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8746.html b/people/8746.html
index ec28c6bd..ab6d5530 100644
--- a/people/8746.html
+++ b/people/8746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8747.html b/people/8747.html
index 4f88a389..c203578b 100644
--- a/people/8747.html
+++ b/people/8747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8748.html b/people/8748.html
index 3703be54..6cdcfb04 100644
--- a/people/8748.html
+++ b/people/8748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8749.html b/people/8749.html
index a5a567be..15e9c117 100644
--- a/people/8749.html
+++ b/people/8749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/875.html b/people/875.html
index a0e6368b..e5fe9e99 100644
--- a/people/875.html
+++ b/people/875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8750.html b/people/8750.html
index 73a28de1..3edd74da 100644
--- a/people/8750.html
+++ b/people/8750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8751.html b/people/8751.html
index a6a5607c..a8249bc6 100644
--- a/people/8751.html
+++ b/people/8751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8752.html b/people/8752.html
index 30fae190..b55779af 100644
--- a/people/8752.html
+++ b/people/8752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8753.html b/people/8753.html
index 49da0693..0149fe36 100644
--- a/people/8753.html
+++ b/people/8753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8754.html b/people/8754.html
index 65205ebb..43ec7ac2 100644
--- a/people/8754.html
+++ b/people/8754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8755.html b/people/8755.html
index 3f92326d..27fcfec7 100644
--- a/people/8755.html
+++ b/people/8755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8756.html b/people/8756.html
index f6edfb73..5965ef4d 100644
--- a/people/8756.html
+++ b/people/8756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8757.html b/people/8757.html
index d876d628..e1f546ee 100644
--- a/people/8757.html
+++ b/people/8757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8758.html b/people/8758.html
index 56fd5fc3..4ffb9584 100644
--- a/people/8758.html
+++ b/people/8758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8759.html b/people/8759.html
index 342ccb06..3026c8e5 100644
--- a/people/8759.html
+++ b/people/8759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/876.html b/people/876.html
index 4adf25ef..4a950397 100644
--- a/people/876.html
+++ b/people/876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8760.html b/people/8760.html
index c7c21753..9bb0a204 100644
--- a/people/8760.html
+++ b/people/8760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8761.html b/people/8761.html
index 1bf0d391..d828feae 100644
--- a/people/8761.html
+++ b/people/8761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8762.html b/people/8762.html
index 2eb7c34b..a4d6f9bc 100644
--- a/people/8762.html
+++ b/people/8762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8763.html b/people/8763.html
index cac94d6e..696adb42 100644
--- a/people/8763.html
+++ b/people/8763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8764.html b/people/8764.html
index 20a297f1..e354f2a8 100644
--- a/people/8764.html
+++ b/people/8764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8765.html b/people/8765.html
index 9cfc07f6..daf5ef8d 100644
--- a/people/8765.html
+++ b/people/8765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8766.html b/people/8766.html
index 7998faed..d72de000 100644
--- a/people/8766.html
+++ b/people/8766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8767.html b/people/8767.html
index ee20e246..3ef65dc9 100644
--- a/people/8767.html
+++ b/people/8767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8768.html b/people/8768.html
index dc83aeee..662c3054 100644
--- a/people/8768.html
+++ b/people/8768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8769.html b/people/8769.html
index 24558209..b2cf9311 100644
--- a/people/8769.html
+++ b/people/8769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/877.html b/people/877.html
index 863225de..d4ee77a6 100644
--- a/people/877.html
+++ b/people/877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8770.html b/people/8770.html
index 31a21bb9..1eaf4610 100644
--- a/people/8770.html
+++ b/people/8770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8771.html b/people/8771.html
index e9c3c1df..718f797d 100644
--- a/people/8771.html
+++ b/people/8771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8772.html b/people/8772.html
index 83873dbd..100a3a07 100644
--- a/people/8772.html
+++ b/people/8772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8773.html b/people/8773.html
index 14f286c0..dc0f9aaf 100644
--- a/people/8773.html
+++ b/people/8773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8774.html b/people/8774.html
index 2fbd048a..a426cd2d 100644
--- a/people/8774.html
+++ b/people/8774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8775.html b/people/8775.html
index 8fca9b2c..635f8a64 100644
--- a/people/8775.html
+++ b/people/8775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8776.html b/people/8776.html
index 93a0043d..87f15a66 100644
--- a/people/8776.html
+++ b/people/8776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8777.html b/people/8777.html
index 8d78d1f0..179b6599 100644
--- a/people/8777.html
+++ b/people/8777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8778.html b/people/8778.html
index 20255132..8f4c3eea 100644
--- a/people/8778.html
+++ b/people/8778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8779.html b/people/8779.html
index 89094cdf..da5ca1e7 100644
--- a/people/8779.html
+++ b/people/8779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/878.html b/people/878.html
index 6a30a5a2..ed86d9fc 100644
--- a/people/878.html
+++ b/people/878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8780.html b/people/8780.html
index 93c8494b..b2fa58c6 100644
--- a/people/8780.html
+++ b/people/8780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8781.html b/people/8781.html
index 0d749c21..0a00ed41 100644
--- a/people/8781.html
+++ b/people/8781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8782.html b/people/8782.html
index dcf3b18d..eb63e13c 100644
--- a/people/8782.html
+++ b/people/8782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8783.html b/people/8783.html
index 41e0ab22..8ec91b7e 100644
--- a/people/8783.html
+++ b/people/8783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8784.html b/people/8784.html
index 0087e684..3c2ee043 100644
--- a/people/8784.html
+++ b/people/8784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8785.html b/people/8785.html
index ec8999d3..ea5de359 100644
--- a/people/8785.html
+++ b/people/8785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8786.html b/people/8786.html
index 8c40a0ad..9fbae581 100644
--- a/people/8786.html
+++ b/people/8786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8787.html b/people/8787.html
index 0c4dde45..161f2f02 100644
--- a/people/8787.html
+++ b/people/8787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8788.html b/people/8788.html
index b59004f4..2fc8a397 100644
--- a/people/8788.html
+++ b/people/8788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8789.html b/people/8789.html
index d4c62f02..fff83758 100644
--- a/people/8789.html
+++ b/people/8789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/879.html b/people/879.html
index 352a74e8..ec8d3ca9 100644
--- a/people/879.html
+++ b/people/879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8790.html b/people/8790.html
index 0b4b339c..69de57f1 100644
--- a/people/8790.html
+++ b/people/8790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8791.html b/people/8791.html
index 3c9b0eea..e911a34c 100644
--- a/people/8791.html
+++ b/people/8791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8792.html b/people/8792.html
index c2daf7b5..aa2216db 100644
--- a/people/8792.html
+++ b/people/8792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8793.html b/people/8793.html
index 368bcc9a..98cbfaa0 100644
--- a/people/8793.html
+++ b/people/8793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8794.html b/people/8794.html
index e621f426..0dc5a418 100644
--- a/people/8794.html
+++ b/people/8794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8795.html b/people/8795.html
index f661fba0..aa1dd16e 100644
--- a/people/8795.html
+++ b/people/8795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8796.html b/people/8796.html
index 6acdff7f..43602a54 100644
--- a/people/8796.html
+++ b/people/8796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8797.html b/people/8797.html
index b6af3392..9cfb6494 100644
--- a/people/8797.html
+++ b/people/8797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8798.html b/people/8798.html
index 90ac1bc4..d7e52f87 100644
--- a/people/8798.html
+++ b/people/8798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8799.html b/people/8799.html
index 383a0dea..730f3c91 100644
--- a/people/8799.html
+++ b/people/8799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/88.html b/people/88.html
index 1cd3c7cf..1b0514f7 100644
--- a/people/88.html
+++ b/people/88.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/880.html b/people/880.html
index 47b97d5d..ebdcc8f7 100644
--- a/people/880.html
+++ b/people/880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8800.html b/people/8800.html
index ab0de536..ec1d5546 100644
--- a/people/8800.html
+++ b/people/8800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8801.html b/people/8801.html
index 311b042f..74190bb1 100644
--- a/people/8801.html
+++ b/people/8801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8802.html b/people/8802.html
index 72ef3c22..f0c1f748 100644
--- a/people/8802.html
+++ b/people/8802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8803.html b/people/8803.html
index 8b506e85..96bc7efa 100644
--- a/people/8803.html
+++ b/people/8803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8804.html b/people/8804.html
index 295fb8d5..1b354880 100644
--- a/people/8804.html
+++ b/people/8804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8805.html b/people/8805.html
index 2bcd020c..fe1b2c9a 100644
--- a/people/8805.html
+++ b/people/8805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8806.html b/people/8806.html
index 9c56f0d3..f8de2a08 100644
--- a/people/8806.html
+++ b/people/8806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8807.html b/people/8807.html
index 177a101b..37c29c3a 100644
--- a/people/8807.html
+++ b/people/8807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8808.html b/people/8808.html
index 50e1d8a8..268f75f0 100644
--- a/people/8808.html
+++ b/people/8808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8809.html b/people/8809.html
index 046c6f5f..ba028920 100644
--- a/people/8809.html
+++ b/people/8809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/881.html b/people/881.html
index 08371f7b..84efbfef 100644
--- a/people/881.html
+++ b/people/881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8810.html b/people/8810.html
index 1c48863c..4a4284f9 100644
--- a/people/8810.html
+++ b/people/8810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8811.html b/people/8811.html
index 294def6b..e01e3532 100644
--- a/people/8811.html
+++ b/people/8811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8812.html b/people/8812.html
index c2cfbaf0..ce5724cd 100644
--- a/people/8812.html
+++ b/people/8812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8813.html b/people/8813.html
index e6f4ef04..dd36ada9 100644
--- a/people/8813.html
+++ b/people/8813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8814.html b/people/8814.html
index 797244aa..168b1810 100644
--- a/people/8814.html
+++ b/people/8814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8815.html b/people/8815.html
index 98532299..f3de09cd 100644
--- a/people/8815.html
+++ b/people/8815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8816.html b/people/8816.html
index 9a05afc7..e0684dc0 100644
--- a/people/8816.html
+++ b/people/8816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8817.html b/people/8817.html
index 4e9e36d2..ac4e95ac 100644
--- a/people/8817.html
+++ b/people/8817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8818.html b/people/8818.html
index 3b521dc6..13bad758 100644
--- a/people/8818.html
+++ b/people/8818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8819.html b/people/8819.html
index 5e99da87..6fcd5d18 100644
--- a/people/8819.html
+++ b/people/8819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/882.html b/people/882.html
index 4b5e045e..e72ad97b 100644
--- a/people/882.html
+++ b/people/882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8820.html b/people/8820.html
index 7ed09c54..1dccfce1 100644
--- a/people/8820.html
+++ b/people/8820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8821.html b/people/8821.html
index f007ee3d..e038cded 100644
--- a/people/8821.html
+++ b/people/8821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8822.html b/people/8822.html
index 21270336..c46adaaa 100644
--- a/people/8822.html
+++ b/people/8822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8823.html b/people/8823.html
index 62deffab..2e30189e 100644
--- a/people/8823.html
+++ b/people/8823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8824.html b/people/8824.html
index e87ec6f4..c2fb840c 100644
--- a/people/8824.html
+++ b/people/8824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8825.html b/people/8825.html
index 59a153b1..e1b6df1e 100644
--- a/people/8825.html
+++ b/people/8825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8826.html b/people/8826.html
index 980d12a0..ba464cef 100644
--- a/people/8826.html
+++ b/people/8826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8827.html b/people/8827.html
index 986fe7fc..3e93f6ba 100644
--- a/people/8827.html
+++ b/people/8827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8828.html b/people/8828.html
index c6521399..75e3fa6e 100644
--- a/people/8828.html
+++ b/people/8828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8829.html b/people/8829.html
index 8adf41a6..7bf00354 100644
--- a/people/8829.html
+++ b/people/8829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/883.html b/people/883.html
index 3315ce2e..0d1e2088 100644
--- a/people/883.html
+++ b/people/883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8830.html b/people/8830.html
index c2abe342..a7aa6b6e 100644
--- a/people/8830.html
+++ b/people/8830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8831.html b/people/8831.html
index 89db1ddf..ec37cc6f 100644
--- a/people/8831.html
+++ b/people/8831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8832.html b/people/8832.html
index 4c9b1fd7..e86cb30f 100644
--- a/people/8832.html
+++ b/people/8832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8833.html b/people/8833.html
index 7d367cfa..55b3b757 100644
--- a/people/8833.html
+++ b/people/8833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8834.html b/people/8834.html
index 7d367cfa..55b3b757 100644
--- a/people/8834.html
+++ b/people/8834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8835.html b/people/8835.html
index e3ec32e1..bc22f0e5 100644
--- a/people/8835.html
+++ b/people/8835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8836.html b/people/8836.html
index b7b87578..ce8cbb32 100644
--- a/people/8836.html
+++ b/people/8836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8837.html b/people/8837.html
index d881d9e1..ffead07d 100644
--- a/people/8837.html
+++ b/people/8837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8838.html b/people/8838.html
index 4e81a739..3025b17f 100644
--- a/people/8838.html
+++ b/people/8838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8839.html b/people/8839.html
index 361f30ae..2556a4c7 100644
--- a/people/8839.html
+++ b/people/8839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/884.html b/people/884.html
index 3dd536ae..977d7b40 100644
--- a/people/884.html
+++ b/people/884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8840.html b/people/8840.html
index e924b2ff..9b1290e2 100644
--- a/people/8840.html
+++ b/people/8840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8841.html b/people/8841.html
index 6247d22c..9541072a 100644
--- a/people/8841.html
+++ b/people/8841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8842.html b/people/8842.html
index 71d83e1c..85cb4a1b 100644
--- a/people/8842.html
+++ b/people/8842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8843.html b/people/8843.html
index 6c496b54..5044cd2b 100644
--- a/people/8843.html
+++ b/people/8843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8844.html b/people/8844.html
index c8341ae7..9d5dff88 100644
--- a/people/8844.html
+++ b/people/8844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8845.html b/people/8845.html
index c1ba86d8..a0760554 100644
--- a/people/8845.html
+++ b/people/8845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8846.html b/people/8846.html
index cf0d8df5..3404d8bf 100644
--- a/people/8846.html
+++ b/people/8846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8847.html b/people/8847.html
index c047d9f4..93d9a92c 100644
--- a/people/8847.html
+++ b/people/8847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8848.html b/people/8848.html
index 7ce9d757..29a7f68d 100644
--- a/people/8848.html
+++ b/people/8848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8849.html b/people/8849.html
index 0dd4c47f..c6a3805c 100644
--- a/people/8849.html
+++ b/people/8849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/885.html b/people/885.html
index cc967253..89d280dc 100644
--- a/people/885.html
+++ b/people/885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8850.html b/people/8850.html
index 66b5cf36..75c8df4d 100644
--- a/people/8850.html
+++ b/people/8850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8851.html b/people/8851.html
index 88b36799..e6a83360 100644
--- a/people/8851.html
+++ b/people/8851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8852.html b/people/8852.html
index 4cc7d34b..354fa23a 100644
--- a/people/8852.html
+++ b/people/8852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8853.html b/people/8853.html
index e263e21c..77ab92c6 100644
--- a/people/8853.html
+++ b/people/8853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8854.html b/people/8854.html
index 73346eb4..ea989430 100644
--- a/people/8854.html
+++ b/people/8854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8855.html b/people/8855.html
index d6e8f6d4..5bd7eff0 100644
--- a/people/8855.html
+++ b/people/8855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8856.html b/people/8856.html
index f869b3c2..b8ef6849 100644
--- a/people/8856.html
+++ b/people/8856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8857.html b/people/8857.html
index cab85f79..4550309d 100644
--- a/people/8857.html
+++ b/people/8857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8858.html b/people/8858.html
index c2abe7f3..687c625f 100644
--- a/people/8858.html
+++ b/people/8858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8859.html b/people/8859.html
index c8d9cb55..d36cb0b0 100644
--- a/people/8859.html
+++ b/people/8859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/886.html b/people/886.html
index faa83f43..3b66accc 100644
--- a/people/886.html
+++ b/people/886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8860.html b/people/8860.html
index 9165d2c8..cbb191cf 100644
--- a/people/8860.html
+++ b/people/8860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8861.html b/people/8861.html
index 2dd9e6db..7397270b 100644
--- a/people/8861.html
+++ b/people/8861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8862.html b/people/8862.html
index d9de7043..4491da36 100644
--- a/people/8862.html
+++ b/people/8862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8863.html b/people/8863.html
index 61729dc2..753760fc 100644
--- a/people/8863.html
+++ b/people/8863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8864.html b/people/8864.html
index aeee2fde..9963f0e7 100644
--- a/people/8864.html
+++ b/people/8864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8865.html b/people/8865.html
index 2b7d852e..1c6810be 100644
--- a/people/8865.html
+++ b/people/8865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8866.html b/people/8866.html
index 748eeb78..1c8a41d5 100644
--- a/people/8866.html
+++ b/people/8866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8867.html b/people/8867.html
index 0d15bc41..a9495bc8 100644
--- a/people/8867.html
+++ b/people/8867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8868.html b/people/8868.html
index 56496fe0..add9cb1c 100644
--- a/people/8868.html
+++ b/people/8868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8869.html b/people/8869.html
index f65b2845..10e0dc8c 100644
--- a/people/8869.html
+++ b/people/8869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/887.html b/people/887.html
index 1c235ee5..6dc23271 100644
--- a/people/887.html
+++ b/people/887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8870.html b/people/8870.html
index 5074100a..3e9f0035 100644
--- a/people/8870.html
+++ b/people/8870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8871.html b/people/8871.html
index 1f34fd37..c4c6383e 100644
--- a/people/8871.html
+++ b/people/8871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8872.html b/people/8872.html
index d608b698..91c11246 100644
--- a/people/8872.html
+++ b/people/8872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8873.html b/people/8873.html
index 87ba904f..0c9e3baa 100644
--- a/people/8873.html
+++ b/people/8873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8874.html b/people/8874.html
index 91e8175e..b51876d0 100644
--- a/people/8874.html
+++ b/people/8874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8875.html b/people/8875.html
index 7b0d8d0c..493581da 100644
--- a/people/8875.html
+++ b/people/8875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8876.html b/people/8876.html
index e82f3ec6..ffd2caee 100644
--- a/people/8876.html
+++ b/people/8876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8877.html b/people/8877.html
index ee0552dc..2a6a5fab 100644
--- a/people/8877.html
+++ b/people/8877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8878.html b/people/8878.html
index 6c0839e5..4b2e4244 100644
--- a/people/8878.html
+++ b/people/8878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8879.html b/people/8879.html
index b063a3bf..14538920 100644
--- a/people/8879.html
+++ b/people/8879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/888.html b/people/888.html
index a479c5cb..4e36de47 100644
--- a/people/888.html
+++ b/people/888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8880.html b/people/8880.html
index 61e8d143..ceef7f39 100644
--- a/people/8880.html
+++ b/people/8880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8881.html b/people/8881.html
index 0d496f73..5c82e8a9 100644
--- a/people/8881.html
+++ b/people/8881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8882.html b/people/8882.html
index 6568938b..2b7e2594 100644
--- a/people/8882.html
+++ b/people/8882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8883.html b/people/8883.html
index 6625dde0..f19266d5 100644
--- a/people/8883.html
+++ b/people/8883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8884.html b/people/8884.html
index 9eb4af5a..a7fec02d 100644
--- a/people/8884.html
+++ b/people/8884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8885.html b/people/8885.html
index e8eaf02a..4e0bc13d 100644
--- a/people/8885.html
+++ b/people/8885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8886.html b/people/8886.html
index 09be6ff0..98775c58 100644
--- a/people/8886.html
+++ b/people/8886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8887.html b/people/8887.html
index ab67d236..5974a7f3 100644
--- a/people/8887.html
+++ b/people/8887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8888.html b/people/8888.html
index 37f06ac7..4a948fe1 100644
--- a/people/8888.html
+++ b/people/8888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8889.html b/people/8889.html
index dcb34493..2a6391b1 100644
--- a/people/8889.html
+++ b/people/8889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/889.html b/people/889.html
index d45c3d01..e19b7f49 100644
--- a/people/889.html
+++ b/people/889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8890.html b/people/8890.html
index 2f918e8c..72080398 100644
--- a/people/8890.html
+++ b/people/8890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8891.html b/people/8891.html
index a1774cae..731afc08 100644
--- a/people/8891.html
+++ b/people/8891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8892.html b/people/8892.html
index e7ae0b5b..28fc9f46 100644
--- a/people/8892.html
+++ b/people/8892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8893.html b/people/8893.html
index 3e80ddf0..9f8bb949 100644
--- a/people/8893.html
+++ b/people/8893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8894.html b/people/8894.html
index bf1d799b..a784e177 100644
--- a/people/8894.html
+++ b/people/8894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8895.html b/people/8895.html
index 57df3380..fb081622 100644
--- a/people/8895.html
+++ b/people/8895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8896.html b/people/8896.html
index 55c822e4..72541ed7 100644
--- a/people/8896.html
+++ b/people/8896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8897.html b/people/8897.html
index ee320d58..56a7b413 100644
--- a/people/8897.html
+++ b/people/8897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8898.html b/people/8898.html
index a6ecaf5d..6a0cae1b 100644
--- a/people/8898.html
+++ b/people/8898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8899.html b/people/8899.html
index 352a71de..82dd8e27 100644
--- a/people/8899.html
+++ b/people/8899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/89.html b/people/89.html
index a86b99e9..15653b29 100644
--- a/people/89.html
+++ b/people/89.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/890.html b/people/890.html
index a7887d37..2e715a95 100644
--- a/people/890.html
+++ b/people/890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8900.html b/people/8900.html
index 02b9b2fc..f99ab0af 100644
--- a/people/8900.html
+++ b/people/8900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8901.html b/people/8901.html
index 7e2bd16c..d06ad8a7 100644
--- a/people/8901.html
+++ b/people/8901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8902.html b/people/8902.html
index c0ab5622..eb81409d 100644
--- a/people/8902.html
+++ b/people/8902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8903.html b/people/8903.html
index 38ea9867..a40c2c6c 100644
--- a/people/8903.html
+++ b/people/8903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8904.html b/people/8904.html
index 1fcbdab7..f744f398 100644
--- a/people/8904.html
+++ b/people/8904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8905.html b/people/8905.html
index 9b1a0102..c3a3f362 100644
--- a/people/8905.html
+++ b/people/8905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8906.html b/people/8906.html
index bf7033f2..a6d2235c 100644
--- a/people/8906.html
+++ b/people/8906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8907.html b/people/8907.html
index f7f3707b..27dd7fa7 100644
--- a/people/8907.html
+++ b/people/8907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8908.html b/people/8908.html
index d922b6ea..30316ad4 100644
--- a/people/8908.html
+++ b/people/8908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8909.html b/people/8909.html
index 309bbeb4..ab1db63b 100644
--- a/people/8909.html
+++ b/people/8909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/891.html b/people/891.html
index 3c42fa01..dbf62242 100644
--- a/people/891.html
+++ b/people/891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8910.html b/people/8910.html
index 8677ec8d..f2c32609 100644
--- a/people/8910.html
+++ b/people/8910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8911.html b/people/8911.html
index 04689237..60b69c53 100644
--- a/people/8911.html
+++ b/people/8911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8912.html b/people/8912.html
index 64c66402..0e7f79bb 100644
--- a/people/8912.html
+++ b/people/8912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8913.html b/people/8913.html
index 2087c9f0..35161c2b 100644
--- a/people/8913.html
+++ b/people/8913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8914.html b/people/8914.html
index 97470c4e..fe68da5b 100644
--- a/people/8914.html
+++ b/people/8914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8915.html b/people/8915.html
index fef1586e..07ecc782 100644
--- a/people/8915.html
+++ b/people/8915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8916.html b/people/8916.html
index 267644ae..955758af 100644
--- a/people/8916.html
+++ b/people/8916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8917.html b/people/8917.html
index 735f2f7e..748eb4b1 100644
--- a/people/8917.html
+++ b/people/8917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8918.html b/people/8918.html
index f734dc7a..c30a20f1 100644
--- a/people/8918.html
+++ b/people/8918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8919.html b/people/8919.html
index 98fee40c..489d3f9e 100644
--- a/people/8919.html
+++ b/people/8919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/892.html b/people/892.html
index e4f2cbe4..0965c85a 100644
--- a/people/892.html
+++ b/people/892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8920.html b/people/8920.html
index 0d429230..756fbc94 100644
--- a/people/8920.html
+++ b/people/8920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8921.html b/people/8921.html
index 65ea158e..72506c89 100644
--- a/people/8921.html
+++ b/people/8921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8922.html b/people/8922.html
index c42ea4fe..fbd98255 100644
--- a/people/8922.html
+++ b/people/8922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8923.html b/people/8923.html
index 37e48a21..f8cad750 100644
--- a/people/8923.html
+++ b/people/8923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8924.html b/people/8924.html
index 4b3b321a..5babc80a 100644
--- a/people/8924.html
+++ b/people/8924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8925.html b/people/8925.html
index 6e1c54fa..f94905b2 100644
--- a/people/8925.html
+++ b/people/8925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8926.html b/people/8926.html
index 94bee006..7bfbc97f 100644
--- a/people/8926.html
+++ b/people/8926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8927.html b/people/8927.html
index eddb1fb3..0632d525 100644
--- a/people/8927.html
+++ b/people/8927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8928.html b/people/8928.html
index 30921b72..9ebd6fd7 100644
--- a/people/8928.html
+++ b/people/8928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8929.html b/people/8929.html
index 2d944593..1949488a 100644
--- a/people/8929.html
+++ b/people/8929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/893.html b/people/893.html
index 1b880078..fcd9bee8 100644
--- a/people/893.html
+++ b/people/893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8930.html b/people/8930.html
index 351d0910..d2441483 100644
--- a/people/8930.html
+++ b/people/8930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8931.html b/people/8931.html
index 3dc1dab1..c455a45d 100644
--- a/people/8931.html
+++ b/people/8931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8932.html b/people/8932.html
index 5a5324af..bc97640f 100644
--- a/people/8932.html
+++ b/people/8932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8933.html b/people/8933.html
index 6c4c9f8f..137efb13 100644
--- a/people/8933.html
+++ b/people/8933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8934.html b/people/8934.html
index d8c7c1d1..e1943bab 100644
--- a/people/8934.html
+++ b/people/8934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8935.html b/people/8935.html
index ffe7dafc..a6ce27a1 100644
--- a/people/8935.html
+++ b/people/8935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8936.html b/people/8936.html
index 09b9a08d..2445cacd 100644
--- a/people/8936.html
+++ b/people/8936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8937.html b/people/8937.html
index bfb0a6d8..77c42a00 100644
--- a/people/8937.html
+++ b/people/8937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8938.html b/people/8938.html
index b861b3ae..0ef416d5 100644
--- a/people/8938.html
+++ b/people/8938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8939.html b/people/8939.html
index 52bbeb6a..20226d93 100644
--- a/people/8939.html
+++ b/people/8939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/894.html b/people/894.html
index f327a0ff..5d3f1739 100644
--- a/people/894.html
+++ b/people/894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8940.html b/people/8940.html
index bd6739fb..d93d9c3a 100644
--- a/people/8940.html
+++ b/people/8940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8941.html b/people/8941.html
index f30f146e..e3de1de4 100644
--- a/people/8941.html
+++ b/people/8941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8942.html b/people/8942.html
index 645ab340..77462ade 100644
--- a/people/8942.html
+++ b/people/8942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8943.html b/people/8943.html
index 561ca4f9..2b21f31f 100644
--- a/people/8943.html
+++ b/people/8943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8944.html b/people/8944.html
index c26b04b4..8a80ad4d 100644
--- a/people/8944.html
+++ b/people/8944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8945.html b/people/8945.html
index 79e9e9ef..f15113fc 100644
--- a/people/8945.html
+++ b/people/8945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8946.html b/people/8946.html
index 5be0b3dd..0c356539 100644
--- a/people/8946.html
+++ b/people/8946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8947.html b/people/8947.html
index 4d33fa03..eea33369 100644
--- a/people/8947.html
+++ b/people/8947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8948.html b/people/8948.html
index d9c44655..6a9b67e9 100644
--- a/people/8948.html
+++ b/people/8948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8949.html b/people/8949.html
index 8ef1a2a0..2d718b6a 100644
--- a/people/8949.html
+++ b/people/8949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/895.html b/people/895.html
index 8f757f95..864e19f1 100644
--- a/people/895.html
+++ b/people/895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8950.html b/people/8950.html
index 73300faa..62620472 100644
--- a/people/8950.html
+++ b/people/8950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8951.html b/people/8951.html
index a6c40c99..d607e085 100644
--- a/people/8951.html
+++ b/people/8951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8952.html b/people/8952.html
index 70cd5d1a..a617dce7 100644
--- a/people/8952.html
+++ b/people/8952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8953.html b/people/8953.html
index c4ecb035..8bcb18f8 100644
--- a/people/8953.html
+++ b/people/8953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8954.html b/people/8954.html
index 949b2751..5b61cf01 100644
--- a/people/8954.html
+++ b/people/8954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8955.html b/people/8955.html
index f8108149..7ec5bece 100644
--- a/people/8955.html
+++ b/people/8955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8956.html b/people/8956.html
index d9b1b8c7..7cfe78af 100644
--- a/people/8956.html
+++ b/people/8956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8957.html b/people/8957.html
index 5e4bc8c9..f507f407 100644
--- a/people/8957.html
+++ b/people/8957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8958.html b/people/8958.html
index 0db6cd65..eae226d3 100644
--- a/people/8958.html
+++ b/people/8958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8959.html b/people/8959.html
index b0d9a2b6..c7596f4b 100644
--- a/people/8959.html
+++ b/people/8959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/896.html b/people/896.html
index ef7fef5d..185ebaa1 100644
--- a/people/896.html
+++ b/people/896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8960.html b/people/8960.html
index 0ceef44b..04847466 100644
--- a/people/8960.html
+++ b/people/8960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8961.html b/people/8961.html
index 71500813..2aa47bcd 100644
--- a/people/8961.html
+++ b/people/8961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8962.html b/people/8962.html
index 455bd6d0..4d728c6d 100644
--- a/people/8962.html
+++ b/people/8962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8963.html b/people/8963.html
index 70d80d84..faa33372 100644
--- a/people/8963.html
+++ b/people/8963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8964.html b/people/8964.html
index bd79308d..94b37614 100644
--- a/people/8964.html
+++ b/people/8964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8965.html b/people/8965.html
index a6c5148b..7f6adfd1 100644
--- a/people/8965.html
+++ b/people/8965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8966.html b/people/8966.html
index 5cd7ca0b..ed1f5dc5 100644
--- a/people/8966.html
+++ b/people/8966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8967.html b/people/8967.html
index 2a82849a..0fd3c0d0 100644
--- a/people/8967.html
+++ b/people/8967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8968.html b/people/8968.html
index d1ff23ab..8aa2ef70 100644
--- a/people/8968.html
+++ b/people/8968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8969.html b/people/8969.html
index 1893c7b5..39ba1d78 100644
--- a/people/8969.html
+++ b/people/8969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/897.html b/people/897.html
index 9f320938..7af6ff53 100644
--- a/people/897.html
+++ b/people/897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8970.html b/people/8970.html
index 6e85df0b..6ee18230 100644
--- a/people/8970.html
+++ b/people/8970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8971.html b/people/8971.html
index 86aedc04..c434680d 100644
--- a/people/8971.html
+++ b/people/8971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8972.html b/people/8972.html
index 0ea084c4..444d1bea 100644
--- a/people/8972.html
+++ b/people/8972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8973.html b/people/8973.html
index 465be827..3f71a358 100644
--- a/people/8973.html
+++ b/people/8973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8974.html b/people/8974.html
index a5c433ad..a27b3fd4 100644
--- a/people/8974.html
+++ b/people/8974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8975.html b/people/8975.html
index dd7c0da8..44fa43d8 100644
--- a/people/8975.html
+++ b/people/8975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8976.html b/people/8976.html
index 1503157d..2df220a5 100644
--- a/people/8976.html
+++ b/people/8976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8977.html b/people/8977.html
index eb8ed4b6..56bd0973 100644
--- a/people/8977.html
+++ b/people/8977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8978.html b/people/8978.html
index a2aa09b3..dea9c97c 100644
--- a/people/8978.html
+++ b/people/8978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8979.html b/people/8979.html
index 28c193fb..fc2cd2ec 100644
--- a/people/8979.html
+++ b/people/8979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/898.html b/people/898.html
index f7bb6838..35fad673 100644
--- a/people/898.html
+++ b/people/898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8980.html b/people/8980.html
index 837ccd38..41aa4e3a 100644
--- a/people/8980.html
+++ b/people/8980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8981.html b/people/8981.html
index 92cee37b..b83d8f51 100644
--- a/people/8981.html
+++ b/people/8981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8982.html b/people/8982.html
index 9290941a..39865ed6 100644
--- a/people/8982.html
+++ b/people/8982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8983.html b/people/8983.html
index 56ef1f79..660efba3 100644
--- a/people/8983.html
+++ b/people/8983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8984.html b/people/8984.html
index 6383e6c2..d942d8de 100644
--- a/people/8984.html
+++ b/people/8984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8985.html b/people/8985.html
index 5a34dd27..4a378770 100644
--- a/people/8985.html
+++ b/people/8985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8986.html b/people/8986.html
index ef6b4939..a9e54923 100644
--- a/people/8986.html
+++ b/people/8986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8987.html b/people/8987.html
index 7d24dd2c..bc395062 100644
--- a/people/8987.html
+++ b/people/8987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8988.html b/people/8988.html
index 24101fe7..21f31141 100644
--- a/people/8988.html
+++ b/people/8988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8989.html b/people/8989.html
index be279b1a..a6a0bdba 100644
--- a/people/8989.html
+++ b/people/8989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/899.html b/people/899.html
index 6b15c145..dd6536a6 100644
--- a/people/899.html
+++ b/people/899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8990.html b/people/8990.html
index 3d0ccdc9..d1fc45ce 100644
--- a/people/8990.html
+++ b/people/8990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8991.html b/people/8991.html
index 873b303d..35422f5f 100644
--- a/people/8991.html
+++ b/people/8991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8992.html b/people/8992.html
index 38ff3d57..040278a5 100644
--- a/people/8992.html
+++ b/people/8992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8993.html b/people/8993.html
index c6bf5e1b..7b661c27 100644
--- a/people/8993.html
+++ b/people/8993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8994.html b/people/8994.html
index 773a7170..421b3a5a 100644
--- a/people/8994.html
+++ b/people/8994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8995.html b/people/8995.html
index e02455c1..8b610306 100644
--- a/people/8995.html
+++ b/people/8995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8996.html b/people/8996.html
index 73809073..acc92309 100644
--- a/people/8996.html
+++ b/people/8996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8997.html b/people/8997.html
index 40f4e2ab..68a4e696 100644
--- a/people/8997.html
+++ b/people/8997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8998.html b/people/8998.html
index 5519017d..92ac7a39 100644
--- a/people/8998.html
+++ b/people/8998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/8999.html b/people/8999.html
index ce470c56..9434b93e 100644
--- a/people/8999.html
+++ b/people/8999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9.html b/people/9.html
index 2c470075..4c38fcfb 100644
--- a/people/9.html
+++ b/people/9.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/90.html b/people/90.html
index a5ad9255..f5b2626b 100644
--- a/people/90.html
+++ b/people/90.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/900.html b/people/900.html
index 75a616fd..9c3286cc 100644
--- a/people/900.html
+++ b/people/900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9000.html b/people/9000.html
index e85025af..502cf566 100644
--- a/people/9000.html
+++ b/people/9000.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9001.html b/people/9001.html
index 91776282..4ef44135 100644
--- a/people/9001.html
+++ b/people/9001.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9002.html b/people/9002.html
index deecc286..86260488 100644
--- a/people/9002.html
+++ b/people/9002.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9003.html b/people/9003.html
index 1bbf4343..1646a7e3 100644
--- a/people/9003.html
+++ b/people/9003.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9004.html b/people/9004.html
index d0ae5748..cd7346da 100644
--- a/people/9004.html
+++ b/people/9004.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9005.html b/people/9005.html
index 7b191092..69df7fcd 100644
--- a/people/9005.html
+++ b/people/9005.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9006.html b/people/9006.html
index 4420419d..cb43772a 100644
--- a/people/9006.html
+++ b/people/9006.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9007.html b/people/9007.html
index 3da1b767..a6942b68 100644
--- a/people/9007.html
+++ b/people/9007.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9008.html b/people/9008.html
index c20a0dd4..66001c87 100644
--- a/people/9008.html
+++ b/people/9008.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9009.html b/people/9009.html
index f8762114..70c68d46 100644
--- a/people/9009.html
+++ b/people/9009.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/901.html b/people/901.html
index ca8bd596..b8f635a7 100644
--- a/people/901.html
+++ b/people/901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9010.html b/people/9010.html
index 821ff526..ea895121 100644
--- a/people/9010.html
+++ b/people/9010.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9011.html b/people/9011.html
index 6ca6e552..9182bc8c 100644
--- a/people/9011.html
+++ b/people/9011.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9012.html b/people/9012.html
index 4ad00e71..87c5862a 100644
--- a/people/9012.html
+++ b/people/9012.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9013.html b/people/9013.html
index 196b8754..f99dd943 100644
--- a/people/9013.html
+++ b/people/9013.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9014.html b/people/9014.html
index 8519ea7a..2b0d4d1a 100644
--- a/people/9014.html
+++ b/people/9014.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9015.html b/people/9015.html
index 3e5163ac..ec36b824 100644
--- a/people/9015.html
+++ b/people/9015.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9016.html b/people/9016.html
index 481a16c8..7378427d 100644
--- a/people/9016.html
+++ b/people/9016.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9017.html b/people/9017.html
index d6897458..17ce90a4 100644
--- a/people/9017.html
+++ b/people/9017.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9018.html b/people/9018.html
index 39f36172..e8e93bf6 100644
--- a/people/9018.html
+++ b/people/9018.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9019.html b/people/9019.html
index c706aef6..5f8f711b 100644
--- a/people/9019.html
+++ b/people/9019.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/902.html b/people/902.html
index 87ae4ff9..3e518659 100644
--- a/people/902.html
+++ b/people/902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9020.html b/people/9020.html
index 85b0fa87..1820fe80 100644
--- a/people/9020.html
+++ b/people/9020.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9021.html b/people/9021.html
index d5da314a..7965140f 100644
--- a/people/9021.html
+++ b/people/9021.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9022.html b/people/9022.html
index 6b61a25f..67f44a52 100644
--- a/people/9022.html
+++ b/people/9022.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9023.html b/people/9023.html
index 28c0093c..c97f3909 100644
--- a/people/9023.html
+++ b/people/9023.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9024.html b/people/9024.html
index 26d26da3..32955189 100644
--- a/people/9024.html
+++ b/people/9024.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9025.html b/people/9025.html
index 92927f9e..74bb63e2 100644
--- a/people/9025.html
+++ b/people/9025.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9026.html b/people/9026.html
index e11a60e3..4bafedf1 100644
--- a/people/9026.html
+++ b/people/9026.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9027.html b/people/9027.html
index aca62dac..2389f1e3 100644
--- a/people/9027.html
+++ b/people/9027.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9028.html b/people/9028.html
index e44fb4b3..6884592b 100644
--- a/people/9028.html
+++ b/people/9028.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9029.html b/people/9029.html
index 697b6a7a..7efcdf59 100644
--- a/people/9029.html
+++ b/people/9029.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/903.html b/people/903.html
index 14e3c4c1..c2cdbdfd 100644
--- a/people/903.html
+++ b/people/903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9030.html b/people/9030.html
index b5ce1784..27ca8a05 100644
--- a/people/9030.html
+++ b/people/9030.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9031.html b/people/9031.html
index a97a8dad..9871742b 100644
--- a/people/9031.html
+++ b/people/9031.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9032.html b/people/9032.html
index 7cbed14e..1b2c1954 100644
--- a/people/9032.html
+++ b/people/9032.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9033.html b/people/9033.html
index 9c09fe08..0807c028 100644
--- a/people/9033.html
+++ b/people/9033.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9034.html b/people/9034.html
index 14a605c0..d06c0a43 100644
--- a/people/9034.html
+++ b/people/9034.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9035.html b/people/9035.html
index f540dc01..ffb6bc13 100644
--- a/people/9035.html
+++ b/people/9035.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9036.html b/people/9036.html
index b6d81e2d..39f6eefd 100644
--- a/people/9036.html
+++ b/people/9036.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9037.html b/people/9037.html
index c007de34..9a09194f 100644
--- a/people/9037.html
+++ b/people/9037.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9038.html b/people/9038.html
index 82fdffa4..aa2e34d3 100644
--- a/people/9038.html
+++ b/people/9038.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9039.html b/people/9039.html
index 063d0aaa..1aa2d9e3 100644
--- a/people/9039.html
+++ b/people/9039.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/904.html b/people/904.html
index 1300e230..ace1fffd 100644
--- a/people/904.html
+++ b/people/904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9040.html b/people/9040.html
index accf36f1..a54a30f9 100644
--- a/people/9040.html
+++ b/people/9040.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9041.html b/people/9041.html
index c825cf9f..7d1e61e8 100644
--- a/people/9041.html
+++ b/people/9041.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9042.html b/people/9042.html
index 09043c3b..336d01e6 100644
--- a/people/9042.html
+++ b/people/9042.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9043.html b/people/9043.html
index c6c8cfc9..4592ac58 100644
--- a/people/9043.html
+++ b/people/9043.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9044.html b/people/9044.html
index 6d30ac27..802fdfbd 100644
--- a/people/9044.html
+++ b/people/9044.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9045.html b/people/9045.html
index 24e550fe..c2cfe998 100644
--- a/people/9045.html
+++ b/people/9045.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9046.html b/people/9046.html
index 0fe60235..e6b0a0db 100644
--- a/people/9046.html
+++ b/people/9046.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9047.html b/people/9047.html
index 178d8cad..a005d33d 100644
--- a/people/9047.html
+++ b/people/9047.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9048.html b/people/9048.html
index 8e58eda4..2e311d25 100644
--- a/people/9048.html
+++ b/people/9048.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9049.html b/people/9049.html
index 5314f6b4..c0312553 100644
--- a/people/9049.html
+++ b/people/9049.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/905.html b/people/905.html
index 747dd145..1a9c6234 100644
--- a/people/905.html
+++ b/people/905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9050.html b/people/9050.html
index 5ed23179..1628819f 100644
--- a/people/9050.html
+++ b/people/9050.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9051.html b/people/9051.html
index bb0891a9..03f5392b 100644
--- a/people/9051.html
+++ b/people/9051.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9052.html b/people/9052.html
index c1cd6651..46f54f0f 100644
--- a/people/9052.html
+++ b/people/9052.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9053.html b/people/9053.html
index 3c00d691..e8be13f0 100644
--- a/people/9053.html
+++ b/people/9053.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9054.html b/people/9054.html
index 0f885e57..a4854c2e 100644
--- a/people/9054.html
+++ b/people/9054.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9055.html b/people/9055.html
index c048afdc..e240d09e 100644
--- a/people/9055.html
+++ b/people/9055.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9056.html b/people/9056.html
index 5cb6cc11..542c01d3 100644
--- a/people/9056.html
+++ b/people/9056.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9057.html b/people/9057.html
index c0d4ae28..45dca62d 100644
--- a/people/9057.html
+++ b/people/9057.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9058.html b/people/9058.html
index e06963dd..b41ae373 100644
--- a/people/9058.html
+++ b/people/9058.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9059.html b/people/9059.html
index f821e840..8e2bb853 100644
--- a/people/9059.html
+++ b/people/9059.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/906.html b/people/906.html
index 6a50b563..e71bf7dd 100644
--- a/people/906.html
+++ b/people/906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9060.html b/people/9060.html
index 21771871..64fc7f9d 100644
--- a/people/9060.html
+++ b/people/9060.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9061.html b/people/9061.html
index b8e1059d..b8856d70 100644
--- a/people/9061.html
+++ b/people/9061.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9062.html b/people/9062.html
index 2d88da00..37a0364a 100644
--- a/people/9062.html
+++ b/people/9062.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9063.html b/people/9063.html
index 83930209..cc38e706 100644
--- a/people/9063.html
+++ b/people/9063.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9064.html b/people/9064.html
index 0a4687bf..fd5b4228 100644
--- a/people/9064.html
+++ b/people/9064.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9065.html b/people/9065.html
index d2e375a8..ba989068 100644
--- a/people/9065.html
+++ b/people/9065.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9066.html b/people/9066.html
index 20ff4010..a6822569 100644
--- a/people/9066.html
+++ b/people/9066.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9067.html b/people/9067.html
index 6606aab9..364e0477 100644
--- a/people/9067.html
+++ b/people/9067.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9068.html b/people/9068.html
index e0b680ab..99196a9d 100644
--- a/people/9068.html
+++ b/people/9068.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9069.html b/people/9069.html
index 14e262ba..1dfab161 100644
--- a/people/9069.html
+++ b/people/9069.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/907.html b/people/907.html
index 91784aec..a7eee21c 100644
--- a/people/907.html
+++ b/people/907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9070.html b/people/9070.html
index ef9fca26..bfe7045f 100644
--- a/people/9070.html
+++ b/people/9070.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9071.html b/people/9071.html
index b70fe388..53d05eec 100644
--- a/people/9071.html
+++ b/people/9071.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9072.html b/people/9072.html
index 94cc1c2f..136a5f54 100644
--- a/people/9072.html
+++ b/people/9072.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9073.html b/people/9073.html
index 583ecedb..a405a472 100644
--- a/people/9073.html
+++ b/people/9073.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9074.html b/people/9074.html
index 0dd59f61..e3cf3367 100644
--- a/people/9074.html
+++ b/people/9074.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9075.html b/people/9075.html
index b1f7737a..cec66fb3 100644
--- a/people/9075.html
+++ b/people/9075.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9076.html b/people/9076.html
index 1adf5969..f2de9f06 100644
--- a/people/9076.html
+++ b/people/9076.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9077.html b/people/9077.html
index ea6f584b..4d6870b8 100644
--- a/people/9077.html
+++ b/people/9077.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9078.html b/people/9078.html
index 937e8300..16e92a0d 100644
--- a/people/9078.html
+++ b/people/9078.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9079.html b/people/9079.html
index 3f11026b..3dfe11fb 100644
--- a/people/9079.html
+++ b/people/9079.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/908.html b/people/908.html
index 59cfdbca..17744ec8 100644
--- a/people/908.html
+++ b/people/908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9080.html b/people/9080.html
index 446552ee..2dee7240 100644
--- a/people/9080.html
+++ b/people/9080.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9081.html b/people/9081.html
index 49e04ac3..f5378ac3 100644
--- a/people/9081.html
+++ b/people/9081.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9082.html b/people/9082.html
index 52a81705..a1b714d3 100644
--- a/people/9082.html
+++ b/people/9082.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9083.html b/people/9083.html
index 1d9036f9..7c2c88f0 100644
--- a/people/9083.html
+++ b/people/9083.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9084.html b/people/9084.html
index c11f1ef3..ab2cd76e 100644
--- a/people/9084.html
+++ b/people/9084.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9085.html b/people/9085.html
index 3fc5a69a..07b36e5b 100644
--- a/people/9085.html
+++ b/people/9085.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9086.html b/people/9086.html
index b871649a..ac21511b 100644
--- a/people/9086.html
+++ b/people/9086.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9087.html b/people/9087.html
index e03ccb92..28873830 100644
--- a/people/9087.html
+++ b/people/9087.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9088.html b/people/9088.html
index e2325626..e1e5d01f 100644
--- a/people/9088.html
+++ b/people/9088.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9089.html b/people/9089.html
index c740217b..ff7c53ef 100644
--- a/people/9089.html
+++ b/people/9089.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/909.html b/people/909.html
index 0efc166f..ef4fe516 100644
--- a/people/909.html
+++ b/people/909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9090.html b/people/9090.html
index 80b51a81..1ca1b75a 100644
--- a/people/9090.html
+++ b/people/9090.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9091.html b/people/9091.html
index 2b473282..cb1a89f9 100644
--- a/people/9091.html
+++ b/people/9091.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9092.html b/people/9092.html
index 83106233..2b2c8793 100644
--- a/people/9092.html
+++ b/people/9092.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9093.html b/people/9093.html
index 7f9da68b..e78930e4 100644
--- a/people/9093.html
+++ b/people/9093.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9094.html b/people/9094.html
index 2e232519..e3304faa 100644
--- a/people/9094.html
+++ b/people/9094.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9095.html b/people/9095.html
index 547487a6..db6cef71 100644
--- a/people/9095.html
+++ b/people/9095.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9096.html b/people/9096.html
index 064da92b..059790c5 100644
--- a/people/9096.html
+++ b/people/9096.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9097.html b/people/9097.html
index 07c304f7..a0b7c24b 100644
--- a/people/9097.html
+++ b/people/9097.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9098.html b/people/9098.html
index 818a783f..f9b4fa71 100644
--- a/people/9098.html
+++ b/people/9098.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9099.html b/people/9099.html
index 1a90f309..1b47154a 100644
--- a/people/9099.html
+++ b/people/9099.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/91.html b/people/91.html
index 00323902..233c60ea 100644
--- a/people/91.html
+++ b/people/91.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/910.html b/people/910.html
index 0a504e25..784b331a 100644
--- a/people/910.html
+++ b/people/910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9100.html b/people/9100.html
index 7beabea0..83fe8c22 100644
--- a/people/9100.html
+++ b/people/9100.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9101.html b/people/9101.html
index 02e19294..f1ee885e 100644
--- a/people/9101.html
+++ b/people/9101.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9102.html b/people/9102.html
index 403ddef1..0ca6988b 100644
--- a/people/9102.html
+++ b/people/9102.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9103.html b/people/9103.html
index d2d755d8..a3d8b842 100644
--- a/people/9103.html
+++ b/people/9103.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9104.html b/people/9104.html
index d4af1170..f942055d 100644
--- a/people/9104.html
+++ b/people/9104.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9105.html b/people/9105.html
index 61a7870e..e12ea513 100644
--- a/people/9105.html
+++ b/people/9105.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9106.html b/people/9106.html
index 4952b017..839ca4b3 100644
--- a/people/9106.html
+++ b/people/9106.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9107.html b/people/9107.html
index 9567fb1c..198bcdd0 100644
--- a/people/9107.html
+++ b/people/9107.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9108.html b/people/9108.html
index ca485731..153d49c3 100644
--- a/people/9108.html
+++ b/people/9108.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9109.html b/people/9109.html
index 684989d3..def25ea6 100644
--- a/people/9109.html
+++ b/people/9109.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/911.html b/people/911.html
index f30784f5..3c3c38b8 100644
--- a/people/911.html
+++ b/people/911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9110.html b/people/9110.html
index 35b958a4..7be0aed8 100644
--- a/people/9110.html
+++ b/people/9110.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9111.html b/people/9111.html
index 2ad0ec30..702b2c1e 100644
--- a/people/9111.html
+++ b/people/9111.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9112.html b/people/9112.html
index affe5963..966f3c1d 100644
--- a/people/9112.html
+++ b/people/9112.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9113.html b/people/9113.html
index a5b1e664..a0ef2ecd 100644
--- a/people/9113.html
+++ b/people/9113.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9114.html b/people/9114.html
index 54375eaf..13a01e04 100644
--- a/people/9114.html
+++ b/people/9114.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9115.html b/people/9115.html
index f5154423..7db6a170 100644
--- a/people/9115.html
+++ b/people/9115.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9116.html b/people/9116.html
index d512bada..8996e9d8 100644
--- a/people/9116.html
+++ b/people/9116.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9117.html b/people/9117.html
index 4a56bd31..e2a72829 100644
--- a/people/9117.html
+++ b/people/9117.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9118.html b/people/9118.html
index 5ee0328e..735d77eb 100644
--- a/people/9118.html
+++ b/people/9118.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9119.html b/people/9119.html
index 0175ee25..3c894db9 100644
--- a/people/9119.html
+++ b/people/9119.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/912.html b/people/912.html
index 24ae4a4c..a89fb2bd 100644
--- a/people/912.html
+++ b/people/912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9120.html b/people/9120.html
index dbd4256b..51ae7bc9 100644
--- a/people/9120.html
+++ b/people/9120.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9121.html b/people/9121.html
index 7cd2ecbb..46471c7f 100644
--- a/people/9121.html
+++ b/people/9121.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9122.html b/people/9122.html
index e9c1fb45..f4b0552f 100644
--- a/people/9122.html
+++ b/people/9122.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9123.html b/people/9123.html
index 29814e83..b179d8e2 100644
--- a/people/9123.html
+++ b/people/9123.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9124.html b/people/9124.html
index 47494dc5..91d0d967 100644
--- a/people/9124.html
+++ b/people/9124.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9125.html b/people/9125.html
index a07362ca..3713c73e 100644
--- a/people/9125.html
+++ b/people/9125.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9126.html b/people/9126.html
index 7c71aeee..52a6a65d 100644
--- a/people/9126.html
+++ b/people/9126.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9127.html b/people/9127.html
index 8fd358d0..959ddaed 100644
--- a/people/9127.html
+++ b/people/9127.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9128.html b/people/9128.html
index 215decb0..774c50ec 100644
--- a/people/9128.html
+++ b/people/9128.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9129.html b/people/9129.html
index 006d7dfd..30a898cb 100644
--- a/people/9129.html
+++ b/people/9129.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/913.html b/people/913.html
index 700c79c4..5037aaa5 100644
--- a/people/913.html
+++ b/people/913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9130.html b/people/9130.html
index 1e60e9ca..c947d6af 100644
--- a/people/9130.html
+++ b/people/9130.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9131.html b/people/9131.html
index ad588a98..77e0e4c4 100644
--- a/people/9131.html
+++ b/people/9131.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9132.html b/people/9132.html
index 942971d7..81136ede 100644
--- a/people/9132.html
+++ b/people/9132.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9133.html b/people/9133.html
index 01f70bbc..8645ee89 100644
--- a/people/9133.html
+++ b/people/9133.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9134.html b/people/9134.html
index 179d49d4..b872b17c 100644
--- a/people/9134.html
+++ b/people/9134.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9135.html b/people/9135.html
index 8d53908c..2e579c02 100644
--- a/people/9135.html
+++ b/people/9135.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9136.html b/people/9136.html
index 754d7b64..a4705c9e 100644
--- a/people/9136.html
+++ b/people/9136.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9137.html b/people/9137.html
index d55c8790..efee4913 100644
--- a/people/9137.html
+++ b/people/9137.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9138.html b/people/9138.html
index 20a13c3a..6305211f 100644
--- a/people/9138.html
+++ b/people/9138.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9139.html b/people/9139.html
index 86181616..4acd44ac 100644
--- a/people/9139.html
+++ b/people/9139.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/914.html b/people/914.html
index d2d00f3b..7804d44f 100644
--- a/people/914.html
+++ b/people/914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9140.html b/people/9140.html
index 2359a4f5..163aa849 100644
--- a/people/9140.html
+++ b/people/9140.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9141.html b/people/9141.html
index 5c0598a4..9a8b3fde 100644
--- a/people/9141.html
+++ b/people/9141.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9142.html b/people/9142.html
index d5b2ad20..4008f8a3 100644
--- a/people/9142.html
+++ b/people/9142.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9143.html b/people/9143.html
index b37af7d8..5e48cd58 100644
--- a/people/9143.html
+++ b/people/9143.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9144.html b/people/9144.html
index fdfae51f..9020cbdf 100644
--- a/people/9144.html
+++ b/people/9144.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9145.html b/people/9145.html
index eb11e6c1..8f49ac0d 100644
--- a/people/9145.html
+++ b/people/9145.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9146.html b/people/9146.html
index 6dc7cb53..5438578e 100644
--- a/people/9146.html
+++ b/people/9146.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9147.html b/people/9147.html
index c8b6c80a..8e23feab 100644
--- a/people/9147.html
+++ b/people/9147.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9148.html b/people/9148.html
index 8ad6140a..8b52ea66 100644
--- a/people/9148.html
+++ b/people/9148.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9149.html b/people/9149.html
index 95ce4b2a..9020980f 100644
--- a/people/9149.html
+++ b/people/9149.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/915.html b/people/915.html
index 7ae48515..c220cb0d 100644
--- a/people/915.html
+++ b/people/915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9150.html b/people/9150.html
index ac5ff7c8..11913a1e 100644
--- a/people/9150.html
+++ b/people/9150.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9151.html b/people/9151.html
index beaa4540..607cd2e4 100644
--- a/people/9151.html
+++ b/people/9151.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9152.html b/people/9152.html
index dbc35aca..064f7e0e 100644
--- a/people/9152.html
+++ b/people/9152.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9153.html b/people/9153.html
index 61f501c1..e88f58a2 100644
--- a/people/9153.html
+++ b/people/9153.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9154.html b/people/9154.html
index ebc72e71..ea44d898 100644
--- a/people/9154.html
+++ b/people/9154.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9155.html b/people/9155.html
index 5c02261f..1cba63b6 100644
--- a/people/9155.html
+++ b/people/9155.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9156.html b/people/9156.html
index be1b2356..286833df 100644
--- a/people/9156.html
+++ b/people/9156.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9157.html b/people/9157.html
index d769e156..4170ea67 100644
--- a/people/9157.html
+++ b/people/9157.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9158.html b/people/9158.html
index 8b36c165..119c1eba 100644
--- a/people/9158.html
+++ b/people/9158.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9159.html b/people/9159.html
index 079ac54e..d5d5b359 100644
--- a/people/9159.html
+++ b/people/9159.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/916.html b/people/916.html
index 86d73cf0..85f69b17 100644
--- a/people/916.html
+++ b/people/916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9160.html b/people/9160.html
index 0da11c60..374b861d 100644
--- a/people/9160.html
+++ b/people/9160.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9161.html b/people/9161.html
index bd0fd4dc..5dffd03b 100644
--- a/people/9161.html
+++ b/people/9161.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9162.html b/people/9162.html
index b692408f..a758b847 100644
--- a/people/9162.html
+++ b/people/9162.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9163.html b/people/9163.html
index 613b5bd2..d1a30dda 100644
--- a/people/9163.html
+++ b/people/9163.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9164.html b/people/9164.html
index 43bc650f..f863ddde 100644
--- a/people/9164.html
+++ b/people/9164.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9165.html b/people/9165.html
index 7273b643..1c4a2f6e 100644
--- a/people/9165.html
+++ b/people/9165.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9166.html b/people/9166.html
index f34d9727..baa4e4a6 100644
--- a/people/9166.html
+++ b/people/9166.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9167.html b/people/9167.html
index c2d0ef8b..a41878e9 100644
--- a/people/9167.html
+++ b/people/9167.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9168.html b/people/9168.html
index 20d05ff5..8cc98dd3 100644
--- a/people/9168.html
+++ b/people/9168.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9169.html b/people/9169.html
index 8537021f..b46d6fab 100644
--- a/people/9169.html
+++ b/people/9169.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/917.html b/people/917.html
index 47b6ecd0..c59b3c2e 100644
--- a/people/917.html
+++ b/people/917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9170.html b/people/9170.html
index ed13e4ad..240c82b6 100644
--- a/people/9170.html
+++ b/people/9170.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9171.html b/people/9171.html
index 07f0dea4..7ff8771f 100644
--- a/people/9171.html
+++ b/people/9171.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9172.html b/people/9172.html
index af922822..d43cbeec 100644
--- a/people/9172.html
+++ b/people/9172.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9173.html b/people/9173.html
index 0ac695bd..33b53a22 100644
--- a/people/9173.html
+++ b/people/9173.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9174.html b/people/9174.html
index 8f9df7e6..89233ea3 100644
--- a/people/9174.html
+++ b/people/9174.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9175.html b/people/9175.html
index 4653e0c4..cb9d96f0 100644
--- a/people/9175.html
+++ b/people/9175.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9176.html b/people/9176.html
index dfe4c931..220ad123 100644
--- a/people/9176.html
+++ b/people/9176.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9177.html b/people/9177.html
index f6f95d1c..b3db4cb3 100644
--- a/people/9177.html
+++ b/people/9177.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9178.html b/people/9178.html
index 93848c2e..9ae647c9 100644
--- a/people/9178.html
+++ b/people/9178.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9179.html b/people/9179.html
index 164159f4..938a81a8 100644
--- a/people/9179.html
+++ b/people/9179.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/918.html b/people/918.html
index 79d127c8..b8864b27 100644
--- a/people/918.html
+++ b/people/918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9180.html b/people/9180.html
index fa830aa2..f2c938e0 100644
--- a/people/9180.html
+++ b/people/9180.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9181.html b/people/9181.html
index d2ac8711..f1a36968 100644
--- a/people/9181.html
+++ b/people/9181.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9182.html b/people/9182.html
index 600d8deb..1f200d18 100644
--- a/people/9182.html
+++ b/people/9182.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9183.html b/people/9183.html
index 1f4ddbc0..68d7688a 100644
--- a/people/9183.html
+++ b/people/9183.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9184.html b/people/9184.html
index c678fd1d..a299a590 100644
--- a/people/9184.html
+++ b/people/9184.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9185.html b/people/9185.html
index 441e4157..54108f46 100644
--- a/people/9185.html
+++ b/people/9185.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9186.html b/people/9186.html
index 905e3306..d241d142 100644
--- a/people/9186.html
+++ b/people/9186.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9187.html b/people/9187.html
index 4faf0433..0bdf09fd 100644
--- a/people/9187.html
+++ b/people/9187.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9188.html b/people/9188.html
index dd209bd4..2d98be08 100644
--- a/people/9188.html
+++ b/people/9188.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9189.html b/people/9189.html
index 07420c68..b3349e03 100644
--- a/people/9189.html
+++ b/people/9189.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/919.html b/people/919.html
index 8a0c5b99..41561476 100644
--- a/people/919.html
+++ b/people/919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9190.html b/people/9190.html
index 7289437e..b9501f87 100644
--- a/people/9190.html
+++ b/people/9190.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9191.html b/people/9191.html
index d4e3a475..1b2901f1 100644
--- a/people/9191.html
+++ b/people/9191.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9192.html b/people/9192.html
index b8a0d5a5..f32d8506 100644
--- a/people/9192.html
+++ b/people/9192.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9193.html b/people/9193.html
index 2d1bed13..9bf124b5 100644
--- a/people/9193.html
+++ b/people/9193.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9194.html b/people/9194.html
index 73bfd451..308971e2 100644
--- a/people/9194.html
+++ b/people/9194.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9195.html b/people/9195.html
index be3b2bb3..7aaaf118 100644
--- a/people/9195.html
+++ b/people/9195.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9196.html b/people/9196.html
index 08d0cfaa..4e5a18c4 100644
--- a/people/9196.html
+++ b/people/9196.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9197.html b/people/9197.html
index 71a008ab..578d9464 100644
--- a/people/9197.html
+++ b/people/9197.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9198.html b/people/9198.html
index 022ba0e6..5357c5b7 100644
--- a/people/9198.html
+++ b/people/9198.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9199.html b/people/9199.html
index 228283b1..b33dddcb 100644
--- a/people/9199.html
+++ b/people/9199.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/92.html b/people/92.html
index e99f89b1..15be3a9c 100644
--- a/people/92.html
+++ b/people/92.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/920.html b/people/920.html
index 8db94b81..45c4abab 100644
--- a/people/920.html
+++ b/people/920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9200.html b/people/9200.html
index d62171b5..b762a37e 100644
--- a/people/9200.html
+++ b/people/9200.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9201.html b/people/9201.html
index 5056bd92..f2446dda 100644
--- a/people/9201.html
+++ b/people/9201.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9202.html b/people/9202.html
index efa4dad2..8062afe1 100644
--- a/people/9202.html
+++ b/people/9202.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9203.html b/people/9203.html
index 90c2da22..1712cd28 100644
--- a/people/9203.html
+++ b/people/9203.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9204.html b/people/9204.html
index 7b196110..76855841 100644
--- a/people/9204.html
+++ b/people/9204.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9205.html b/people/9205.html
index 9a0ab743..49fb8fa4 100644
--- a/people/9205.html
+++ b/people/9205.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9206.html b/people/9206.html
index a9ca400e..800ccb0b 100644
--- a/people/9206.html
+++ b/people/9206.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9207.html b/people/9207.html
index 2eabc16f..844b6965 100644
--- a/people/9207.html
+++ b/people/9207.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9208.html b/people/9208.html
index 7619bc22..987aa4ee 100644
--- a/people/9208.html
+++ b/people/9208.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9209.html b/people/9209.html
index 73441b63..3babdfa2 100644
--- a/people/9209.html
+++ b/people/9209.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/921.html b/people/921.html
index 56516e9d..1876d488 100644
--- a/people/921.html
+++ b/people/921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9210.html b/people/9210.html
index 100ceed7..a4391ca4 100644
--- a/people/9210.html
+++ b/people/9210.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9211.html b/people/9211.html
index 2a9681f0..347535e2 100644
--- a/people/9211.html
+++ b/people/9211.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9212.html b/people/9212.html
index 223b1886..2bc8f8a3 100644
--- a/people/9212.html
+++ b/people/9212.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9213.html b/people/9213.html
index e20d9e54..666507d2 100644
--- a/people/9213.html
+++ b/people/9213.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9214.html b/people/9214.html
index 56a84410..a8904ef8 100644
--- a/people/9214.html
+++ b/people/9214.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9215.html b/people/9215.html
index 5bd3cabc..e7b148ce 100644
--- a/people/9215.html
+++ b/people/9215.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9216.html b/people/9216.html
index 1cea2a12..24014b2d 100644
--- a/people/9216.html
+++ b/people/9216.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9217.html b/people/9217.html
index 7f80694d..e5a70904 100644
--- a/people/9217.html
+++ b/people/9217.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9218.html b/people/9218.html
index bc224565..db87dde8 100644
--- a/people/9218.html
+++ b/people/9218.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9219.html b/people/9219.html
index ad9ec049..2c8f8fa9 100644
--- a/people/9219.html
+++ b/people/9219.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/922.html b/people/922.html
index f8f9f3ba..07e908f9 100644
--- a/people/922.html
+++ b/people/922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9220.html b/people/9220.html
index 634538e8..fe6066e4 100644
--- a/people/9220.html
+++ b/people/9220.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9221.html b/people/9221.html
index e37f7567..284f4a42 100644
--- a/people/9221.html
+++ b/people/9221.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9222.html b/people/9222.html
index ab6cfb3e..f95408a9 100644
--- a/people/9222.html
+++ b/people/9222.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9223.html b/people/9223.html
index 2747b6f3..e6b48546 100644
--- a/people/9223.html
+++ b/people/9223.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9224.html b/people/9224.html
index 8b491e9d..219dd716 100644
--- a/people/9224.html
+++ b/people/9224.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9225.html b/people/9225.html
index 51f66ff8..7c685d04 100644
--- a/people/9225.html
+++ b/people/9225.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9226.html b/people/9226.html
index 589cd6a6..34789c42 100644
--- a/people/9226.html
+++ b/people/9226.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9227.html b/people/9227.html
index bb1b51ab..ac15b74d 100644
--- a/people/9227.html
+++ b/people/9227.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9228.html b/people/9228.html
index 8ce0f0e9..4b26c612 100644
--- a/people/9228.html
+++ b/people/9228.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9229.html b/people/9229.html
index 073d8aa9..e9ca9e92 100644
--- a/people/9229.html
+++ b/people/9229.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/923.html b/people/923.html
index f0deb618..fd54366b 100644
--- a/people/923.html
+++ b/people/923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9230.html b/people/9230.html
index 50b427a2..9d34c00c 100644
--- a/people/9230.html
+++ b/people/9230.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9231.html b/people/9231.html
index 8bc8a40e..5e2403b3 100644
--- a/people/9231.html
+++ b/people/9231.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9232.html b/people/9232.html
index c6cce81f..b5226019 100644
--- a/people/9232.html
+++ b/people/9232.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9233.html b/people/9233.html
index c8d23a04..9ee4b2e6 100644
--- a/people/9233.html
+++ b/people/9233.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9234.html b/people/9234.html
index a700bb19..4517c8a9 100644
--- a/people/9234.html
+++ b/people/9234.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9235.html b/people/9235.html
index c4be229b..d007a730 100644
--- a/people/9235.html
+++ b/people/9235.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9236.html b/people/9236.html
index 14e48d4c..2b371acd 100644
--- a/people/9236.html
+++ b/people/9236.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9237.html b/people/9237.html
index b701bb21..81866e76 100644
--- a/people/9237.html
+++ b/people/9237.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9238.html b/people/9238.html
index e58bee62..96116599 100644
--- a/people/9238.html
+++ b/people/9238.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9239.html b/people/9239.html
index 0dd78e41..a297104a 100644
--- a/people/9239.html
+++ b/people/9239.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/924.html b/people/924.html
index 2ac71496..4bbca4e8 100644
--- a/people/924.html
+++ b/people/924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9240.html b/people/9240.html
index 3fd556f2..32920192 100644
--- a/people/9240.html
+++ b/people/9240.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9241.html b/people/9241.html
index 378b2554..20a9cc58 100644
--- a/people/9241.html
+++ b/people/9241.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9242.html b/people/9242.html
index d60925e9..d5377ea7 100644
--- a/people/9242.html
+++ b/people/9242.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9243.html b/people/9243.html
index a06726cb..6baf917a 100644
--- a/people/9243.html
+++ b/people/9243.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9244.html b/people/9244.html
index 0165072e..e1ecc1f8 100644
--- a/people/9244.html
+++ b/people/9244.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9245.html b/people/9245.html
index 36028b82..cb7074c6 100644
--- a/people/9245.html
+++ b/people/9245.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9246.html b/people/9246.html
index e6226a0e..ca8cb65e 100644
--- a/people/9246.html
+++ b/people/9246.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9247.html b/people/9247.html
index ae0e1a6b..d63da68f 100644
--- a/people/9247.html
+++ b/people/9247.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9248.html b/people/9248.html
index 0f4b5477..63efe8c7 100644
--- a/people/9248.html
+++ b/people/9248.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9249.html b/people/9249.html
index e41c26cb..c8305a6f 100644
--- a/people/9249.html
+++ b/people/9249.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/925.html b/people/925.html
index ad53cdbb..ad4b7b7e 100644
--- a/people/925.html
+++ b/people/925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9250.html b/people/9250.html
index 132c9ffc..90280fd3 100644
--- a/people/9250.html
+++ b/people/9250.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9251.html b/people/9251.html
index d05eb7f7..6995bb81 100644
--- a/people/9251.html
+++ b/people/9251.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9252.html b/people/9252.html
index c5a09d8b..983251a4 100644
--- a/people/9252.html
+++ b/people/9252.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9253.html b/people/9253.html
index 150951d7..6ae2234f 100644
--- a/people/9253.html
+++ b/people/9253.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9254.html b/people/9254.html
index 4f3dc6c5..86855bde 100644
--- a/people/9254.html
+++ b/people/9254.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9255.html b/people/9255.html
index f617a99d..55855dad 100644
--- a/people/9255.html
+++ b/people/9255.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9256.html b/people/9256.html
index a2247091..dfd7b52d 100644
--- a/people/9256.html
+++ b/people/9256.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9257.html b/people/9257.html
index 30caf3d8..cb971907 100644
--- a/people/9257.html
+++ b/people/9257.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9258.html b/people/9258.html
index c55b9aed..405d16ad 100644
--- a/people/9258.html
+++ b/people/9258.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9259.html b/people/9259.html
index e073ea5d..591c538d 100644
--- a/people/9259.html
+++ b/people/9259.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/926.html b/people/926.html
index 27d7dc07..2f3eeada 100644
--- a/people/926.html
+++ b/people/926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9260.html b/people/9260.html
index 641e5dff..56e51ccc 100644
--- a/people/9260.html
+++ b/people/9260.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9261.html b/people/9261.html
index 403d77b0..ea337e0b 100644
--- a/people/9261.html
+++ b/people/9261.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9262.html b/people/9262.html
index 291edae5..a4220ea8 100644
--- a/people/9262.html
+++ b/people/9262.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9263.html b/people/9263.html
index 0eb0994a..261b21dd 100644
--- a/people/9263.html
+++ b/people/9263.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9264.html b/people/9264.html
index dcd2528f..b5839676 100644
--- a/people/9264.html
+++ b/people/9264.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9265.html b/people/9265.html
index fba3b9c1..1cb5cdab 100644
--- a/people/9265.html
+++ b/people/9265.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9266.html b/people/9266.html
index 2ce83612..da844290 100644
--- a/people/9266.html
+++ b/people/9266.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9267.html b/people/9267.html
index 58e92a19..a1b38ca1 100644
--- a/people/9267.html
+++ b/people/9267.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9268.html b/people/9268.html
index 732d98c1..69bc17ce 100644
--- a/people/9268.html
+++ b/people/9268.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9269.html b/people/9269.html
index 1127db41..8fdb560d 100644
--- a/people/9269.html
+++ b/people/9269.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/927.html b/people/927.html
index ceb002e2..d2e0e490 100644
--- a/people/927.html
+++ b/people/927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9270.html b/people/9270.html
index a35a66a7..e2336f3c 100644
--- a/people/9270.html
+++ b/people/9270.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9271.html b/people/9271.html
index 3186e73d..f594856d 100644
--- a/people/9271.html
+++ b/people/9271.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9272.html b/people/9272.html
index 72b9e6cc..4829f1c3 100644
--- a/people/9272.html
+++ b/people/9272.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9273.html b/people/9273.html
index 5985902b..babb0220 100644
--- a/people/9273.html
+++ b/people/9273.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9274.html b/people/9274.html
index 10bf9180..9c44a25d 100644
--- a/people/9274.html
+++ b/people/9274.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9275.html b/people/9275.html
index bcb710cd..03bf6dc2 100644
--- a/people/9275.html
+++ b/people/9275.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9276.html b/people/9276.html
index acf1b743..7ca13e90 100644
--- a/people/9276.html
+++ b/people/9276.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9277.html b/people/9277.html
index 51ee484e..f225ddd1 100644
--- a/people/9277.html
+++ b/people/9277.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9278.html b/people/9278.html
index 461a0fc1..840015a6 100644
--- a/people/9278.html
+++ b/people/9278.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9279.html b/people/9279.html
index da9d9431..574b32ca 100644
--- a/people/9279.html
+++ b/people/9279.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/928.html b/people/928.html
index 53972656..8a5de752 100644
--- a/people/928.html
+++ b/people/928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9280.html b/people/9280.html
index 7f9e55ae..a40f8acd 100644
--- a/people/9280.html
+++ b/people/9280.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9281.html b/people/9281.html
index eecc8a89..bc622834 100644
--- a/people/9281.html
+++ b/people/9281.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9282.html b/people/9282.html
index f3139946..f98e16c7 100644
--- a/people/9282.html
+++ b/people/9282.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9283.html b/people/9283.html
index 156465c5..5ffff3ae 100644
--- a/people/9283.html
+++ b/people/9283.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9284.html b/people/9284.html
index d39eadff..0f90a1e8 100644
--- a/people/9284.html
+++ b/people/9284.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9285.html b/people/9285.html
index 759f4a5f..dce9dba9 100644
--- a/people/9285.html
+++ b/people/9285.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9286.html b/people/9286.html
index c5f573e4..acd359a0 100644
--- a/people/9286.html
+++ b/people/9286.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9287.html b/people/9287.html
index 6f9f0362..1f7738c2 100644
--- a/people/9287.html
+++ b/people/9287.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9288.html b/people/9288.html
index 6f0c1d98..db4feda8 100644
--- a/people/9288.html
+++ b/people/9288.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9289.html b/people/9289.html
index 1b235d8b..a7405229 100644
--- a/people/9289.html
+++ b/people/9289.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/929.html b/people/929.html
index 0e525110..1b2d80d3 100644
--- a/people/929.html
+++ b/people/929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9290.html b/people/9290.html
index b41b2b84..86045f6e 100644
--- a/people/9290.html
+++ b/people/9290.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9291.html b/people/9291.html
index 4f91c161..0aa9efb2 100644
--- a/people/9291.html
+++ b/people/9291.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9292.html b/people/9292.html
index c862623a..4fe0cc9e 100644
--- a/people/9292.html
+++ b/people/9292.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9293.html b/people/9293.html
index 7efd857f..f4c57933 100644
--- a/people/9293.html
+++ b/people/9293.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9294.html b/people/9294.html
index 68dcc15b..776e415b 100644
--- a/people/9294.html
+++ b/people/9294.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9295.html b/people/9295.html
index 76bf1d7d..eb71a655 100644
--- a/people/9295.html
+++ b/people/9295.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9296.html b/people/9296.html
index bd331d7f..9f1fc535 100644
--- a/people/9296.html
+++ b/people/9296.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9297.html b/people/9297.html
index 5f91631d..100766f8 100644
--- a/people/9297.html
+++ b/people/9297.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9298.html b/people/9298.html
index c690393c..06e71c18 100644
--- a/people/9298.html
+++ b/people/9298.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9299.html b/people/9299.html
index de44eed0..d05fcd84 100644
--- a/people/9299.html
+++ b/people/9299.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/93.html b/people/93.html
index 9395246f..2e689119 100644
--- a/people/93.html
+++ b/people/93.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/930.html b/people/930.html
index c10feb55..e0f842a0 100644
--- a/people/930.html
+++ b/people/930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9300.html b/people/9300.html
index 78885bcd..077e4c03 100644
--- a/people/9300.html
+++ b/people/9300.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9301.html b/people/9301.html
index 97d2a11e..b42b4393 100644
--- a/people/9301.html
+++ b/people/9301.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9302.html b/people/9302.html
index 66fd45d4..84510bfa 100644
--- a/people/9302.html
+++ b/people/9302.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9303.html b/people/9303.html
index c7948ea5..a1516fec 100644
--- a/people/9303.html
+++ b/people/9303.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9304.html b/people/9304.html
index 96342e2e..d7e49a6c 100644
--- a/people/9304.html
+++ b/people/9304.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9305.html b/people/9305.html
index 7476bb1a..7504d6fa 100644
--- a/people/9305.html
+++ b/people/9305.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9306.html b/people/9306.html
index 5c08e7a3..a2b6a33d 100644
--- a/people/9306.html
+++ b/people/9306.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9307.html b/people/9307.html
index 7551d89b..0d9861ca 100644
--- a/people/9307.html
+++ b/people/9307.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9308.html b/people/9308.html
index 7e0d2b78..83b38594 100644
--- a/people/9308.html
+++ b/people/9308.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9309.html b/people/9309.html
index 163d8039..54617110 100644
--- a/people/9309.html
+++ b/people/9309.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/931.html b/people/931.html
index f8ae2c13..b54a0579 100644
--- a/people/931.html
+++ b/people/931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9310.html b/people/9310.html
index 76ad7acc..9e09e6e6 100644
--- a/people/9310.html
+++ b/people/9310.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9311.html b/people/9311.html
index c7401500..b8375e63 100644
--- a/people/9311.html
+++ b/people/9311.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9312.html b/people/9312.html
index 785e091d..70e08e45 100644
--- a/people/9312.html
+++ b/people/9312.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9313.html b/people/9313.html
index 8cad4951..94c0b59b 100644
--- a/people/9313.html
+++ b/people/9313.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9314.html b/people/9314.html
index 99cda8e2..df575d76 100644
--- a/people/9314.html
+++ b/people/9314.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9315.html b/people/9315.html
index 22ee258e..6fe27944 100644
--- a/people/9315.html
+++ b/people/9315.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9316.html b/people/9316.html
index 76b6d4bd..7b35ab86 100644
--- a/people/9316.html
+++ b/people/9316.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9317.html b/people/9317.html
index 519170e0..c19ccc8c 100644
--- a/people/9317.html
+++ b/people/9317.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9318.html b/people/9318.html
index ae85e240..b2ce3d87 100644
--- a/people/9318.html
+++ b/people/9318.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9319.html b/people/9319.html
index be0f10a1..c2d2ef09 100644
--- a/people/9319.html
+++ b/people/9319.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/932.html b/people/932.html
index f8fc58fd..241a51bc 100644
--- a/people/932.html
+++ b/people/932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9320.html b/people/9320.html
index 81e8c01e..753b51f0 100644
--- a/people/9320.html
+++ b/people/9320.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9321.html b/people/9321.html
index 839bf0d3..3bc00ece 100644
--- a/people/9321.html
+++ b/people/9321.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9322.html b/people/9322.html
index d3a86655..0db76771 100644
--- a/people/9322.html
+++ b/people/9322.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9323.html b/people/9323.html
index f67ead90..edad7b95 100644
--- a/people/9323.html
+++ b/people/9323.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9324.html b/people/9324.html
index 80365a47..775050e2 100644
--- a/people/9324.html
+++ b/people/9324.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9325.html b/people/9325.html
index cdbf1e0b..0eae2732 100644
--- a/people/9325.html
+++ b/people/9325.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9326.html b/people/9326.html
index 31517f63..2eea0a35 100644
--- a/people/9326.html
+++ b/people/9326.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9327.html b/people/9327.html
index c08c4732..d77e8342 100644
--- a/people/9327.html
+++ b/people/9327.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9328.html b/people/9328.html
index 183faee8..58dcc954 100644
--- a/people/9328.html
+++ b/people/9328.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9329.html b/people/9329.html
index 5a65e71a..b1cbc1cd 100644
--- a/people/9329.html
+++ b/people/9329.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/933.html b/people/933.html
index 57cc62ab..9053bcd8 100644
--- a/people/933.html
+++ b/people/933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9330.html b/people/9330.html
index a786e253..701345b9 100644
--- a/people/9330.html
+++ b/people/9330.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9331.html b/people/9331.html
index 0d46440c..b1652690 100644
--- a/people/9331.html
+++ b/people/9331.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9332.html b/people/9332.html
index 5cd890b4..01c511b1 100644
--- a/people/9332.html
+++ b/people/9332.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9333.html b/people/9333.html
index c3de6077..85c24f37 100644
--- a/people/9333.html
+++ b/people/9333.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9334.html b/people/9334.html
index 0d6be41d..854b2574 100644
--- a/people/9334.html
+++ b/people/9334.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9335.html b/people/9335.html
index f05f23a0..3c7f39b7 100644
--- a/people/9335.html
+++ b/people/9335.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9336.html b/people/9336.html
index c887055b..030921a1 100644
--- a/people/9336.html
+++ b/people/9336.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9337.html b/people/9337.html
index 19efa414..3f509d75 100644
--- a/people/9337.html
+++ b/people/9337.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9338.html b/people/9338.html
index 745450d2..bee6ddb2 100644
--- a/people/9338.html
+++ b/people/9338.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9339.html b/people/9339.html
index 9e3f6d5f..9bbd76dc 100644
--- a/people/9339.html
+++ b/people/9339.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/934.html b/people/934.html
index 5ca0941c..9239e630 100644
--- a/people/934.html
+++ b/people/934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9340.html b/people/9340.html
index 6677309b..e9ac0ea0 100644
--- a/people/9340.html
+++ b/people/9340.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9341.html b/people/9341.html
index 8c9686f6..071d4d3c 100644
--- a/people/9341.html
+++ b/people/9341.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9342.html b/people/9342.html
index 46e2520e..926c062d 100644
--- a/people/9342.html
+++ b/people/9342.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9343.html b/people/9343.html
index 62c7e3c2..23883d02 100644
--- a/people/9343.html
+++ b/people/9343.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9344.html b/people/9344.html
index 34ee3423..bf543e48 100644
--- a/people/9344.html
+++ b/people/9344.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9345.html b/people/9345.html
index f124d05d..c01e64f9 100644
--- a/people/9345.html
+++ b/people/9345.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9346.html b/people/9346.html
index 4e01dfd2..8693a5ed 100644
--- a/people/9346.html
+++ b/people/9346.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9347.html b/people/9347.html
index 4a684860..9d99eddc 100644
--- a/people/9347.html
+++ b/people/9347.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9348.html b/people/9348.html
index 04895c2b..78d60993 100644
--- a/people/9348.html
+++ b/people/9348.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9349.html b/people/9349.html
index ff139c57..2e4b3510 100644
--- a/people/9349.html
+++ b/people/9349.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/935.html b/people/935.html
index 745de0b1..37c4b4a1 100644
--- a/people/935.html
+++ b/people/935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9350.html b/people/9350.html
index 055c1a56..e266627a 100644
--- a/people/9350.html
+++ b/people/9350.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9351.html b/people/9351.html
index 95a321e2..2116dea3 100644
--- a/people/9351.html
+++ b/people/9351.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9352.html b/people/9352.html
index 60a69bbe..b378c9fc 100644
--- a/people/9352.html
+++ b/people/9352.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9353.html b/people/9353.html
index 6fbfee95..ee016aa8 100644
--- a/people/9353.html
+++ b/people/9353.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9354.html b/people/9354.html
index 20a20ae0..39ac53bf 100644
--- a/people/9354.html
+++ b/people/9354.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9355.html b/people/9355.html
index f73d25d9..abd45bf3 100644
--- a/people/9355.html
+++ b/people/9355.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9356.html b/people/9356.html
index ac010fdb..fd7095da 100644
--- a/people/9356.html
+++ b/people/9356.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9357.html b/people/9357.html
index 54379689..585e6971 100644
--- a/people/9357.html
+++ b/people/9357.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9358.html b/people/9358.html
index 1cc19adc..674b4ea5 100644
--- a/people/9358.html
+++ b/people/9358.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9359.html b/people/9359.html
index ef3db78c..8b78ad0d 100644
--- a/people/9359.html
+++ b/people/9359.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/936.html b/people/936.html
index 4049c0b1..36df1541 100644
--- a/people/936.html
+++ b/people/936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9360.html b/people/9360.html
index 303bbf3c..b6a8cbfe 100644
--- a/people/9360.html
+++ b/people/9360.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9361.html b/people/9361.html
index b274a994..fd374b95 100644
--- a/people/9361.html
+++ b/people/9361.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9362.html b/people/9362.html
index 52a7a478..d6d2134d 100644
--- a/people/9362.html
+++ b/people/9362.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9363.html b/people/9363.html
index 71142a0d..2db59c46 100644
--- a/people/9363.html
+++ b/people/9363.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9364.html b/people/9364.html
index 5768ca0a..5297d075 100644
--- a/people/9364.html
+++ b/people/9364.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9365.html b/people/9365.html
index 7c90d1b4..55c59df8 100644
--- a/people/9365.html
+++ b/people/9365.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9366.html b/people/9366.html
index dd0d4623..a66a8232 100644
--- a/people/9366.html
+++ b/people/9366.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9367.html b/people/9367.html
index 906a835c..469c227c 100644
--- a/people/9367.html
+++ b/people/9367.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9368.html b/people/9368.html
index 94782898..111773c1 100644
--- a/people/9368.html
+++ b/people/9368.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9369.html b/people/9369.html
index 1f574c73..589d8922 100644
--- a/people/9369.html
+++ b/people/9369.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/937.html b/people/937.html
index d119f782..21a7cb35 100644
--- a/people/937.html
+++ b/people/937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9370.html b/people/9370.html
index 8e45fec8..65f4a69a 100644
--- a/people/9370.html
+++ b/people/9370.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9371.html b/people/9371.html
index 54fd734b..bafae39d 100644
--- a/people/9371.html
+++ b/people/9371.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9372.html b/people/9372.html
index 13f6f198..f218323f 100644
--- a/people/9372.html
+++ b/people/9372.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9373.html b/people/9373.html
index 594ccf83..c820b6af 100644
--- a/people/9373.html
+++ b/people/9373.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9374.html b/people/9374.html
index 492cfd29..2805745c 100644
--- a/people/9374.html
+++ b/people/9374.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9375.html b/people/9375.html
index 35b54fae..6fca5ba8 100644
--- a/people/9375.html
+++ b/people/9375.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9376.html b/people/9376.html
index f99afd8e..a58e5101 100644
--- a/people/9376.html
+++ b/people/9376.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9377.html b/people/9377.html
index 4e1e79fc..8686fa10 100644
--- a/people/9377.html
+++ b/people/9377.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9378.html b/people/9378.html
index 0190c611..4f7a07b1 100644
--- a/people/9378.html
+++ b/people/9378.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9379.html b/people/9379.html
index a2f1137e..0e0e2e40 100644
--- a/people/9379.html
+++ b/people/9379.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/938.html b/people/938.html
index 8c60e1a1..09b52719 100644
--- a/people/938.html
+++ b/people/938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9380.html b/people/9380.html
index 13ffbc1f..21a23b1f 100644
--- a/people/9380.html
+++ b/people/9380.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9381.html b/people/9381.html
index 6b4acdd2..ed9b6838 100644
--- a/people/9381.html
+++ b/people/9381.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9382.html b/people/9382.html
index 7e4e4948..e0eb5c8f 100644
--- a/people/9382.html
+++ b/people/9382.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9383.html b/people/9383.html
index 6811b89c..d6d70aff 100644
--- a/people/9383.html
+++ b/people/9383.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9384.html b/people/9384.html
index 48825be0..d468d155 100644
--- a/people/9384.html
+++ b/people/9384.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9385.html b/people/9385.html
index 49d9bba4..933ce152 100644
--- a/people/9385.html
+++ b/people/9385.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9386.html b/people/9386.html
index 70238327..3102ff01 100644
--- a/people/9386.html
+++ b/people/9386.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9387.html b/people/9387.html
index c4d8468c..b7bf56b7 100644
--- a/people/9387.html
+++ b/people/9387.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9388.html b/people/9388.html
index bf03201d..3826f9f6 100644
--- a/people/9388.html
+++ b/people/9388.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9389.html b/people/9389.html
index cebc94d7..378365c6 100644
--- a/people/9389.html
+++ b/people/9389.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/939.html b/people/939.html
index f133da4e..55c09712 100644
--- a/people/939.html
+++ b/people/939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9390.html b/people/9390.html
index d6196b9f..9ba2239d 100644
--- a/people/9390.html
+++ b/people/9390.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9391.html b/people/9391.html
index 1da00baa..24344b9d 100644
--- a/people/9391.html
+++ b/people/9391.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9392.html b/people/9392.html
index 1742f738..cf4de8dc 100644
--- a/people/9392.html
+++ b/people/9392.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9393.html b/people/9393.html
index 44263953..3e98a0f6 100644
--- a/people/9393.html
+++ b/people/9393.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9394.html b/people/9394.html
index f879f00c..af38bf64 100644
--- a/people/9394.html
+++ b/people/9394.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9395.html b/people/9395.html
index b311760c..ba67fe8e 100644
--- a/people/9395.html
+++ b/people/9395.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9396.html b/people/9396.html
index d05e4c6e..428b4f5e 100644
--- a/people/9396.html
+++ b/people/9396.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9397.html b/people/9397.html
index 3c0f1e18..edd00dc7 100644
--- a/people/9397.html
+++ b/people/9397.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9398.html b/people/9398.html
index da1967ac..f57957ba 100644
--- a/people/9398.html
+++ b/people/9398.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9399.html b/people/9399.html
index 0ca0f3eb..32015a3d 100644
--- a/people/9399.html
+++ b/people/9399.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/94.html b/people/94.html
index 8dffda22..cc9358f4 100644
--- a/people/94.html
+++ b/people/94.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/940.html b/people/940.html
index 63686fce..f05e9465 100644
--- a/people/940.html
+++ b/people/940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9400.html b/people/9400.html
index 6d15182d..af72fc12 100644
--- a/people/9400.html
+++ b/people/9400.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9403.html b/people/9403.html
index 454d817e..a84318b3 100644
--- a/people/9403.html
+++ b/people/9403.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9404.html b/people/9404.html
index 819f8ab0..6b5d266e 100644
--- a/people/9404.html
+++ b/people/9404.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9405.html b/people/9405.html
index 5d4a3f30..fcb6c6f5 100644
--- a/people/9405.html
+++ b/people/9405.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9406.html b/people/9406.html
index b85b079f..556f10f1 100644
--- a/people/9406.html
+++ b/people/9406.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9407.html b/people/9407.html
index aec38779..ce79affb 100644
--- a/people/9407.html
+++ b/people/9407.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9408.html b/people/9408.html
index 609d60ed..35a41ed8 100644
--- a/people/9408.html
+++ b/people/9408.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9409.html b/people/9409.html
index a98a0c5c..08aa1e0a 100644
--- a/people/9409.html
+++ b/people/9409.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/941.html b/people/941.html
index d9bb8d61..031448f1 100644
--- a/people/941.html
+++ b/people/941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9410.html b/people/9410.html
index a09761ac..e960e2ae 100644
--- a/people/9410.html
+++ b/people/9410.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9411.html b/people/9411.html
index 88aee096..f6944181 100644
--- a/people/9411.html
+++ b/people/9411.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9412.html b/people/9412.html
index 1fad4a2f..1ef5ad26 100644
--- a/people/9412.html
+++ b/people/9412.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9413.html b/people/9413.html
index 73cff24e..7be18a46 100644
--- a/people/9413.html
+++ b/people/9413.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9414.html b/people/9414.html
index 16c8c037..a0de996d 100644
--- a/people/9414.html
+++ b/people/9414.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9415.html b/people/9415.html
index 01053ed3..a2ef018f 100644
--- a/people/9415.html
+++ b/people/9415.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9416.html b/people/9416.html
index bc7156d9..dc6ddd39 100644
--- a/people/9416.html
+++ b/people/9416.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9417.html b/people/9417.html
index 0cc3e6c3..35bbd315 100644
--- a/people/9417.html
+++ b/people/9417.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9418.html b/people/9418.html
index 4197bf44..857fd359 100644
--- a/people/9418.html
+++ b/people/9418.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9419.html b/people/9419.html
index 95f25160..c6b8b644 100644
--- a/people/9419.html
+++ b/people/9419.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/942.html b/people/942.html
index 13985c4f..a5530aa5 100644
--- a/people/942.html
+++ b/people/942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9420.html b/people/9420.html
index 3dad0203..2fce214a 100644
--- a/people/9420.html
+++ b/people/9420.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9421.html b/people/9421.html
index e1a7f7cb..20822864 100644
--- a/people/9421.html
+++ b/people/9421.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9422.html b/people/9422.html
index 6fb14fb6..b5358443 100644
--- a/people/9422.html
+++ b/people/9422.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9423.html b/people/9423.html
index b2410d31..a38436e5 100644
--- a/people/9423.html
+++ b/people/9423.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9424.html b/people/9424.html
index 5a35a808..ed02a62e 100644
--- a/people/9424.html
+++ b/people/9424.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9425.html b/people/9425.html
index c0f095bb..eddbbac0 100644
--- a/people/9425.html
+++ b/people/9425.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9426.html b/people/9426.html
index c91b2096..06ed0672 100644
--- a/people/9426.html
+++ b/people/9426.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9427.html b/people/9427.html
index adc75773..cec27d7e 100644
--- a/people/9427.html
+++ b/people/9427.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9428.html b/people/9428.html
index 9a046924..32205425 100644
--- a/people/9428.html
+++ b/people/9428.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9429.html b/people/9429.html
index 4f870dc1..cb6f94b9 100644
--- a/people/9429.html
+++ b/people/9429.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/943.html b/people/943.html
index e5522c93..1ef5c1d0 100644
--- a/people/943.html
+++ b/people/943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9430.html b/people/9430.html
index 9d4b1370..df034431 100644
--- a/people/9430.html
+++ b/people/9430.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9431.html b/people/9431.html
index d85a7a6f..69ffab6e 100644
--- a/people/9431.html
+++ b/people/9431.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9432.html b/people/9432.html
index 1adc619d..f7eacc51 100644
--- a/people/9432.html
+++ b/people/9432.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9433.html b/people/9433.html
index 21693a00..04f6da0b 100644
--- a/people/9433.html
+++ b/people/9433.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9434.html b/people/9434.html
index 314a7a35..b2754519 100644
--- a/people/9434.html
+++ b/people/9434.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9435.html b/people/9435.html
index 07aff01b..16623bfa 100644
--- a/people/9435.html
+++ b/people/9435.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9436.html b/people/9436.html
index 87ddee62..a7953bb0 100644
--- a/people/9436.html
+++ b/people/9436.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9437.html b/people/9437.html
index f1120ae0..e824b9c0 100644
--- a/people/9437.html
+++ b/people/9437.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9438.html b/people/9438.html
index 2bc57bb9..fd32fcbb 100644
--- a/people/9438.html
+++ b/people/9438.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9439.html b/people/9439.html
index b440d8d0..90b64bb9 100644
--- a/people/9439.html
+++ b/people/9439.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/944.html b/people/944.html
index d0a2820e..4239fe9a 100644
--- a/people/944.html
+++ b/people/944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9440.html b/people/9440.html
index 71829824..569490ab 100644
--- a/people/9440.html
+++ b/people/9440.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9441.html b/people/9441.html
index 1cea0190..098f3ad5 100644
--- a/people/9441.html
+++ b/people/9441.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9442.html b/people/9442.html
index 76c71dd3..502c7d98 100644
--- a/people/9442.html
+++ b/people/9442.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9443.html b/people/9443.html
index 0a32336d..231e1359 100644
--- a/people/9443.html
+++ b/people/9443.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9444.html b/people/9444.html
index f209031b..08c27e30 100644
--- a/people/9444.html
+++ b/people/9444.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9445.html b/people/9445.html
index b5d80433..1af6c7c1 100644
--- a/people/9445.html
+++ b/people/9445.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9446.html b/people/9446.html
index 28d58b98..c8a83548 100644
--- a/people/9446.html
+++ b/people/9446.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9447.html b/people/9447.html
index b91c7639..c70ef842 100644
--- a/people/9447.html
+++ b/people/9447.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9448.html b/people/9448.html
index 1ce44534..ab306ada 100644
--- a/people/9448.html
+++ b/people/9448.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9449.html b/people/9449.html
index d41d9b48..9a79cbda 100644
--- a/people/9449.html
+++ b/people/9449.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/945.html b/people/945.html
index c7c2f2e5..1a95feef 100644
--- a/people/945.html
+++ b/people/945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9450.html b/people/9450.html
index 4ebbd324..54e96239 100644
--- a/people/9450.html
+++ b/people/9450.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9451.html b/people/9451.html
index 16b356ad..25ba1470 100644
--- a/people/9451.html
+++ b/people/9451.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9452.html b/people/9452.html
index 9505f22a..cf3ed935 100644
--- a/people/9452.html
+++ b/people/9452.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9453.html b/people/9453.html
index 6ccd10c3..f52e1267 100644
--- a/people/9453.html
+++ b/people/9453.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9454.html b/people/9454.html
index c8480c56..5086b1ef 100644
--- a/people/9454.html
+++ b/people/9454.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9455.html b/people/9455.html
index e83ab367..9855d310 100644
--- a/people/9455.html
+++ b/people/9455.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9456.html b/people/9456.html
index 5ee74846..d7464c8c 100644
--- a/people/9456.html
+++ b/people/9456.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9457.html b/people/9457.html
index 7992f7b2..647cbe8b 100644
--- a/people/9457.html
+++ b/people/9457.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9458.html b/people/9458.html
index f62568f5..fe0e0bfd 100644
--- a/people/9458.html
+++ b/people/9458.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9459.html b/people/9459.html
index 2b03a479..ab0673aa 100644
--- a/people/9459.html
+++ b/people/9459.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/946.html b/people/946.html
index 3050b315..e0fd7193 100644
--- a/people/946.html
+++ b/people/946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9460.html b/people/9460.html
index db5a140f..4c7913a3 100644
--- a/people/9460.html
+++ b/people/9460.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9461.html b/people/9461.html
index 25b915c7..91edf856 100644
--- a/people/9461.html
+++ b/people/9461.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9462.html b/people/9462.html
index 939f344b..7f18b895 100644
--- a/people/9462.html
+++ b/people/9462.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9463.html b/people/9463.html
index d32baf1a..8eb47df9 100644
--- a/people/9463.html
+++ b/people/9463.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9464.html b/people/9464.html
index 7da0d07d..1c92e4fd 100644
--- a/people/9464.html
+++ b/people/9464.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9465.html b/people/9465.html
index 9ac6844c..31c9ce1f 100644
--- a/people/9465.html
+++ b/people/9465.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9466.html b/people/9466.html
index 2dead70d..e7472c6d 100644
--- a/people/9466.html
+++ b/people/9466.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9467.html b/people/9467.html
index 946671db..2b3f58c0 100644
--- a/people/9467.html
+++ b/people/9467.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9468.html b/people/9468.html
index 83194c53..9aa9b5e8 100644
--- a/people/9468.html
+++ b/people/9468.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9469.html b/people/9469.html
index 86dec3e0..2a318159 100644
--- a/people/9469.html
+++ b/people/9469.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/947.html b/people/947.html
index 68c21dc7..0907d104 100644
--- a/people/947.html
+++ b/people/947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9470.html b/people/9470.html
index 408dd006..8258e5d4 100644
--- a/people/9470.html
+++ b/people/9470.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9471.html b/people/9471.html
index 76fda7fa..bd104536 100644
--- a/people/9471.html
+++ b/people/9471.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9472.html b/people/9472.html
index cee368d7..e1c43495 100644
--- a/people/9472.html
+++ b/people/9472.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9473.html b/people/9473.html
index 20b420e8..49f47139 100644
--- a/people/9473.html
+++ b/people/9473.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9474.html b/people/9474.html
index f0af463f..612edcab 100644
--- a/people/9474.html
+++ b/people/9474.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9475.html b/people/9475.html
index 1f7d5f56..de3dc0ed 100644
--- a/people/9475.html
+++ b/people/9475.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9476.html b/people/9476.html
index a14af6e0..06b40514 100644
--- a/people/9476.html
+++ b/people/9476.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9477.html b/people/9477.html
index e4242bab..11a7f7a5 100644
--- a/people/9477.html
+++ b/people/9477.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9478.html b/people/9478.html
index 4f4b08be..f6667959 100644
--- a/people/9478.html
+++ b/people/9478.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9479.html b/people/9479.html
index 835e1b9c..88b0188e 100644
--- a/people/9479.html
+++ b/people/9479.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/948.html b/people/948.html
index a1567dee..2afe7896 100644
--- a/people/948.html
+++ b/people/948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9480.html b/people/9480.html
index 0b9b5694..f07b23d3 100644
--- a/people/9480.html
+++ b/people/9480.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9481.html b/people/9481.html
index b39710df..91508ab1 100644
--- a/people/9481.html
+++ b/people/9481.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9482.html b/people/9482.html
index 7e3b37ac..8fc36673 100644
--- a/people/9482.html
+++ b/people/9482.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9483.html b/people/9483.html
index af94684b..3bd36ad7 100644
--- a/people/9483.html
+++ b/people/9483.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9484.html b/people/9484.html
index cf2692d9..7d942b43 100644
--- a/people/9484.html
+++ b/people/9484.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9485.html b/people/9485.html
index 7facf900..55281989 100644
--- a/people/9485.html
+++ b/people/9485.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9486.html b/people/9486.html
index d98c16c2..ecad1b08 100644
--- a/people/9486.html
+++ b/people/9486.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9487.html b/people/9487.html
index 36bee92e..0e20b0bd 100644
--- a/people/9487.html
+++ b/people/9487.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9488.html b/people/9488.html
index 2ec1bbfd..fdcf38a9 100644
--- a/people/9488.html
+++ b/people/9488.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9489.html b/people/9489.html
index c4945b43..2e7b5f9a 100644
--- a/people/9489.html
+++ b/people/9489.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/949.html b/people/949.html
index 925922a1..c8a6e880 100644
--- a/people/949.html
+++ b/people/949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9490.html b/people/9490.html
index 5912fc47..da44132e 100644
--- a/people/9490.html
+++ b/people/9490.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9491.html b/people/9491.html
index c7997d08..6e7ba830 100644
--- a/people/9491.html
+++ b/people/9491.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9492.html b/people/9492.html
index 4d6cb59e..ae8fa8a8 100644
--- a/people/9492.html
+++ b/people/9492.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9493.html b/people/9493.html
index 34199f94..07c16f45 100644
--- a/people/9493.html
+++ b/people/9493.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9494.html b/people/9494.html
index 7f1fe441..70ba0939 100644
--- a/people/9494.html
+++ b/people/9494.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9495.html b/people/9495.html
index 3f60f670..72348b2f 100644
--- a/people/9495.html
+++ b/people/9495.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9496.html b/people/9496.html
index 39a971aa..1684d61b 100644
--- a/people/9496.html
+++ b/people/9496.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9497.html b/people/9497.html
index f6c341aa..bee0d383 100644
--- a/people/9497.html
+++ b/people/9497.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9498.html b/people/9498.html
index f6674de7..2706e562 100644
--- a/people/9498.html
+++ b/people/9498.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9499.html b/people/9499.html
index 2f479761..95a602a9 100644
--- a/people/9499.html
+++ b/people/9499.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/95.html b/people/95.html
index e1b59afa..e99200d5 100644
--- a/people/95.html
+++ b/people/95.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/950.html b/people/950.html
index 71581f33..f71a3459 100644
--- a/people/950.html
+++ b/people/950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9500.html b/people/9500.html
index 664f2ea2..c49733dc 100644
--- a/people/9500.html
+++ b/people/9500.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9501.html b/people/9501.html
index 6d85c4a1..e9fad53d 100644
--- a/people/9501.html
+++ b/people/9501.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9502.html b/people/9502.html
index baca72c3..21bf7a75 100644
--- a/people/9502.html
+++ b/people/9502.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9503.html b/people/9503.html
index 7499ea32..280293fb 100644
--- a/people/9503.html
+++ b/people/9503.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9504.html b/people/9504.html
index dc9acec5..c574c06d 100644
--- a/people/9504.html
+++ b/people/9504.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9505.html b/people/9505.html
index 27072117..840130da 100644
--- a/people/9505.html
+++ b/people/9505.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9506.html b/people/9506.html
index acc8d88b..63b0e187 100644
--- a/people/9506.html
+++ b/people/9506.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9507.html b/people/9507.html
index ab8816e6..12d6816f 100644
--- a/people/9507.html
+++ b/people/9507.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9508.html b/people/9508.html
index b46cb51e..c31dd34e 100644
--- a/people/9508.html
+++ b/people/9508.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9509.html b/people/9509.html
index 08bc7342..fe38e2a7 100644
--- a/people/9509.html
+++ b/people/9509.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/951.html b/people/951.html
index 58c95507..a843c0c7 100644
--- a/people/951.html
+++ b/people/951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9510.html b/people/9510.html
index a093f362..f4ec4d1e 100644
--- a/people/9510.html
+++ b/people/9510.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9511.html b/people/9511.html
index e05fbbd5..bf998413 100644
--- a/people/9511.html
+++ b/people/9511.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9512.html b/people/9512.html
index d2cbac25..dcbf4814 100644
--- a/people/9512.html
+++ b/people/9512.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9513.html b/people/9513.html
index fddde65a..5244a4d5 100644
--- a/people/9513.html
+++ b/people/9513.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9514.html b/people/9514.html
index 570185df..383a3d59 100644
--- a/people/9514.html
+++ b/people/9514.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9515.html b/people/9515.html
index 73378419..c76cdd7e 100644
--- a/people/9515.html
+++ b/people/9515.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9516.html b/people/9516.html
index 35a74e3e..62cb7a4c 100644
--- a/people/9516.html
+++ b/people/9516.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9517.html b/people/9517.html
index c962b297..aa5e921f 100644
--- a/people/9517.html
+++ b/people/9517.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9518.html b/people/9518.html
index ae30a008..bbd5e9bb 100644
--- a/people/9518.html
+++ b/people/9518.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9519.html b/people/9519.html
index eb3a8839..09bf325e 100644
--- a/people/9519.html
+++ b/people/9519.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/952.html b/people/952.html
index a29a7ac8..436583a5 100644
--- a/people/952.html
+++ b/people/952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9520.html b/people/9520.html
index 622f1dad..94820333 100644
--- a/people/9520.html
+++ b/people/9520.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9521.html b/people/9521.html
index a9c84bb1..fef75e71 100644
--- a/people/9521.html
+++ b/people/9521.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9522.html b/people/9522.html
index 1560ee46..16e5d85c 100644
--- a/people/9522.html
+++ b/people/9522.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9523.html b/people/9523.html
index 0d4edafb..8874894b 100644
--- a/people/9523.html
+++ b/people/9523.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9524.html b/people/9524.html
index 2f06736a..57c6b656 100644
--- a/people/9524.html
+++ b/people/9524.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9525.html b/people/9525.html
index 0d362b08..4ae2c061 100644
--- a/people/9525.html
+++ b/people/9525.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9526.html b/people/9526.html
index 076a1b5e..93a65cf6 100644
--- a/people/9526.html
+++ b/people/9526.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9527.html b/people/9527.html
index fdf287ed..4d39bba3 100644
--- a/people/9527.html
+++ b/people/9527.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9528.html b/people/9528.html
index e16650ee..8d155191 100644
--- a/people/9528.html
+++ b/people/9528.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9529.html b/people/9529.html
index 4ef68fe2..4a473b54 100644
--- a/people/9529.html
+++ b/people/9529.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/953.html b/people/953.html
index 455e4404..e7dda73c 100644
--- a/people/953.html
+++ b/people/953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9530.html b/people/9530.html
index 2778fb1a..a455e641 100644
--- a/people/9530.html
+++ b/people/9530.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9531.html b/people/9531.html
index 71722244..743341f1 100644
--- a/people/9531.html
+++ b/people/9531.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9532.html b/people/9532.html
index 44da266e..b8beea2d 100644
--- a/people/9532.html
+++ b/people/9532.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9533.html b/people/9533.html
index 12880eab..11818664 100644
--- a/people/9533.html
+++ b/people/9533.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9534.html b/people/9534.html
index 92f0c0c5..cd5c9c7d 100644
--- a/people/9534.html
+++ b/people/9534.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9535.html b/people/9535.html
index 1089cd72..26a7a9d0 100644
--- a/people/9535.html
+++ b/people/9535.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9536.html b/people/9536.html
index e486e597..e3f39783 100644
--- a/people/9536.html
+++ b/people/9536.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9537.html b/people/9537.html
index 03df2cc3..f1a3e38c 100644
--- a/people/9537.html
+++ b/people/9537.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9538.html b/people/9538.html
index 749f0345..61819ae8 100644
--- a/people/9538.html
+++ b/people/9538.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9539.html b/people/9539.html
index d311d29b..828623ab 100644
--- a/people/9539.html
+++ b/people/9539.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/954.html b/people/954.html
index 89893504..3df520f0 100644
--- a/people/954.html
+++ b/people/954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9540.html b/people/9540.html
index 99533651..9c61055c 100644
--- a/people/9540.html
+++ b/people/9540.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9541.html b/people/9541.html
index f7172b63..484d95c6 100644
--- a/people/9541.html
+++ b/people/9541.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9542.html b/people/9542.html
index 8898e938..f9cffc6e 100644
--- a/people/9542.html
+++ b/people/9542.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9543.html b/people/9543.html
index 043931c4..7646f064 100644
--- a/people/9543.html
+++ b/people/9543.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9544.html b/people/9544.html
index 77dc6b1a..5593abc5 100644
--- a/people/9544.html
+++ b/people/9544.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9545.html b/people/9545.html
index 108ea35b..3160de94 100644
--- a/people/9545.html
+++ b/people/9545.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9546.html b/people/9546.html
index 9db3599e..5c173dc7 100644
--- a/people/9546.html
+++ b/people/9546.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9547.html b/people/9547.html
index bba1a975..12ef9ffa 100644
--- a/people/9547.html
+++ b/people/9547.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9548.html b/people/9548.html
index c61760fa..35493ed2 100644
--- a/people/9548.html
+++ b/people/9548.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9549.html b/people/9549.html
index aa81297c..a7e05b64 100644
--- a/people/9549.html
+++ b/people/9549.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/955.html b/people/955.html
index 4a4ab367..eab59486 100644
--- a/people/955.html
+++ b/people/955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9550.html b/people/9550.html
index df5ad5a4..278ad62e 100644
--- a/people/9550.html
+++ b/people/9550.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9551.html b/people/9551.html
index 779d0892..621814fa 100644
--- a/people/9551.html
+++ b/people/9551.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9552.html b/people/9552.html
index 88297b79..1368836d 100644
--- a/people/9552.html
+++ b/people/9552.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9553.html b/people/9553.html
index 8ac9b1ff..7b3f895d 100644
--- a/people/9553.html
+++ b/people/9553.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9554.html b/people/9554.html
index 57d3fd8d..f89e21c6 100644
--- a/people/9554.html
+++ b/people/9554.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9555.html b/people/9555.html
index 8e6f9e0a..7a11946c 100644
--- a/people/9555.html
+++ b/people/9555.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9556.html b/people/9556.html
index 628a41e0..f4515f1f 100644
--- a/people/9556.html
+++ b/people/9556.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9557.html b/people/9557.html
index f318862c..2dbe6e08 100644
--- a/people/9557.html
+++ b/people/9557.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9558.html b/people/9558.html
index f7b4e518..5f5f2ad5 100644
--- a/people/9558.html
+++ b/people/9558.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9559.html b/people/9559.html
index dc5f9b23..e0546085 100644
--- a/people/9559.html
+++ b/people/9559.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/956.html b/people/956.html
index d15761b9..3a98667e 100644
--- a/people/956.html
+++ b/people/956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9560.html b/people/9560.html
index 1a19a1bc..b6df0479 100644
--- a/people/9560.html
+++ b/people/9560.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9561.html b/people/9561.html
index b8495d1f..bc7a50d3 100644
--- a/people/9561.html
+++ b/people/9561.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9562.html b/people/9562.html
index 4eb6836e..d3a2bedf 100644
--- a/people/9562.html
+++ b/people/9562.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9563.html b/people/9563.html
index 08f18238..d095d86c 100644
--- a/people/9563.html
+++ b/people/9563.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9564.html b/people/9564.html
index edcee4ac..ac242a28 100644
--- a/people/9564.html
+++ b/people/9564.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9565.html b/people/9565.html
index 87584a3d..1cdcdbd2 100644
--- a/people/9565.html
+++ b/people/9565.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9566.html b/people/9566.html
index cdd09ddf..eaebe3d8 100644
--- a/people/9566.html
+++ b/people/9566.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9567.html b/people/9567.html
index c52b1330..c199c758 100644
--- a/people/9567.html
+++ b/people/9567.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9568.html b/people/9568.html
index 64b31f8c..5dbae0ac 100644
--- a/people/9568.html
+++ b/people/9568.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9569.html b/people/9569.html
index f8de9914..bdce7965 100644
--- a/people/9569.html
+++ b/people/9569.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/957.html b/people/957.html
index be40be05..8cac23a7 100644
--- a/people/957.html
+++ b/people/957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9570.html b/people/9570.html
index 2a7405e5..9a0477f9 100644
--- a/people/9570.html
+++ b/people/9570.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9571.html b/people/9571.html
index 07704ddf..d26c88c0 100644
--- a/people/9571.html
+++ b/people/9571.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9572.html b/people/9572.html
index 34ae19b7..6bf0a111 100644
--- a/people/9572.html
+++ b/people/9572.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9573.html b/people/9573.html
index 203083a5..a86301ca 100644
--- a/people/9573.html
+++ b/people/9573.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9574.html b/people/9574.html
index 302e7a49..3e7de522 100644
--- a/people/9574.html
+++ b/people/9574.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9575.html b/people/9575.html
index f6f9dbbc..d4f24f70 100644
--- a/people/9575.html
+++ b/people/9575.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9576.html b/people/9576.html
index 052eb4e9..d91f1281 100644
--- a/people/9576.html
+++ b/people/9576.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9577.html b/people/9577.html
index b19ad2af..8051f60f 100644
--- a/people/9577.html
+++ b/people/9577.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9578.html b/people/9578.html
index c0eedabd..03d9c00b 100644
--- a/people/9578.html
+++ b/people/9578.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9579.html b/people/9579.html
index 447e090f..3c9d8e76 100644
--- a/people/9579.html
+++ b/people/9579.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/958.html b/people/958.html
index 8f738b64..1c86c1f4 100644
--- a/people/958.html
+++ b/people/958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9580.html b/people/9580.html
index 7438b8cc..8044dc8b 100644
--- a/people/9580.html
+++ b/people/9580.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9581.html b/people/9581.html
index 8ea6c6ef..772431b6 100644
--- a/people/9581.html
+++ b/people/9581.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9582.html b/people/9582.html
index ac8c3e03..5b363e19 100644
--- a/people/9582.html
+++ b/people/9582.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9583.html b/people/9583.html
index 71750095..7a0c8f12 100644
--- a/people/9583.html
+++ b/people/9583.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9584.html b/people/9584.html
index 493a1b93..945756f5 100644
--- a/people/9584.html
+++ b/people/9584.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9585.html b/people/9585.html
index 7148aa7a..9da6acd3 100644
--- a/people/9585.html
+++ b/people/9585.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9586.html b/people/9586.html
index f2f0bd70..20485470 100644
--- a/people/9586.html
+++ b/people/9586.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9587.html b/people/9587.html
index 2271d50f..7ea6bd35 100644
--- a/people/9587.html
+++ b/people/9587.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9588.html b/people/9588.html
index 5daaf96f..cad8844a 100644
--- a/people/9588.html
+++ b/people/9588.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9589.html b/people/9589.html
index fedcd1bb..99149b94 100644
--- a/people/9589.html
+++ b/people/9589.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/959.html b/people/959.html
index 9ec514e8..eec27fd8 100644
--- a/people/959.html
+++ b/people/959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9590.html b/people/9590.html
index 303f6b1f..73797249 100644
--- a/people/9590.html
+++ b/people/9590.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9591.html b/people/9591.html
index 91c8c2ce..c92ffcbd 100644
--- a/people/9591.html
+++ b/people/9591.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9592.html b/people/9592.html
index 0aedf1b7..f455032a 100644
--- a/people/9592.html
+++ b/people/9592.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9593.html b/people/9593.html
index 09a786ba..568edfea 100644
--- a/people/9593.html
+++ b/people/9593.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9594.html b/people/9594.html
index c996b4ce..86e2641d 100644
--- a/people/9594.html
+++ b/people/9594.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9595.html b/people/9595.html
index b650cab8..c002c7f5 100644
--- a/people/9595.html
+++ b/people/9595.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9596.html b/people/9596.html
index 38871f53..894dd74c 100644
--- a/people/9596.html
+++ b/people/9596.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9597.html b/people/9597.html
index 764d9032..7e64c07e 100644
--- a/people/9597.html
+++ b/people/9597.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9598.html b/people/9598.html
index 0fe8690d..6b450c0d 100644
--- a/people/9598.html
+++ b/people/9598.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9599.html b/people/9599.html
index 7a7c7ab4..91ec26ea 100644
--- a/people/9599.html
+++ b/people/9599.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/96.html b/people/96.html
index 1063656a..7d3d757f 100644
--- a/people/96.html
+++ b/people/96.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/960.html b/people/960.html
index ad85ca55..a218ff4c 100644
--- a/people/960.html
+++ b/people/960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9600.html b/people/9600.html
index 2a14e7bc..2f6526ae 100644
--- a/people/9600.html
+++ b/people/9600.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9601.html b/people/9601.html
index b64f3ff6..40fb0b5c 100644
--- a/people/9601.html
+++ b/people/9601.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9602.html b/people/9602.html
index f39b3493..274e201d 100644
--- a/people/9602.html
+++ b/people/9602.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9603.html b/people/9603.html
index 12b74b2c..a466bfd4 100644
--- a/people/9603.html
+++ b/people/9603.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9604.html b/people/9604.html
index e5e3e5c1..1bcd6240 100644
--- a/people/9604.html
+++ b/people/9604.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9605.html b/people/9605.html
index f7ec6499..30f1e2eb 100644
--- a/people/9605.html
+++ b/people/9605.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9606.html b/people/9606.html
index 5cfc04a1..369e1eb5 100644
--- a/people/9606.html
+++ b/people/9606.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9607.html b/people/9607.html
index d798d58c..b2c18d7e 100644
--- a/people/9607.html
+++ b/people/9607.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9608.html b/people/9608.html
index c25475e2..1f4476b9 100644
--- a/people/9608.html
+++ b/people/9608.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9609.html b/people/9609.html
index 544169b7..d8d5a8a7 100644
--- a/people/9609.html
+++ b/people/9609.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/961.html b/people/961.html
index 3452caf0..6e3d1b62 100644
--- a/people/961.html
+++ b/people/961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9610.html b/people/9610.html
index 188d4550..3a950b9c 100644
--- a/people/9610.html
+++ b/people/9610.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9611.html b/people/9611.html
index 757ffaf3..a2f6c17c 100644
--- a/people/9611.html
+++ b/people/9611.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9612.html b/people/9612.html
index 27a7cd44..91e6f97b 100644
--- a/people/9612.html
+++ b/people/9612.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9613.html b/people/9613.html
index 8d2b9b54..3bd7db8d 100644
--- a/people/9613.html
+++ b/people/9613.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9614.html b/people/9614.html
index d3d4ec18..79aee848 100644
--- a/people/9614.html
+++ b/people/9614.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9615.html b/people/9615.html
index 050b60b2..8b07393f 100644
--- a/people/9615.html
+++ b/people/9615.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9616.html b/people/9616.html
index b73b9333..45d811f3 100644
--- a/people/9616.html
+++ b/people/9616.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9617.html b/people/9617.html
index 6e1bbcdb..f708cf46 100644
--- a/people/9617.html
+++ b/people/9617.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9618.html b/people/9618.html
index f2306b5b..c7b5eb1f 100644
--- a/people/9618.html
+++ b/people/9618.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9619.html b/people/9619.html
index 03d5a263..8a722f51 100644
--- a/people/9619.html
+++ b/people/9619.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/962.html b/people/962.html
index b72b8de4..23850dca 100644
--- a/people/962.html
+++ b/people/962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9620.html b/people/9620.html
index a72c570c..8117d15c 100644
--- a/people/9620.html
+++ b/people/9620.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9621.html b/people/9621.html
index ded64ab6..27e24930 100644
--- a/people/9621.html
+++ b/people/9621.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9622.html b/people/9622.html
index 1c20854d..cd96d374 100644
--- a/people/9622.html
+++ b/people/9622.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9623.html b/people/9623.html
index 76ae4e31..25c1641f 100644
--- a/people/9623.html
+++ b/people/9623.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9624.html b/people/9624.html
index dd000b20..6378659b 100644
--- a/people/9624.html
+++ b/people/9624.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9625.html b/people/9625.html
index ea48e5f7..e74bc12f 100644
--- a/people/9625.html
+++ b/people/9625.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9626.html b/people/9626.html
index 8be06bb1..5a1796a9 100644
--- a/people/9626.html
+++ b/people/9626.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9627.html b/people/9627.html
index dfd633d7..9a8a7b27 100644
--- a/people/9627.html
+++ b/people/9627.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9628.html b/people/9628.html
index f31639f4..46225a23 100644
--- a/people/9628.html
+++ b/people/9628.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9629.html b/people/9629.html
index 5d1d5f79..5f5eff74 100644
--- a/people/9629.html
+++ b/people/9629.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/963.html b/people/963.html
index cfe668bd..5abee56b 100644
--- a/people/963.html
+++ b/people/963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9630.html b/people/9630.html
index 823308c9..12892943 100644
--- a/people/9630.html
+++ b/people/9630.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9631.html b/people/9631.html
index ff32532f..7aa7d048 100644
--- a/people/9631.html
+++ b/people/9631.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9632.html b/people/9632.html
index 59600500..39124278 100644
--- a/people/9632.html
+++ b/people/9632.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9633.html b/people/9633.html
index e6a740ef..52910159 100644
--- a/people/9633.html
+++ b/people/9633.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9634.html b/people/9634.html
index dcbea8b6..bc74ecff 100644
--- a/people/9634.html
+++ b/people/9634.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9635.html b/people/9635.html
index d96ed621..3e2f936d 100644
--- a/people/9635.html
+++ b/people/9635.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9636.html b/people/9636.html
index f2abe270..e97f2a06 100644
--- a/people/9636.html
+++ b/people/9636.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9637.html b/people/9637.html
index 9cea6902..341a797b 100644
--- a/people/9637.html
+++ b/people/9637.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9638.html b/people/9638.html
index f0c05d86..e722a1b2 100644
--- a/people/9638.html
+++ b/people/9638.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9639.html b/people/9639.html
index 294357f0..391a0420 100644
--- a/people/9639.html
+++ b/people/9639.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/964.html b/people/964.html
index 293c79ba..915cb574 100644
--- a/people/964.html
+++ b/people/964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9640.html b/people/9640.html
index ad56069c..13267037 100644
--- a/people/9640.html
+++ b/people/9640.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9641.html b/people/9641.html
index d5feaefe..bd57d07a 100644
--- a/people/9641.html
+++ b/people/9641.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9642.html b/people/9642.html
index 18528d1b..9980edd1 100644
--- a/people/9642.html
+++ b/people/9642.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9643.html b/people/9643.html
index 87781209..2e9abe64 100644
--- a/people/9643.html
+++ b/people/9643.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9644.html b/people/9644.html
index 782d3ecf..81c9b153 100644
--- a/people/9644.html
+++ b/people/9644.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9645.html b/people/9645.html
index 8bb6c34d..038557d5 100644
--- a/people/9645.html
+++ b/people/9645.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9646.html b/people/9646.html
index 4c247a85..84020b22 100644
--- a/people/9646.html
+++ b/people/9646.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9647.html b/people/9647.html
index 8e2ca7f5..fffa34e7 100644
--- a/people/9647.html
+++ b/people/9647.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9648.html b/people/9648.html
index 67f5e325..eb03cb3e 100644
--- a/people/9648.html
+++ b/people/9648.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9649.html b/people/9649.html
index a5fbb3b5..8af614a4 100644
--- a/people/9649.html
+++ b/people/9649.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/965.html b/people/965.html
index a7d5a037..27b58a0b 100644
--- a/people/965.html
+++ b/people/965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9650.html b/people/9650.html
index 1babbd2d..e175fdee 100644
--- a/people/9650.html
+++ b/people/9650.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9651.html b/people/9651.html
index e9f849be..4272d095 100644
--- a/people/9651.html
+++ b/people/9651.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9652.html b/people/9652.html
index c6f350f3..7942444d 100644
--- a/people/9652.html
+++ b/people/9652.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9653.html b/people/9653.html
index 3cc738cb..6229bb4d 100644
--- a/people/9653.html
+++ b/people/9653.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9654.html b/people/9654.html
index 9bf51547..06a7400c 100644
--- a/people/9654.html
+++ b/people/9654.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9655.html b/people/9655.html
index 52ad3991..2fa4a88f 100644
--- a/people/9655.html
+++ b/people/9655.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9656.html b/people/9656.html
index dbd419fd..7131bf59 100644
--- a/people/9656.html
+++ b/people/9656.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9657.html b/people/9657.html
index 365baa9a..cf6acadc 100644
--- a/people/9657.html
+++ b/people/9657.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9658.html b/people/9658.html
index c2bff627..c56bb8cc 100644
--- a/people/9658.html
+++ b/people/9658.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9659.html b/people/9659.html
index 926bce88..4b73683d 100644
--- a/people/9659.html
+++ b/people/9659.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/966.html b/people/966.html
index 63cd87a0..4cfc8b92 100644
--- a/people/966.html
+++ b/people/966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9660.html b/people/9660.html
index ab61e835..8e5f2450 100644
--- a/people/9660.html
+++ b/people/9660.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9661.html b/people/9661.html
index d3287690..a7bdc8e0 100644
--- a/people/9661.html
+++ b/people/9661.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9662.html b/people/9662.html
index 263fff20..732303ec 100644
--- a/people/9662.html
+++ b/people/9662.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9663.html b/people/9663.html
index 434d3494..8e277750 100644
--- a/people/9663.html
+++ b/people/9663.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9664.html b/people/9664.html
index 0b36caf6..9f3326a5 100644
--- a/people/9664.html
+++ b/people/9664.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9665.html b/people/9665.html
index fa8356df..f71ca7ae 100644
--- a/people/9665.html
+++ b/people/9665.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9666.html b/people/9666.html
index b3e40a02..20341891 100644
--- a/people/9666.html
+++ b/people/9666.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9667.html b/people/9667.html
index ac966b60..c4390584 100644
--- a/people/9667.html
+++ b/people/9667.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9668.html b/people/9668.html
index 36bb6704..a2506d2e 100644
--- a/people/9668.html
+++ b/people/9668.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9669.html b/people/9669.html
index 9b70112c..e09adaba 100644
--- a/people/9669.html
+++ b/people/9669.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/967.html b/people/967.html
index fc7f36d1..6bb87e3f 100644
--- a/people/967.html
+++ b/people/967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9670.html b/people/9670.html
index 6b15a6dc..02af7420 100644
--- a/people/9670.html
+++ b/people/9670.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9671.html b/people/9671.html
index 33ee622e..b54182bb 100644
--- a/people/9671.html
+++ b/people/9671.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9672.html b/people/9672.html
index 14a4f90f..15f65b36 100644
--- a/people/9672.html
+++ b/people/9672.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9673.html b/people/9673.html
index a09f4cdd..6b9fdd54 100644
--- a/people/9673.html
+++ b/people/9673.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9674.html b/people/9674.html
index 60ee25c8..1419778a 100644
--- a/people/9674.html
+++ b/people/9674.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9675.html b/people/9675.html
index 5d18d763..53836e19 100644
--- a/people/9675.html
+++ b/people/9675.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9676.html b/people/9676.html
index 866620ec..b56edb99 100644
--- a/people/9676.html
+++ b/people/9676.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9677.html b/people/9677.html
index d8f85e02..6b0fbeb1 100644
--- a/people/9677.html
+++ b/people/9677.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9678.html b/people/9678.html
index f8cb1296..d0dc599c 100644
--- a/people/9678.html
+++ b/people/9678.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9679.html b/people/9679.html
index 03fb94dd..2c6c320e 100644
--- a/people/9679.html
+++ b/people/9679.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/968.html b/people/968.html
index 51c1b06a..81bae2be 100644
--- a/people/968.html
+++ b/people/968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9680.html b/people/9680.html
index ce2661a2..beb7fc96 100644
--- a/people/9680.html
+++ b/people/9680.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9681.html b/people/9681.html
index f075e702..40b76de5 100644
--- a/people/9681.html
+++ b/people/9681.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9682.html b/people/9682.html
index bd056f9f..381eeb79 100644
--- a/people/9682.html
+++ b/people/9682.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9683.html b/people/9683.html
index d6575ed8..301122a0 100644
--- a/people/9683.html
+++ b/people/9683.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9684.html b/people/9684.html
index 61ca86fd..4f7def14 100644
--- a/people/9684.html
+++ b/people/9684.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9685.html b/people/9685.html
index 2e504ae2..41f24739 100644
--- a/people/9685.html
+++ b/people/9685.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9686.html b/people/9686.html
index a6097d83..a6187eeb 100644
--- a/people/9686.html
+++ b/people/9686.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9687.html b/people/9687.html
index d1b9b82d..a167c5f0 100644
--- a/people/9687.html
+++ b/people/9687.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9688.html b/people/9688.html
index efeb4697..057afbfd 100644
--- a/people/9688.html
+++ b/people/9688.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9689.html b/people/9689.html
index 7254edbf..a764118a 100644
--- a/people/9689.html
+++ b/people/9689.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/969.html b/people/969.html
index f6d86a89..d5e69df8 100644
--- a/people/969.html
+++ b/people/969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9690.html b/people/9690.html
index 236ccef7..83f2c445 100644
--- a/people/9690.html
+++ b/people/9690.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9691.html b/people/9691.html
index bd096319..3ea67cd0 100644
--- a/people/9691.html
+++ b/people/9691.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9692.html b/people/9692.html
index 6b62bb8d..466f10ac 100644
--- a/people/9692.html
+++ b/people/9692.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9693.html b/people/9693.html
index 743ef16b..bdbb241e 100644
--- a/people/9693.html
+++ b/people/9693.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9694.html b/people/9694.html
index b355cda1..c2dd5e6b 100644
--- a/people/9694.html
+++ b/people/9694.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9695.html b/people/9695.html
index bba51bda..28b83fc2 100644
--- a/people/9695.html
+++ b/people/9695.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9696.html b/people/9696.html
index 55fbe4c2..91a8369c 100644
--- a/people/9696.html
+++ b/people/9696.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9697.html b/people/9697.html
index df8b40c5..30d10019 100644
--- a/people/9697.html
+++ b/people/9697.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9698.html b/people/9698.html
index f155cb6f..a2e1ecf0 100644
--- a/people/9698.html
+++ b/people/9698.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9699.html b/people/9699.html
index c83c9db6..1ecf3a77 100644
--- a/people/9699.html
+++ b/people/9699.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/97.html b/people/97.html
index 893b2aa6..7724a15c 100644
--- a/people/97.html
+++ b/people/97.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/970.html b/people/970.html
index ae9aa877..6ddf8631 100644
--- a/people/970.html
+++ b/people/970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9700.html b/people/9700.html
index c2182313..9ec36a89 100644
--- a/people/9700.html
+++ b/people/9700.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9701.html b/people/9701.html
index de5c32a0..53c15ed0 100644
--- a/people/9701.html
+++ b/people/9701.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9702.html b/people/9702.html
index 745cd003..be0b0278 100644
--- a/people/9702.html
+++ b/people/9702.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9703.html b/people/9703.html
index 3fb5a521..c5083515 100644
--- a/people/9703.html
+++ b/people/9703.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9704.html b/people/9704.html
index f014dd8e..41c66160 100644
--- a/people/9704.html
+++ b/people/9704.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9705.html b/people/9705.html
index d81cb1ac..d5571ae7 100644
--- a/people/9705.html
+++ b/people/9705.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9706.html b/people/9706.html
index 739fe8e7..54491566 100644
--- a/people/9706.html
+++ b/people/9706.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9707.html b/people/9707.html
index ed1af305..dd5d2103 100644
--- a/people/9707.html
+++ b/people/9707.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9708.html b/people/9708.html
index 3db7e1a3..d35d3298 100644
--- a/people/9708.html
+++ b/people/9708.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9709.html b/people/9709.html
index ec99cacf..4c7dfcab 100644
--- a/people/9709.html
+++ b/people/9709.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/971.html b/people/971.html
index 532b4775..60b1e56f 100644
--- a/people/971.html
+++ b/people/971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9710.html b/people/9710.html
index 5632d736..7a1cce37 100644
--- a/people/9710.html
+++ b/people/9710.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9711.html b/people/9711.html
index 6d900cc2..59f61613 100644
--- a/people/9711.html
+++ b/people/9711.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9712.html b/people/9712.html
index 20a58b75..3bbc6147 100644
--- a/people/9712.html
+++ b/people/9712.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9713.html b/people/9713.html
index 41677ac0..d0e9d872 100644
--- a/people/9713.html
+++ b/people/9713.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9714.html b/people/9714.html
index 2fe55780..1085da61 100644
--- a/people/9714.html
+++ b/people/9714.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9715.html b/people/9715.html
index 2e842a61..24ef9c60 100644
--- a/people/9715.html
+++ b/people/9715.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9716.html b/people/9716.html
index d73d641c..538f91aa 100644
--- a/people/9716.html
+++ b/people/9716.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9717.html b/people/9717.html
index a2b294e0..b7503367 100644
--- a/people/9717.html
+++ b/people/9717.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9718.html b/people/9718.html
index fa095502..2e51350a 100644
--- a/people/9718.html
+++ b/people/9718.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9719.html b/people/9719.html
index 34d836ff..0939e5c6 100644
--- a/people/9719.html
+++ b/people/9719.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/972.html b/people/972.html
index 08524842..a4253418 100644
--- a/people/972.html
+++ b/people/972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9720.html b/people/9720.html
index b63a9d72..93aff303 100644
--- a/people/9720.html
+++ b/people/9720.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9721.html b/people/9721.html
index 2bf329a3..c0483c70 100644
--- a/people/9721.html
+++ b/people/9721.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9722.html b/people/9722.html
index 7e18dfdb..3ace2534 100644
--- a/people/9722.html
+++ b/people/9722.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9723.html b/people/9723.html
index 4d0cd87d..38e35dfb 100644
--- a/people/9723.html
+++ b/people/9723.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9724.html b/people/9724.html
index fbcf69b9..d0eefe8e 100644
--- a/people/9724.html
+++ b/people/9724.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9725.html b/people/9725.html
index 1332bb21..c70e55b4 100644
--- a/people/9725.html
+++ b/people/9725.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9726.html b/people/9726.html
index 373e179f..8745c623 100644
--- a/people/9726.html
+++ b/people/9726.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9727.html b/people/9727.html
index 4b653d6f..1785e800 100644
--- a/people/9727.html
+++ b/people/9727.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9728.html b/people/9728.html
index f4394848..0a22d570 100644
--- a/people/9728.html
+++ b/people/9728.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9729.html b/people/9729.html
index 71f9aac9..50de76f8 100644
--- a/people/9729.html
+++ b/people/9729.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/973.html b/people/973.html
index 6e3d03af..44408b9d 100644
--- a/people/973.html
+++ b/people/973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9730.html b/people/9730.html
index 8c75323d..d76616d9 100644
--- a/people/9730.html
+++ b/people/9730.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9731.html b/people/9731.html
index e7c0b193..3bd6b52d 100644
--- a/people/9731.html
+++ b/people/9731.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9732.html b/people/9732.html
index 179b015a..b56506e7 100644
--- a/people/9732.html
+++ b/people/9732.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9733.html b/people/9733.html
index 9efc14ee..bc3839a1 100644
--- a/people/9733.html
+++ b/people/9733.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9734.html b/people/9734.html
index 1cd3f6f2..8921d8f7 100644
--- a/people/9734.html
+++ b/people/9734.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9735.html b/people/9735.html
index fb1c7535..bdecd0a1 100644
--- a/people/9735.html
+++ b/people/9735.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9736.html b/people/9736.html
index c4eae5c8..6c25e147 100644
--- a/people/9736.html
+++ b/people/9736.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9737.html b/people/9737.html
index e23c1957..1d8b464b 100644
--- a/people/9737.html
+++ b/people/9737.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9738.html b/people/9738.html
index ce6ed2d5..c135850c 100644
--- a/people/9738.html
+++ b/people/9738.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9739.html b/people/9739.html
index 4f2d14b4..bdec2dbc 100644
--- a/people/9739.html
+++ b/people/9739.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/974.html b/people/974.html
index ef7c6245..f827e902 100644
--- a/people/974.html
+++ b/people/974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9740.html b/people/9740.html
index 5006ff78..ec325156 100644
--- a/people/9740.html
+++ b/people/9740.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9741.html b/people/9741.html
index d6a3b812..24f7da36 100644
--- a/people/9741.html
+++ b/people/9741.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9742.html b/people/9742.html
index cf5a35b6..10401255 100644
--- a/people/9742.html
+++ b/people/9742.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9743.html b/people/9743.html
index 6d0918d9..58531659 100644
--- a/people/9743.html
+++ b/people/9743.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9744.html b/people/9744.html
index 16d6d263..6d2d6a75 100644
--- a/people/9744.html
+++ b/people/9744.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9745.html b/people/9745.html
index ec5bbc17..aba17e71 100644
--- a/people/9745.html
+++ b/people/9745.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9746.html b/people/9746.html
index dfea75af..29d605f2 100644
--- a/people/9746.html
+++ b/people/9746.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9747.html b/people/9747.html
index 38654004..72b75c47 100644
--- a/people/9747.html
+++ b/people/9747.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9748.html b/people/9748.html
index ab9ff8d8..80ec3c5f 100644
--- a/people/9748.html
+++ b/people/9748.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9749.html b/people/9749.html
index fee0b4b5..2ee644ac 100644
--- a/people/9749.html
+++ b/people/9749.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/975.html b/people/975.html
index ec4bc1c9..2c316258 100644
--- a/people/975.html
+++ b/people/975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9750.html b/people/9750.html
index d457b7f0..ca2a8ad8 100644
--- a/people/9750.html
+++ b/people/9750.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9751.html b/people/9751.html
index 7c2be5c9..bce149a4 100644
--- a/people/9751.html
+++ b/people/9751.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9752.html b/people/9752.html
index 9c423acf..f5938429 100644
--- a/people/9752.html
+++ b/people/9752.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9753.html b/people/9753.html
index 30786d8a..06f30235 100644
--- a/people/9753.html
+++ b/people/9753.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9754.html b/people/9754.html
index 19f17827..34fa60d4 100644
--- a/people/9754.html
+++ b/people/9754.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9755.html b/people/9755.html
index 59e9bd86..3fc609b1 100644
--- a/people/9755.html
+++ b/people/9755.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9756.html b/people/9756.html
index 2ab7f0b5..29cebdec 100644
--- a/people/9756.html
+++ b/people/9756.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9757.html b/people/9757.html
index 53fdb63c..637176d8 100644
--- a/people/9757.html
+++ b/people/9757.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9758.html b/people/9758.html
index 33c8fef2..eb5b5d01 100644
--- a/people/9758.html
+++ b/people/9758.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9759.html b/people/9759.html
index c42edbd8..1dc86e5c 100644
--- a/people/9759.html
+++ b/people/9759.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/976.html b/people/976.html
index 8b59891b..299ec49b 100644
--- a/people/976.html
+++ b/people/976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9760.html b/people/9760.html
index f69b4c74..48639bcd 100644
--- a/people/9760.html
+++ b/people/9760.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9761.html b/people/9761.html
index 10466532..435f915d 100644
--- a/people/9761.html
+++ b/people/9761.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9762.html b/people/9762.html
index 8b244f4f..045413c5 100644
--- a/people/9762.html
+++ b/people/9762.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9763.html b/people/9763.html
index 2c54aabc..a4c20eff 100644
--- a/people/9763.html
+++ b/people/9763.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9764.html b/people/9764.html
index 57af319d..2799dd38 100644
--- a/people/9764.html
+++ b/people/9764.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9765.html b/people/9765.html
index 683c4820..2be76f77 100644
--- a/people/9765.html
+++ b/people/9765.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9766.html b/people/9766.html
index a407b7f9..99dec323 100644
--- a/people/9766.html
+++ b/people/9766.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9767.html b/people/9767.html
index 6745d246..bd89f05c 100644
--- a/people/9767.html
+++ b/people/9767.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9768.html b/people/9768.html
index df22b30a..24b2eef2 100644
--- a/people/9768.html
+++ b/people/9768.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9769.html b/people/9769.html
index f51d34a3..98e768b5 100644
--- a/people/9769.html
+++ b/people/9769.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/977.html b/people/977.html
index f53322c3..bd893b4c 100644
--- a/people/977.html
+++ b/people/977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9770.html b/people/9770.html
index d2c4a7f2..35b7892c 100644
--- a/people/9770.html
+++ b/people/9770.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9771.html b/people/9771.html
index 49b9be9b..f34d17db 100644
--- a/people/9771.html
+++ b/people/9771.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9772.html b/people/9772.html
index 22b84d80..12a8bbba 100644
--- a/people/9772.html
+++ b/people/9772.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9773.html b/people/9773.html
index 4e490c62..cb20ffa7 100644
--- a/people/9773.html
+++ b/people/9773.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9774.html b/people/9774.html
index c6cfa964..048d9e76 100644
--- a/people/9774.html
+++ b/people/9774.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9775.html b/people/9775.html
index e052add6..f392e276 100644
--- a/people/9775.html
+++ b/people/9775.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9776.html b/people/9776.html
index f00cdaf6..53dd1874 100644
--- a/people/9776.html
+++ b/people/9776.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9777.html b/people/9777.html
index 032a547c..13fa3d0b 100644
--- a/people/9777.html
+++ b/people/9777.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9778.html b/people/9778.html
index d48ee2a7..51f9c3c5 100644
--- a/people/9778.html
+++ b/people/9778.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9779.html b/people/9779.html
index bc807692..463c2c1c 100644
--- a/people/9779.html
+++ b/people/9779.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/978.html b/people/978.html
index 3e5be63d..3b4e43b8 100644
--- a/people/978.html
+++ b/people/978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9780.html b/people/9780.html
index 1e6fac77..394e9818 100644
--- a/people/9780.html
+++ b/people/9780.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9781.html b/people/9781.html
index 507864d5..9ba33da2 100644
--- a/people/9781.html
+++ b/people/9781.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9782.html b/people/9782.html
index d1707223..7cf2ff78 100644
--- a/people/9782.html
+++ b/people/9782.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9783.html b/people/9783.html
index 01767e08..cf60e62a 100644
--- a/people/9783.html
+++ b/people/9783.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9784.html b/people/9784.html
index 7636250f..d65b8f06 100644
--- a/people/9784.html
+++ b/people/9784.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9785.html b/people/9785.html
index 989d7f1b..d97c3525 100644
--- a/people/9785.html
+++ b/people/9785.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9786.html b/people/9786.html
index d7e71efd..02ef5170 100644
--- a/people/9786.html
+++ b/people/9786.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9787.html b/people/9787.html
index e2148db1..f03d085d 100644
--- a/people/9787.html
+++ b/people/9787.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9788.html b/people/9788.html
index 86909848..05a6100a 100644
--- a/people/9788.html
+++ b/people/9788.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9789.html b/people/9789.html
index 9d645022..3762cbf7 100644
--- a/people/9789.html
+++ b/people/9789.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/979.html b/people/979.html
index f98dbf81..a90cebc9 100644
--- a/people/979.html
+++ b/people/979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9790.html b/people/9790.html
index e9be7db2..749fadc1 100644
--- a/people/9790.html
+++ b/people/9790.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9791.html b/people/9791.html
index 1ef52ede..f6f4e511 100644
--- a/people/9791.html
+++ b/people/9791.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9792.html b/people/9792.html
index 79e74f94..fc96dfd5 100644
--- a/people/9792.html
+++ b/people/9792.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9793.html b/people/9793.html
index b3b3de64..ac087f39 100644
--- a/people/9793.html
+++ b/people/9793.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9794.html b/people/9794.html
index 232f1ad9..d8b511fe 100644
--- a/people/9794.html
+++ b/people/9794.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9795.html b/people/9795.html
index 5551883b..38d6542e 100644
--- a/people/9795.html
+++ b/people/9795.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9796.html b/people/9796.html
index c3c576ac..637d7a1d 100644
--- a/people/9796.html
+++ b/people/9796.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9797.html b/people/9797.html
index d813a21d..17ba8172 100644
--- a/people/9797.html
+++ b/people/9797.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9798.html b/people/9798.html
index 7af69661..54a1b497 100644
--- a/people/9798.html
+++ b/people/9798.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9799.html b/people/9799.html
index a324c077..a9d6415c 100644
--- a/people/9799.html
+++ b/people/9799.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/98.html b/people/98.html
index 3a2ff6ed..e32925c2 100644
--- a/people/98.html
+++ b/people/98.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/980.html b/people/980.html
index 21d5f894..7a496701 100644
--- a/people/980.html
+++ b/people/980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9800.html b/people/9800.html
index 6bc72e30..4b9974d7 100644
--- a/people/9800.html
+++ b/people/9800.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9801.html b/people/9801.html
index 1cbcd42a..764f5742 100644
--- a/people/9801.html
+++ b/people/9801.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9802.html b/people/9802.html
index f30f5621..f04ed3e9 100644
--- a/people/9802.html
+++ b/people/9802.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9803.html b/people/9803.html
index 33ade5ba..3e50789a 100644
--- a/people/9803.html
+++ b/people/9803.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9804.html b/people/9804.html
index b3fc0c7e..7fa1fef9 100644
--- a/people/9804.html
+++ b/people/9804.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9805.html b/people/9805.html
index f53e7b2b..34f59c0d 100644
--- a/people/9805.html
+++ b/people/9805.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9806.html b/people/9806.html
index 9df5ce9e..1920d0ac 100644
--- a/people/9806.html
+++ b/people/9806.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9807.html b/people/9807.html
index 9b548e7a..c54d71db 100644
--- a/people/9807.html
+++ b/people/9807.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9808.html b/people/9808.html
index 151e889f..2c1752d6 100644
--- a/people/9808.html
+++ b/people/9808.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9809.html b/people/9809.html
index a1a1df94..5ba7c568 100644
--- a/people/9809.html
+++ b/people/9809.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/981.html b/people/981.html
index c99edd4c..5e9f1c57 100644
--- a/people/981.html
+++ b/people/981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9810.html b/people/9810.html
index 6e58802d..06acba8d 100644
--- a/people/9810.html
+++ b/people/9810.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9811.html b/people/9811.html
index f2cb9f4c..dd9ef46b 100644
--- a/people/9811.html
+++ b/people/9811.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9812.html b/people/9812.html
index b4ec71b4..8d436f78 100644
--- a/people/9812.html
+++ b/people/9812.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9813.html b/people/9813.html
index c8532041..5683edef 100644
--- a/people/9813.html
+++ b/people/9813.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9814.html b/people/9814.html
index 865c1972..69ba1a81 100644
--- a/people/9814.html
+++ b/people/9814.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9815.html b/people/9815.html
index 85c34dde..8b7abb9e 100644
--- a/people/9815.html
+++ b/people/9815.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9816.html b/people/9816.html
index c4c4e78e..87f83fab 100644
--- a/people/9816.html
+++ b/people/9816.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9817.html b/people/9817.html
index a5578a24..b40d1a2b 100644
--- a/people/9817.html
+++ b/people/9817.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9818.html b/people/9818.html
index 59c868e6..313954d4 100644
--- a/people/9818.html
+++ b/people/9818.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9819.html b/people/9819.html
index 578f7dc6..b10a5cb2 100644
--- a/people/9819.html
+++ b/people/9819.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/982.html b/people/982.html
index 1ca8f82b..eae96d80 100644
--- a/people/982.html
+++ b/people/982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9820.html b/people/9820.html
index 8767d330..51ef4ad2 100644
--- a/people/9820.html
+++ b/people/9820.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9821.html b/people/9821.html
index 3c53ee84..af1e7062 100644
--- a/people/9821.html
+++ b/people/9821.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9822.html b/people/9822.html
index 81afd21f..0f6fd3e3 100644
--- a/people/9822.html
+++ b/people/9822.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9823.html b/people/9823.html
index f8f6bf0f..640e0a83 100644
--- a/people/9823.html
+++ b/people/9823.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9824.html b/people/9824.html
index 126e13b2..f478a6bc 100644
--- a/people/9824.html
+++ b/people/9824.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9825.html b/people/9825.html
index b1977df4..8396154c 100644
--- a/people/9825.html
+++ b/people/9825.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9826.html b/people/9826.html
index 4cbf9215..b25d921d 100644
--- a/people/9826.html
+++ b/people/9826.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9827.html b/people/9827.html
index d7c9912d..3e1bb3b3 100644
--- a/people/9827.html
+++ b/people/9827.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9828.html b/people/9828.html
index 1ff0d007..7f8e0f8f 100644
--- a/people/9828.html
+++ b/people/9828.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9829.html b/people/9829.html
index b66d750d..e7788b88 100644
--- a/people/9829.html
+++ b/people/9829.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/983.html b/people/983.html
index 17c38526..80cc4c7c 100644
--- a/people/983.html
+++ b/people/983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9830.html b/people/9830.html
index 3b122585..62909e65 100644
--- a/people/9830.html
+++ b/people/9830.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9831.html b/people/9831.html
index be74ad5d..3e341905 100644
--- a/people/9831.html
+++ b/people/9831.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9832.html b/people/9832.html
index 00cc1dcf..e736b3c8 100644
--- a/people/9832.html
+++ b/people/9832.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9833.html b/people/9833.html
index 53c379db..d194b399 100644
--- a/people/9833.html
+++ b/people/9833.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9834.html b/people/9834.html
index 01720e8a..53269015 100644
--- a/people/9834.html
+++ b/people/9834.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9835.html b/people/9835.html
index 02401f69..e9c5f0ca 100644
--- a/people/9835.html
+++ b/people/9835.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9836.html b/people/9836.html
index 2197fe98..0e88b3aa 100644
--- a/people/9836.html
+++ b/people/9836.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9837.html b/people/9837.html
index 7c7f9c75..91154a88 100644
--- a/people/9837.html
+++ b/people/9837.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9838.html b/people/9838.html
index fee6615f..8c653e0a 100644
--- a/people/9838.html
+++ b/people/9838.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9839.html b/people/9839.html
index bdebbeb4..18df6740 100644
--- a/people/9839.html
+++ b/people/9839.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/984.html b/people/984.html
index 0baf3a9c..08eaf059 100644
--- a/people/984.html
+++ b/people/984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9840.html b/people/9840.html
index fc95ea97..245c15e1 100644
--- a/people/9840.html
+++ b/people/9840.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9841.html b/people/9841.html
index e2815454..d51e6dc9 100644
--- a/people/9841.html
+++ b/people/9841.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9842.html b/people/9842.html
index 01cd7d22..62e1357f 100644
--- a/people/9842.html
+++ b/people/9842.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9843.html b/people/9843.html
index 34a9f9c4..36a87c04 100644
--- a/people/9843.html
+++ b/people/9843.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9844.html b/people/9844.html
index 7ad29e79..ceb6e714 100644
--- a/people/9844.html
+++ b/people/9844.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9845.html b/people/9845.html
index 306a9351..ea304b91 100644
--- a/people/9845.html
+++ b/people/9845.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9846.html b/people/9846.html
index a7a6e1b2..08fb1bb2 100644
--- a/people/9846.html
+++ b/people/9846.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9847.html b/people/9847.html
index 63a1466f..02981e11 100644
--- a/people/9847.html
+++ b/people/9847.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9848.html b/people/9848.html
index 5d30c79b..cdc0e8e0 100644
--- a/people/9848.html
+++ b/people/9848.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9849.html b/people/9849.html
index eeaf9e37..ac8171c7 100644
--- a/people/9849.html
+++ b/people/9849.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/985.html b/people/985.html
index 9d7be69e..15c554a2 100644
--- a/people/985.html
+++ b/people/985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9850.html b/people/9850.html
index b68de857..e4d58b48 100644
--- a/people/9850.html
+++ b/people/9850.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9851.html b/people/9851.html
index 5b5b8304..dcae91b2 100644
--- a/people/9851.html
+++ b/people/9851.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9852.html b/people/9852.html
index 77f03d07..6c7f64a5 100644
--- a/people/9852.html
+++ b/people/9852.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9853.html b/people/9853.html
index 725a7a69..a1d3325b 100644
--- a/people/9853.html
+++ b/people/9853.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9854.html b/people/9854.html
index 112a727c..58e508c7 100644
--- a/people/9854.html
+++ b/people/9854.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9855.html b/people/9855.html
index 33ac5571..80368983 100644
--- a/people/9855.html
+++ b/people/9855.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9856.html b/people/9856.html
index 30456246..e71d9010 100644
--- a/people/9856.html
+++ b/people/9856.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9857.html b/people/9857.html
index 357fc223..640a9118 100644
--- a/people/9857.html
+++ b/people/9857.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9858.html b/people/9858.html
index 1b8b780d..c3070fa7 100644
--- a/people/9858.html
+++ b/people/9858.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9859.html b/people/9859.html
index 6f134a70..ba26a2c0 100644
--- a/people/9859.html
+++ b/people/9859.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/986.html b/people/986.html
index 398dc27c..e201468f 100644
--- a/people/986.html
+++ b/people/986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9860.html b/people/9860.html
index 53d81798..d06ccb04 100644
--- a/people/9860.html
+++ b/people/9860.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9861.html b/people/9861.html
index 747d460e..8ae64ca1 100644
--- a/people/9861.html
+++ b/people/9861.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9862.html b/people/9862.html
index 146b9a2d..bf8372c7 100644
--- a/people/9862.html
+++ b/people/9862.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9863.html b/people/9863.html
index 0ef5f70a..a4f3b0a7 100644
--- a/people/9863.html
+++ b/people/9863.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9864.html b/people/9864.html
index c129b6fb..1662eeb4 100644
--- a/people/9864.html
+++ b/people/9864.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9865.html b/people/9865.html
index 78b35b60..066d3d1d 100644
--- a/people/9865.html
+++ b/people/9865.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9866.html b/people/9866.html
index 43151cd3..c1baf0e9 100644
--- a/people/9866.html
+++ b/people/9866.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9867.html b/people/9867.html
index 551eee4c..82bf6289 100644
--- a/people/9867.html
+++ b/people/9867.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9868.html b/people/9868.html
index bf56c116..eb1bdd1e 100644
--- a/people/9868.html
+++ b/people/9868.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9869.html b/people/9869.html
index f89cecce..a7960664 100644
--- a/people/9869.html
+++ b/people/9869.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/987.html b/people/987.html
index fe500a01..ee8794d9 100644
--- a/people/987.html
+++ b/people/987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9870.html b/people/9870.html
index 211d56f5..7ca7be81 100644
--- a/people/9870.html
+++ b/people/9870.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9871.html b/people/9871.html
index f4193c2c..4893a825 100644
--- a/people/9871.html
+++ b/people/9871.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9872.html b/people/9872.html
index 21332b6a..35da51b7 100644
--- a/people/9872.html
+++ b/people/9872.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9873.html b/people/9873.html
index 11640bba..15638ab1 100644
--- a/people/9873.html
+++ b/people/9873.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9874.html b/people/9874.html
index 829ac758..3811536a 100644
--- a/people/9874.html
+++ b/people/9874.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9875.html b/people/9875.html
index 458f7356..a86bd399 100644
--- a/people/9875.html
+++ b/people/9875.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9876.html b/people/9876.html
index 0c8e9833..d84ad785 100644
--- a/people/9876.html
+++ b/people/9876.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9877.html b/people/9877.html
index 5ab7e9cf..49f3e171 100644
--- a/people/9877.html
+++ b/people/9877.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9878.html b/people/9878.html
index a37b84f4..f7b016b4 100644
--- a/people/9878.html
+++ b/people/9878.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9879.html b/people/9879.html
index e7ef947a..15b189e5 100644
--- a/people/9879.html
+++ b/people/9879.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/988.html b/people/988.html
index e95c8a23..853044a1 100644
--- a/people/988.html
+++ b/people/988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9880.html b/people/9880.html
index f8484a87..cc3ad706 100644
--- a/people/9880.html
+++ b/people/9880.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9881.html b/people/9881.html
index 6c34eedd..889cc179 100644
--- a/people/9881.html
+++ b/people/9881.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9882.html b/people/9882.html
index b1fc92ce..2a121c48 100644
--- a/people/9882.html
+++ b/people/9882.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9883.html b/people/9883.html
index 18344754..39d0aeb7 100644
--- a/people/9883.html
+++ b/people/9883.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9884.html b/people/9884.html
index b308a4cf..db9b39fe 100644
--- a/people/9884.html
+++ b/people/9884.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9885.html b/people/9885.html
index 79b38672..79a19999 100644
--- a/people/9885.html
+++ b/people/9885.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9886.html b/people/9886.html
index e36cd6e7..83f7a11a 100644
--- a/people/9886.html
+++ b/people/9886.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9887.html b/people/9887.html
index 76729575..85789af8 100644
--- a/people/9887.html
+++ b/people/9887.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9888.html b/people/9888.html
index d10615bf..9708c0be 100644
--- a/people/9888.html
+++ b/people/9888.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9889.html b/people/9889.html
index 0e08a107..6e9afecf 100644
--- a/people/9889.html
+++ b/people/9889.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/989.html b/people/989.html
index db9aa015..dfc638bf 100644
--- a/people/989.html
+++ b/people/989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9890.html b/people/9890.html
index 69484fdb..b236d711 100644
--- a/people/9890.html
+++ b/people/9890.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9891.html b/people/9891.html
index 63cdccdd..be6fbd6b 100644
--- a/people/9891.html
+++ b/people/9891.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9892.html b/people/9892.html
index 84e9fb90..8cb4bf84 100644
--- a/people/9892.html
+++ b/people/9892.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9893.html b/people/9893.html
index 9e1b34a6..0387f3cd 100644
--- a/people/9893.html
+++ b/people/9893.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9894.html b/people/9894.html
index ca6d1ce0..a03984b7 100644
--- a/people/9894.html
+++ b/people/9894.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9895.html b/people/9895.html
index 62b95978..0daae81d 100644
--- a/people/9895.html
+++ b/people/9895.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9896.html b/people/9896.html
index 3e2422a0..aa20c9ca 100644
--- a/people/9896.html
+++ b/people/9896.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9897.html b/people/9897.html
index d0cd2c70..1933f40c 100644
--- a/people/9897.html
+++ b/people/9897.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9898.html b/people/9898.html
index 89a82d0c..3ad02ae0 100644
--- a/people/9898.html
+++ b/people/9898.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9899.html b/people/9899.html
index 56928978..985c6c75 100644
--- a/people/9899.html
+++ b/people/9899.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/99.html b/people/99.html
index 25a6321f..764ab1c8 100644
--- a/people/99.html
+++ b/people/99.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/990.html b/people/990.html
index 9e89c40a..35bcefc5 100644
--- a/people/990.html
+++ b/people/990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9900.html b/people/9900.html
index 0bfd329d..e3450575 100644
--- a/people/9900.html
+++ b/people/9900.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9901.html b/people/9901.html
index fdc91eba..18ddbf88 100644
--- a/people/9901.html
+++ b/people/9901.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9902.html b/people/9902.html
index 63ed5844..65baa977 100644
--- a/people/9902.html
+++ b/people/9902.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9903.html b/people/9903.html
index 6956679e..0d27c406 100644
--- a/people/9903.html
+++ b/people/9903.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9904.html b/people/9904.html
index 7c6bd05b..d0ba1679 100644
--- a/people/9904.html
+++ b/people/9904.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9905.html b/people/9905.html
index bd7c4440..79377627 100644
--- a/people/9905.html
+++ b/people/9905.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9906.html b/people/9906.html
index 347e7f36..88ce617c 100644
--- a/people/9906.html
+++ b/people/9906.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9907.html b/people/9907.html
index ca81b594..16d475c0 100644
--- a/people/9907.html
+++ b/people/9907.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9908.html b/people/9908.html
index 9b3952b9..e691159a 100644
--- a/people/9908.html
+++ b/people/9908.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9909.html b/people/9909.html
index 55b63723..2ae9ef94 100644
--- a/people/9909.html
+++ b/people/9909.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/991.html b/people/991.html
index 403cae2d..2afa021d 100644
--- a/people/991.html
+++ b/people/991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9910.html b/people/9910.html
index 19ab90b6..5117bb9e 100644
--- a/people/9910.html
+++ b/people/9910.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9911.html b/people/9911.html
index 2c857584..02d8fd60 100644
--- a/people/9911.html
+++ b/people/9911.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9912.html b/people/9912.html
index 4fe8b588..1ca0f916 100644
--- a/people/9912.html
+++ b/people/9912.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9913.html b/people/9913.html
index c962f5db..4a20a0e6 100644
--- a/people/9913.html
+++ b/people/9913.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9914.html b/people/9914.html
index e224394f..0a6aae68 100644
--- a/people/9914.html
+++ b/people/9914.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9915.html b/people/9915.html
index 1b829861..5c9bb4e3 100644
--- a/people/9915.html
+++ b/people/9915.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9916.html b/people/9916.html
index 6c8a7680..5ea805df 100644
--- a/people/9916.html
+++ b/people/9916.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9917.html b/people/9917.html
index 7b75ad7d..1092dc3b 100644
--- a/people/9917.html
+++ b/people/9917.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9918.html b/people/9918.html
index f9b6de83..295d6316 100644
--- a/people/9918.html
+++ b/people/9918.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9919.html b/people/9919.html
index 0533f578..711ba439 100644
--- a/people/9919.html
+++ b/people/9919.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/992.html b/people/992.html
index 0183f146..9cb0112e 100644
--- a/people/992.html
+++ b/people/992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9920.html b/people/9920.html
index 6a1016f9..32650d0e 100644
--- a/people/9920.html
+++ b/people/9920.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9921.html b/people/9921.html
index 42722e2e..8d425418 100644
--- a/people/9921.html
+++ b/people/9921.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9922.html b/people/9922.html
index 7074c84d..75b444e2 100644
--- a/people/9922.html
+++ b/people/9922.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9923.html b/people/9923.html
index 1af710e2..681f6273 100644
--- a/people/9923.html
+++ b/people/9923.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9924.html b/people/9924.html
index 3b70980d..ee65d5f0 100644
--- a/people/9924.html
+++ b/people/9924.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9925.html b/people/9925.html
index fab570b4..a12747be 100644
--- a/people/9925.html
+++ b/people/9925.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9926.html b/people/9926.html
index d42a0fee..3e1f63f3 100644
--- a/people/9926.html
+++ b/people/9926.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9927.html b/people/9927.html
index c3a8f645..809ca07d 100644
--- a/people/9927.html
+++ b/people/9927.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9928.html b/people/9928.html
index b2fa25c2..77d1183a 100644
--- a/people/9928.html
+++ b/people/9928.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9929.html b/people/9929.html
index e13b1d0b..3a0cc2a5 100644
--- a/people/9929.html
+++ b/people/9929.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/993.html b/people/993.html
index 096a8839..70c3b09c 100644
--- a/people/993.html
+++ b/people/993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9930.html b/people/9930.html
index f35e2015..54c2a9c6 100644
--- a/people/9930.html
+++ b/people/9930.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9931.html b/people/9931.html
index 034a1ce8..6aff42a1 100644
--- a/people/9931.html
+++ b/people/9931.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9932.html b/people/9932.html
index 497a5bd0..883b251a 100644
--- a/people/9932.html
+++ b/people/9932.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9933.html b/people/9933.html
index af7e2f9f..54a87a78 100644
--- a/people/9933.html
+++ b/people/9933.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9934.html b/people/9934.html
index ce518657..28bcceec 100644
--- a/people/9934.html
+++ b/people/9934.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9935.html b/people/9935.html
index 620e1e20..ed9d031c 100644
--- a/people/9935.html
+++ b/people/9935.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9936.html b/people/9936.html
index c10a6083..96710b0d 100644
--- a/people/9936.html
+++ b/people/9936.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9937.html b/people/9937.html
index 48331dfd..3e6684a2 100644
--- a/people/9937.html
+++ b/people/9937.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9938.html b/people/9938.html
index c3bce88c..414bdd7e 100644
--- a/people/9938.html
+++ b/people/9938.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9939.html b/people/9939.html
index c479b4b0..ee8a7a8b 100644
--- a/people/9939.html
+++ b/people/9939.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/994.html b/people/994.html
index 75f5b941..c75a1207 100644
--- a/people/994.html
+++ b/people/994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9940.html b/people/9940.html
index b6de0100..37036242 100644
--- a/people/9940.html
+++ b/people/9940.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9941.html b/people/9941.html
index b7bd102f..3592ed7a 100644
--- a/people/9941.html
+++ b/people/9941.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9942.html b/people/9942.html
index c8b11ec5..5595be8a 100644
--- a/people/9942.html
+++ b/people/9942.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9943.html b/people/9943.html
index ec395abe..a2dc0461 100644
--- a/people/9943.html
+++ b/people/9943.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9944.html b/people/9944.html
index ce5e83b6..5625d139 100644
--- a/people/9944.html
+++ b/people/9944.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9945.html b/people/9945.html
index f8583af2..1666d0fb 100644
--- a/people/9945.html
+++ b/people/9945.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9946.html b/people/9946.html
index e67d993e..4c330155 100644
--- a/people/9946.html
+++ b/people/9946.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9947.html b/people/9947.html
index 6fcf8625..c1cd60ac 100644
--- a/people/9947.html
+++ b/people/9947.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9948.html b/people/9948.html
index 74464240..ea950870 100644
--- a/people/9948.html
+++ b/people/9948.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9949.html b/people/9949.html
index 8faf96ce..ab4c5e53 100644
--- a/people/9949.html
+++ b/people/9949.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/995.html b/people/995.html
index dc7657b6..9266ba4b 100644
--- a/people/995.html
+++ b/people/995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9950.html b/people/9950.html
index cfdaff81..91df44c3 100644
--- a/people/9950.html
+++ b/people/9950.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9951.html b/people/9951.html
index d56ac9cf..adf04a17 100644
--- a/people/9951.html
+++ b/people/9951.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9952.html b/people/9952.html
index 26d7d9fa..0a9caf96 100644
--- a/people/9952.html
+++ b/people/9952.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9953.html b/people/9953.html
index 5ba8b2d2..a3525b79 100644
--- a/people/9953.html
+++ b/people/9953.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9954.html b/people/9954.html
index 128742d2..180301a3 100644
--- a/people/9954.html
+++ b/people/9954.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9955.html b/people/9955.html
index 4a2d9bd7..c60e1175 100644
--- a/people/9955.html
+++ b/people/9955.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9956.html b/people/9956.html
index dd87880c..b3888b20 100644
--- a/people/9956.html
+++ b/people/9956.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9957.html b/people/9957.html
index dcf04b8b..dbef2fc3 100644
--- a/people/9957.html
+++ b/people/9957.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9958.html b/people/9958.html
index 90625d0b..5a8f6f46 100644
--- a/people/9958.html
+++ b/people/9958.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9959.html b/people/9959.html
index 91d0ad6c..2da2dea9 100644
--- a/people/9959.html
+++ b/people/9959.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/996.html b/people/996.html
index 5e9ce6b1..53706d70 100644
--- a/people/996.html
+++ b/people/996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9960.html b/people/9960.html
index 6a590383..da68ccba 100644
--- a/people/9960.html
+++ b/people/9960.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9961.html b/people/9961.html
index 709d4739..e93179b3 100644
--- a/people/9961.html
+++ b/people/9961.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9962.html b/people/9962.html
index 2a1fc23d..38c673a7 100644
--- a/people/9962.html
+++ b/people/9962.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9963.html b/people/9963.html
index 2757a300..97bae5a5 100644
--- a/people/9963.html
+++ b/people/9963.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9964.html b/people/9964.html
index 92f3b85f..3fd239ff 100644
--- a/people/9964.html
+++ b/people/9964.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9965.html b/people/9965.html
index 5b0817aa..97518513 100644
--- a/people/9965.html
+++ b/people/9965.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9966.html b/people/9966.html
index b798792c..9b45eddc 100644
--- a/people/9966.html
+++ b/people/9966.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9967.html b/people/9967.html
index d1c51a54..0abb54f7 100644
--- a/people/9967.html
+++ b/people/9967.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9968.html b/people/9968.html
index e72cbdcd..95551b11 100644
--- a/people/9968.html
+++ b/people/9968.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9969.html b/people/9969.html
index 02a73151..06d89624 100644
--- a/people/9969.html
+++ b/people/9969.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/997.html b/people/997.html
index f3407bbf..840f6159 100644
--- a/people/997.html
+++ b/people/997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9970.html b/people/9970.html
index 1a4755f5..9dd59b8b 100644
--- a/people/9970.html
+++ b/people/9970.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9971.html b/people/9971.html
index c5a3fe3e..f0b7272f 100644
--- a/people/9971.html
+++ b/people/9971.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9972.html b/people/9972.html
index 19db466c..e2dcbbcc 100644
--- a/people/9972.html
+++ b/people/9972.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9973.html b/people/9973.html
index dd85368c..603283b2 100644
--- a/people/9973.html
+++ b/people/9973.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9974.html b/people/9974.html
index 62d768a7..cf65d358 100644
--- a/people/9974.html
+++ b/people/9974.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9975.html b/people/9975.html
index fcbfd727..5b955fd0 100644
--- a/people/9975.html
+++ b/people/9975.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9976.html b/people/9976.html
index 6e1d0e5b..320ae5ca 100644
--- a/people/9976.html
+++ b/people/9976.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9977.html b/people/9977.html
index 0843fb7a..cbc07c6f 100644
--- a/people/9977.html
+++ b/people/9977.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9978.html b/people/9978.html
index f2fa652e..46119373 100644
--- a/people/9978.html
+++ b/people/9978.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9979.html b/people/9979.html
index 2e5da3ec..98bf0b9e 100644
--- a/people/9979.html
+++ b/people/9979.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/998.html b/people/998.html
index 9d87d266..15cb2c0a 100644
--- a/people/998.html
+++ b/people/998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9980.html b/people/9980.html
index 47de552c..863f37a7 100644
--- a/people/9980.html
+++ b/people/9980.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9981.html b/people/9981.html
index 3b549b8e..63495bad 100644
--- a/people/9981.html
+++ b/people/9981.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9982.html b/people/9982.html
index 4e7281aa..0e15fb8c 100644
--- a/people/9982.html
+++ b/people/9982.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9983.html b/people/9983.html
index 33c3205b..6b31c849 100644
--- a/people/9983.html
+++ b/people/9983.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9984.html b/people/9984.html
index 8f15e40c..6138ca81 100644
--- a/people/9984.html
+++ b/people/9984.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9985.html b/people/9985.html
index 0a152df1..3986a0f1 100644
--- a/people/9985.html
+++ b/people/9985.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9986.html b/people/9986.html
index 22b03b0f..deec5a35 100644
--- a/people/9986.html
+++ b/people/9986.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9987.html b/people/9987.html
index ae335a96..e98fbf97 100644
--- a/people/9987.html
+++ b/people/9987.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9988.html b/people/9988.html
index 3e3a1c5f..6fcd260f 100644
--- a/people/9988.html
+++ b/people/9988.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9989.html b/people/9989.html
index ed660f5f..1d2bfe8b 100644
--- a/people/9989.html
+++ b/people/9989.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/999.html b/people/999.html
index 2db51321..49b3ab53 100644
--- a/people/999.html
+++ b/people/999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9990.html b/people/9990.html
index d523b560..820945d7 100644
--- a/people/9990.html
+++ b/people/9990.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9991.html b/people/9991.html
index c4a0ddbd..891f3c1b 100644
--- a/people/9991.html
+++ b/people/9991.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9992.html b/people/9992.html
index 0cd9e836..fb327334 100644
--- a/people/9992.html
+++ b/people/9992.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9993.html b/people/9993.html
index a89905c4..999cbbe9 100644
--- a/people/9993.html
+++ b/people/9993.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9994.html b/people/9994.html
index 2a5dcf3b..ae952ae4 100644
--- a/people/9994.html
+++ b/people/9994.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9995.html b/people/9995.html
index ceca6888..933d1b09 100644
--- a/people/9995.html
+++ b/people/9995.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9996.html b/people/9996.html
index 9ae6535f..b5b7e70d 100644
--- a/people/9996.html
+++ b/people/9996.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9997.html b/people/9997.html
index 3c5230de..d276365b 100644
--- a/people/9997.html
+++ b/people/9997.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9998.html b/people/9998.html
index 4a593262..22517d23 100644
--- a/people/9998.html
+++ b/people/9998.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
diff --git a/people/9999.html b/people/9999.html
index 59c1381b..34f9e732 100644
--- a/people/9999.html
+++ b/people/9999.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
-- 
cgit v1.2.3-70-g09d2